杭州地铁导视系统很「哇塞」，11个案例给B端设计的启发
导视系统被广泛应用在商业综合体、公共设施、写字楼、城市交通等公共空间中，它是人与环境交互的可视化系统。我们可以理解为，设计者通过相应的可视化指引性设计，帮助人们达到他的目的地。
根据交互形态，我们可将导视系统分为静态、动态和可交互态：
- 静态：环境中固定显示的（一般是贴的、写的或印制的），不会因为环境或是相应设定而改变
- 动态：会随着环境或是相应设定而改变的导视界面
- 可交互态：这种导视系统是随着机器人、人工智能等技术而出现的，例如商场里面的机器人，你对着它说话，它会做出相应的导航反馈
根据导视系统每层涵盖的范围不同，我们可将导视系统分为一级、二级和三级：
- 一级：例如商场总平面图、广场导视柱
- 二级：例如商场楼层的导航图（包括每层楼相应的平面图）
- 三级：例如每层楼的卫生间、服务台等名称牌
导视系统是一个复杂的系统，想要设计好导视系统，不仅要了解导视系统本身是如何设计的，还需要知道整个导视环境的真实状态，也要知道如何设计使用者的行为动线，对符号学社会学等也需要有相应的认知。
导视系统就如B端界面中的导航，两者的设计思想大同小异。
设计者既要具备宏观的视角，也要具备设计好细节的专业能力，为使用者清晰规划“我在哪儿、我可以去哪儿、如何回来”的解决方案。
今天就跟着知果来看看「杭州地铁导视系统」设计的好的地方吧。
01 避险机制
设计者考虑到门内工作人员在开门后，可能会导致门意外撞到正在门外走动的乘客，因此在门外框定了一个黄色警示区域，并在上面写上「开门区域、请勿站人」，让人感觉很贴心。
乘客们走到这个地方后，会自然而然避开，降低突发事件概率。当然，现在此门被贴上了封条，应该是暂时不用了。
02 突出重点
在地铁的出口，不仅标注了大大的「出+箭头」标识，同时还将高频地点直接显示在了靠近「出」的位置。知果想，要么是设计团队以往有类似经验，要么是设计团队后来受到反馈补加的，总之很不错。
将乘客在该口要去的主地点直接突出化设计，提升了乘客自助前往目的地的概率，无需再问其他人或查手机协助。
03 差异化显示
这是一条通往地铁出口的长通道，墙面均由如下的白板组成，对于乘客来说，即便某些白板后面有什么特殊之物，也压根分不出，而这就可能出现危险。特别是小孩子经过这么长的通道，喜欢一路上打打闹闹。
设计者在将背后有特殊之物的白板进行了标注，第一防止乘客误触，第二也为地铁出现紧急情况要使用消火栓提供了一眼定位的便捷性。
04 防错机制
如果没有“当心触电”，很多小孩子走过很可能会拿手翻翻、玩玩，万一出意外就晚了。因此，即便这么不起眼的位置，设计者也是很用心，加了警示标志。
05 面面俱到
这个出口位置显示的内容与方式和02是不同的，但它们之间具有互补关系，05是概貌信息，02是突出重点地点。
通过05覆盖了几乎所有乘客的需求，直接告诉大家从C出口出去，可以到达哪些地方；02告诉大家，大部分在此处下车的乘客主要去哪个地方。
06 相邻设计
现在的卫生间除了满足日常的需求外，基本都增加了母婴室、残障者卫生间，体现了现代城市公共设施的人文关怀。
在杭州地铁的导视系统中，不仅放大了卫生间标识（地铁卫生间是乘客的高频使用功能），同时与卫生间相邻的标识也进行了符号化与文字示意，让乘客通过一处便可知晓关于地铁卫生间相关的基础设施。
07 一图胜千言
都说图比文字来的更容易让人理解，更直观。知果抬头看车厢内的禁止行为时，想到假如都是文字，就需要读很久才能一一知晓，况且很多时候，我们根本就不会有耐心去读。
而设计者将这些禁止行为全部转换为让人容易理解的图片，我们扫一眼就立刻知道了，无需去阅读文字。同时，图很多时候比文字来的省排版空间，是一个很妙的设计手法。
08 图化步骤说明
知果觉得这套图形化说明书设计的非常好，原有三：
- 是谁使用的（图上有个轮椅标识）
- 使用哪个对象（向下箭头）
- 如何使用（极简文字说明+清晰化图示）
这个安全带的使用方式很多人基本一看就会用，用不了10秒钟，且对于做轮椅的残障者来说，非常友好。
09 爱心专座
「爱心专座」四个字，温馨又直观的让乘客知道这个角落上的独座是给哪些人专门留的。假如没有这四个字，乘客们就不会明白设计者背后的思考。
10 反向置灰
试想一下，你要是站在一条路线的前面，想知道下一站是去哪里，如果它的整条线路都是彩色的，我们是不是需要花较多的时间去确认下一站到底是哪里。
而设计者以当前站为起点，当前方向终点站为终点的这条线路连起来绘制为彩色，反向绘制为灰色（灰色站点直接可以被忽略），如此便提升了乘客定位下一站的效率。
并且在可换成站点直接进行标注，乘客就可以知道哪个站点是换乘站点，以及可换几号线。
11 电梯导视牌
1. 总分结构
首先导视牌中通过「此电梯前往」一句话告诉乘客通过乘坐该电梯你可以去哪里；再通过「-1」和「-3」的区分，让乘客知道「-1」是干什么的，「-3」又是可以做什么的。
在「-3」前面有个「您在此」的标识，让乘客对当前的环境妥妥地清楚。
2. 图文结合
导视牌光用文字会让乘客觉得阅读干涩以及不易定位。
通过将文字中的关键词提取后转化为图形，图文搭配的方式，不仅让导视牌变得好看了，也让导视牌的信息变得更加简洁了，提升了乘客的阅读和理解效率。
3. 重点突出
导视牌中用了颜色和文字放大的方式将乘客关注的关键点突出，有效引导了乘客的视线。
12 对B端的启发
如果要对杭州地铁导视系统做个启发式总结，知果觉得有这4点我们可以学习：
1. 无处不在的图形化
多思考是否用图形可以更好的、更直观的、更简洁的展示。乘坐地铁的人们，大部分是匆忙的，他们只想通过地铁能快速到达自己的目的地，并不想在地铁上多停留。
因此，能用图形化来表示清楚的，就不要通过纯文字来描述。实在需要文字，可以用图作为增强理解的标识。
B端系统中，适当通过图配文，会提升用户的理解效率。
2. 简洁为王，突出重点
重点突出，非常有利于用户定位和阅读信息。人们乘坐地铁，无非是想知道自己乘车的位置在哪里、乘车的方向对不对、地铁上下层各是做什么的、出口信息是什么等关键信息。
因此，设计者从乘客场景诉求出发，将当前场景下的关键诉求突出和放大，便于用户即刻明确。
B端界面的突出重点方式除了字号加粗变大外，还有排版的差异化、颜色的差异化等。
3. 隐喻性色彩
杭州地铁导视系统，无处不在隐喻性色彩，用的恰到好处。例如爱心专座的粉色、出口的绿色、禁止的红色、警示的黄色，都非常符合用户的认知。
在B端系统中，数据的状态均可以使用颜色去表示，识别效率会比文字高。
4. 如有必要，才增实体
「如有必要，才增实体」是知果对「如无必要，勿增实体」的修改。在杭州地铁系统中，我们会发现，大部分导视牌都是对乘客有用的，很少会出现对乘客无用的信息，真正起到了对乘客的有效引导。
B端也是如此，不要出现与该场景下无关的信息，避免混乱用户。例如，不要为了获取用户的信息，让用户填写一堆除了必要信息以外的信息，导致用户关闭界面，直接逃走。
13 写在最后
假如我们细心观察，会发现杭州地铁导视系统的设计与B端界面的设计有相似之处。导视系统的导视图和B端界面都是与用户交互的媒介，它们设计的好坏，会给用户不一样的感觉。
设计的好，就会让用户觉得你很懂我；设计的不好，就会让用户觉得你很笨拙，都给我了一些什么无关紧要的信息。
我们都希望设计出用户喜爱的交互媒介，那么就要了解用户来你的系统主要是做什么的，他们期望达到什么结果，以此来构建系统的交互流程、功能要素等。
及时给用户他们需要的当下场景下的重点信息，协助用户做出良好的操作决策。
好啦，知果今天的分享就到这里，我们下期见~
#作者#
知果，公众号：知果日记。浙江工商大学品牌设计专业硕士，《B端思维-产品经理的自我修炼》作者。在产品设计流程、产品设计原则、产品设计方法、产品设计规范方面均有丰富经验
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
