例如在特斯拉的UI界面中 ， 将整体分为3块区域 ， 左边是形式仪表右侧是多功能区域底部则是车辆相关的控制功能 ， 你想控制前后车灯 ， 那么按钮就会在车辆模型的前后两侧 ， 如果你想打开空调则在底部工具栏的中间即可打开 ， 如果你想给座椅加热那么也可以像图片中那样在4个座位的图片中进行交互就可以实现 。
这样的设计让控件与被控制的对象能够远距离在控件上形成一个映射关系 。还有在日常生活中 ， 大家家里是否用过升降式晾衣架 ， 通过旋转把手来操控升降 ， 这里其实也很难应用到空间部分 ， 因为两者所处的平面不同 ， 就更加无法对应起来 ， 有没有一种比较好的方式来解决这个问题呢 ， 我觉得可以用颜色或者标记来做映射的对应 。所以为了映射的相关性、同型、同色、靠近等方式都可以用来提升二者的相关性 。
二、映射在数字产品中的应用
数字产品中的映射也是关于控制器和被控制对象的故事 。数字产品中也有不少的控制器我们就称之为控件 ， 例如一个图标按钮、一个下拉列表或者一个滑块 ， 它们都有各自的控制对象 。而我们常说什么样的设计满足用户心智 ， 指的就是让用户觉得当他操控控件后带来的结果与反馈是他预期之中的 ， 这就会让其觉得是合理的、自然的 。
案例1
文章插图
文章插图
例如在这个案例中 ， 设计师其实是想通过按钮来控制车中相关的功能 ， 但是大家能发现问题吗？映射的前提是控件要先满足示能和意符的表达 ， 其次再通过映射告诉用户 ， 谁控制谁 。但我们发现这个界面中的按钮其实在示能和意符上出现了歧义 ， 例如热车的图标 ， 我们通常认为这样的宫格形式布局都是以入口形式存在 ， 点击后会进入下一个界面 ， 但是设计师在这里其实把一些情况搞混了 。
所以我们仔细看 ， 这些图标就像是电饭煲上的按钮 ， 只要点击就会触发车辆状态的变化 ， 相当于一个开关 ， 咱们先不说这样的设计是否方便用户 ， 我们看映射其实就会发现用户其实很难做到空间布局上的对照 ， 从而更高效的来对车辆进行控制 。并且也存在一定的逻辑错误 ， 例如热车和解锁是什么逻辑 ， 车窗开到一半想停止怎么办 ， 空调要调节冷热和温度怎么办 ， 所以这里不再单纯的是一个开关集合的区域 ， 会遇到很复杂的情况 。
案例2
我们再来看一个案例 ， 其实在数字界面中很多映射并非有直接对应关系 ， 而是需要用户通过交互来触发 。在下面的界面中 ， 是一个课程的详情页面 ， 用户可以发布自己的学习笔记通过音频的方式发布在该页面中 ， 而底部的工具栏在当前的设计中就会出现映射相关的问题 。
文章插图
文章插图
我们即然要发布音频那么我们有这些问题可以提前预设好
需要有什么控件来控制吗？例如一个按钮那么这个按钮是点击后松开再开始录音 ， 还是需要长按开始录音 ， 亦或者点击之后进入一个编辑页面 ， 再通过录音或者上传音频的形式来编辑呢？点击麦克风录完音频后页面会怎样显示能否试听、编辑 ， 边上的输入框和麦克风有关吗？我可以直接输入文字再点击发布吗或者直接点发布会出现什么呢？等等不管如何我们从需要有一个入口 ， 所以这个入口比较关键 。通过这个入口（按钮）来触发上传音频的整个交互流程 ， 它也是一个映射关系 ， 只是没有全部展开 ， 因为这里无法展开 。
- 风冷冰箱怎么调温制冷 风冷冰箱温度怎么调才正确
- 冰箱温度如何调? 冰箱温度一般怎么调
- 冰箱的温度怎么调才正确三星冰箱的温度怎么调 三星冰箱温度怎么调才正确
- 美的冰箱怎么调温度控制 美的电子冰箱怎么调温度
- 海尔冰箱温度怎么调高中低 海尔冰箱温度怎么调高
- 美的电冰箱怎么调温度视频 美的电冰箱怎么调温度
- 美的冰箱变温室怎么调 美的冰箱调温怎么调
- 美的冰箱强弱怎么调节 美的智能冰箱怎么调温度强中弱
- 美的冰箱双开门调温度怎么调 美的电冰箱怎么调温度啊双开门
- 美的智能冰箱冷冻室温度怎么调节 美的智能冰箱怎么调温度冷冻和冷藏