Indian Motorcycle

Indian Motorcycle

周期

10 周

角色

UX 研究、UX 设计、
UX 策略

关键词

HMI、品牌设计、
改版重设计

Overview

Indian Motorcycle 希望 Scout 车型的仪表盘不止是一块驾驶界面,而能成为一段延伸到骑行之外的数字品牌体验。这个前瞻性项目将直观的导航、精选的文化路线、品牌故事叙事与可收集的骑行记忆整合为一个完整生态,让整套体验都带着鲜明的 Indian 气质。

Culture Mode 界面
Culture Mode 界面(第二屏)

Culture Mode

菜单界面
车辆状态界面

菜单与状态

首页界面

首页

手机上的配套 App

配套 App

导航模式,第 2 屏
导航模式,第 3 屏
导航模式,第 5 屏
导航模式,第 4 屏
导航模式,第 1 屏

五种导航模式

Crafted

Secondary Research

梳理现有品牌形象

Background

品牌史上的关键节点

Primary Research

研究过程

Primary Research

问题 1:品牌辨识度不足

Primary Research

问题 2:仪表界面杂乱、难以快速读取

Insight

问题的三个层级

Indian Motorcycle 于 2026 年 2 月完成独立,这是品牌的一个转折点。十余年来第一次,Indian 得以完全按自己的方式重新定义品牌身份,并重新思考这份 125 年的积淀应当如何在当代数字触点上延续。

然而时至今日,它的数字语言仍沿用通用车机的设计,换成任何一个摩托车品牌都看不出差别。

水印

字体

品牌色板

American

Heritage

为了深入了解 Indian 车主的痛点与期待,同时把握更广泛的摩托车骑手需求,我走访了多家摩托车经销商,与车主及专家开展面对面的深度访谈。

3+

家经销商

12+

位用户

5+

位专家

我也说不太上来。

部落、自由、家人、世代相传、一望无际的公路……

Harley 车主

Indian 车主

当我问出「这个品牌对你意味着什么?」,许多 Indian 车主难以回答,常常只给出一句「我也说不太上来」。相比之下,Harley 车主几乎不假思索:部落、自由、家人、传统、Sturgis 机车节、臂章,以及一望无际的公路……

产品层

信息密度过高、层级关系偏弱,叠加屏幕反光,导致骑行中难以一眼读取,既拉长了视线离开路面的时间,也带来安全隐患。

用户层

比起 Harley 深入人心的骑行文化,Indian 在归属感、身份认同和社群氛围上都明显不足。

品牌层

Indian 已经拥有清晰的车主基本盘,却缺少一套属于自己的品牌语气:视觉语言借鉴自 Harley,界面表达也趋于通用化。

白色底色在阳光直射下易反光,
骑行中难以看清

元素过多且互相争夺注意力,
画面杂乱拥挤

警示图标零散分布在屏幕各处,
难以快速定位

品牌个性几乎没有体现,
缺少 Indian 的辨识度

UI 设计语言过于通用化,
缺少复古质感

Ideation

初步结构探索

Ideation

Culture Mode

Ideation

细化后的信息架构

早期结构探索
信息架构初稿

Culture Mode 将精选的文化路线转化为有意义的骑行体验,让车主在路途中与地标、故事和在地文化建立连接。每一次骑行都会沉淀为可收集的徽章与记忆,逐步构建起身份认同、归属感,以及车主与 Indian Motorcycle 之间的情感联结。

骑行前

在 Culture Mode 中,车主出发前即可浏览文化路线、预览沿途故事、筛选想去的站点,并将最终路线一键推送至车机仪表盘。

骑行中

当车主接近某处文化地标时,Culture Mode 仅弹出一个极简提示,可选择前往探索或继续前行,既不打断骑行,也不错过沿途的风景。

骑行后

骑行结束后,车主可在车机与 App 中回看行程、沿途故事与已获得的徽章。Ride Passport 档案将每条路线沉淀为长久的记忆,并随着每一次骑行不断丰富。

Design

Style Sheet

Design

最终设计

Design

交互演示

Design

App 最终设计

主色

用于品牌识别。

Indian Red

#8E0124

Dark Red

#7D1317

Light Red

#B22031

Black

#101010

语义色

用于状态与反馈

Green

#8E0124

Yellow

#B22031

Blue

#B22031

辅助色

用于对比与辅助强调。

Grey

#101010

Light Grey

#585858

White

#F5F5F5

Cream

#FEE7B5

企业色彩系统

字体系统

按钮与控件

实心图标

作为界面图标的主要样式

圆形按钮

用于系统中的一级菜单项。

选中态

未选中态

环形控制按钮

用于地图与浮层相关的快捷操作。

选中态

未选中态

原界面表达偏通用,警示与信号指示又占去过多视觉空间。

更精致、带有复古气质的 Indian 风格界面,同时保证关键骑行信息清晰、聚焦。

改版前/首页

改版后/首页

改版前/导航

改版后/导航

其他导航模式

改版前/来电

改版后/来电

改版前/菜单

改版后/菜单

Culture Mode

常规地图布局压缩了前方视野,使即将到来的路段更难辨认。

改为左右分栏,收起次要的侧向视野,将空间让给前方路况。

来电会覆盖整个导航界面,容易错过路口,也造成注意力分散。

来电改为以紧凑清晰的浮层呈现,导航画面全程保持可见。

菜单被拆分在屏幕与周边实体控件上,操作逻辑难以理解。

简化菜单结构后,选项更清晰,也更易于查找。

Culture Mode 在引导车主前往文化站点的同时,保持关键骑行信息始终可见。分栏布局将 Culture Mode 与骑行信息区隔开,进度条则让路线状态一目了然。

T

行程键

P

H

翻页键

主页键

三种导航模式支持车主在不同的路线信息密度之间快速切换:从逐路口引导,到全局地图,再到前方路况提示,从而降低视觉负担,让关键路线信息更容易看清。

探索/路线

用户可浏览精选的文化路线,点开任意一条,即可查看它的故事背景、关键站点、地图与骑行细节,再据此规划行程。

导航/站点

用户可查看完整的文化路线、了解每一个站点,并在出发前自定义行程。站点详情页提供故事背景、建议时长、停车与配套设施等规划行程所需的信息。

Passport/已完成

Passport 记录已收集的印章与路线进度;完成一条路线即可解锁对应徽章、故事,以及一份完整记录该次旅程的骑行总结。

H1

Science Gothic/Bold/34 px

The Right Answers

H2

Sora/Regular/32 px

Section Header

H3

Supporting Label

Sora/Regular/25 px

Sora/Regular/18 Pt

Body

Body Text Example

较长

较短

THANK YOU FOR VIEWING!

欢迎随时联系,期待与你交流。

其他项目