主页 > 奇趣新型 >设计的科学:让使用者只需眼睛看、不用大脑想

设计的科学:让使用者只需眼睛看、不用大脑想

设计的科学:让使用者只需眼睛看、不用大脑想

在创造阶段,设计师最需要问自己: 这是什幺感觉?

透过怎样的设计可以让你的观众不用想就知道你想要表达的讯息?

有些设计师可能会觉得我讲的是 Call to Action,但事实上这篇文者较 CTA 更为深入。

在「这是什幺感觉?」的问题背后,其实隐含了一些有趣的科学,当你应用这些科学在你的工作时,它会让你的成果非凡且满足你的顾客。

前注意处理程序
设计的科学:让使用者只需眼睛看、不用大脑想

前注意处理程序为大脑低阶视觉系统中会发生的现象。简而言之,前注意处理程序就是你脑中快速处理的讯号集合的过程,而这些可以被快速处理的讯号可以让你不用想也知道「这是什幺感觉」。

前注意处理程序会过滤并侦测你「觉得」重要的图形。

其中一个前注意处理程序讯号是「色彩」,色彩是多数人容易感受到的讯号且其与我们的环境密不可分。

学者已经发现 18 种以上我们脑中可以接受的视觉讯号,而目前仍持续开拓中。这些讯号从直线的方向、厚度和闪烁,到物件移动的密度、速度等。以下为讯号的範例:

讯号
设计的科学:让使用者只需眼睛看、不用大脑想
设计的科学:让使用者只需眼睛看、不用大脑想
设计的科学:让使用者只需眼睛看、不用大脑想
设计的科学:让使用者只需眼睛看、不用大脑想
设计的科学:让使用者只需眼睛看、不用大脑想
设计的科学:让使用者只需眼睛看、不用大脑想
设计的科学:让使用者只需眼睛看、不用大脑想
设计的科学:让使用者只需眼睛看、不用大脑想
设计的科学:让使用者只需眼睛看、不用大脑想

你的眼睛瞬间被这些讯号中不同之处所吸引,你的脑袋开始发问:为什幺它跟别人不一样,它想要表达什幺?

身为一个设计师,了解这些讯号并且灵活的应用它们,让使用者更容易连于欲传递的讯息,就可以改善你设计的使用者经验。

若要更深入这个主题,我建议你看 这一篇 。

资料视觉化
设计的科学:让使用者只需眼睛看、不用大脑想

这个概念影响我的设计作品良久,加上我的企业背景,应用它替我增加了不少优势。

我在 14 年前偶然知道前注意处理程序,infoviz 的巨头 Edward Tufte 不经意的提到可以朝这个现象做应用,至此我致力于资料视觉化。设计出许多视觉化複杂资料的方法。

「你感觉到什幺?」是最关键的问题,在大多数的案件中,我们必须为视觉化的资料做排序、排名。有许多感觉是要使用者感受到的,而我们将决定藉由什幺讯号才能够将这些感觉完整的传递给使用者。

前注意处理程序提供一个良好的架构支持这些设计的决定。

值得一提的是,你会发现 BigData 的出现将会使资料视觉化的概念更加被重视。

让他可行吧!

应用前注意处理程序

从纸上谈兵到真的实作出一个符合需求的介面,资料视觉化概念的了解和应用将举足轻重,这是所有设计师都必须考虑到的。

排序与排名的重要性

你曾耳闻「别让我思考」。大部分优秀的使用者介面让使用者「不用想就知道」这个物件想要传达的讯息,你应用程式中的活动、功能和目标对使用者而言有不同的重要程度。若你能多利用以下视觉化程序,你的使用者将想得更少、另他们更开心。

你必须做

  1. 列出你的应用程式想要传达给使用者的讯息,并列出目的。
  2. 将这些讯息依重要程度评 1~10 分并排序它们。
  3. 思考用哪些讯号可以合理的视觉化这些讯息。
  4. 将选用的讯号依据适合程度做排名。
  5. 做「瞬间测试」并记录「感觉到什幺」

举个例子:

警告 -- 若你将应用程式中高度重要的警告评为 10 分,你可能会选择用闪烁的讯号来呈现。若非重要的警告则评为 5 分,并且改以颜色的讯号来表达此警告讯息。

再来,你必须确认你有将「感觉」传递给使用者吗?

思考模组
设计的科学:让使用者只需眼睛看、不用大脑想

知道就好,不要墨守成规

我放在这边只是为了刺激思考及讨论。另外一个重点就是不要墨守成规。如果问我每次设计是否都有按照以上流程走,我的回答是否定的。但是这取决于我的需要视觉化的资料的複杂度。如果换个思考模型,另一种设计方法也无伤大雅。

随着 Google Glass 和 Leap Motion sensor 的出现,侦测触碰和手势的互动性介面越来越普及,而这些设计原则将会有更多的延伸与利用。

所以就跟着感觉走,一起设计美好未来吧!

上一篇: 下一篇: