在框架层,我们主要解决放置的事情。在表现层,我们要解决并幕布“产品框架层的逻辑排布”的感知呈现问题。
表现层在工作中大部分属于ui或者视觉设计师的工作范畴,作为交互我们可以培养自己的审美,尊重参考设计师的意见,给设计师足够的空间来主导设计。
所以这个章节我们以了解为主,下面节选一些认为比较重要的部分:
表现层决定我们的设计最后要如何被人类的感觉器官感受到。感受由视觉、听觉、触觉、嗅觉和味觉。
触觉属于工业设计领域,用户与产品之间的物理接触,不仅包括材质,还可以是振动、温度等来传递。
我们应该把注意力集中在视觉设计方案运作是否良好上。
评估视觉设计的简单方法之一,是回答这样的问题:你的视线首先落在什么地方?哪个设计要素在第一时间吸引了用户的注意力?它们是对于战略目标来讲很重要的东西吗?或者用户第一时间注意到的东西与想要的目标是背道而驰的吗?
找出主要设计元素的方法是眯着眼睛或斜着去看这个页面,或者将图无限缩小。
眼球追踪(eyetracking)仪器来确定被测人到底正在看什么,以及他们的视线是如何在这个屏幕上移动的。
好的眼睛移动轨迹的模式应该有一下两个重要的特点:首先,它们遵循的是一条流畅的路径;其次,在不需要用太多细节来吓到用户的前提下,它为用户提供有效选择的、某种可能的“引导”。
巧妙利用页面中的对比(contrast)和一致性(uniformity),把用户的注意力吸引到界面中的关键部分,帮助用户理清页面导航元素之间的关系,还可以传达信息设计中的概念群组的主要手段。比如瀑布流中的广告就利用了这点。
对比可以引导用户在页面上的视线,也可以将用户的注意力吸引到关键要素上。这些工作的总体策略是,让“差异”必须足够清晰,用户要足够分辨出某个设计选择是特意要传达一些信息的。
栅格化(grid-based layout)主要用于网页设计中,用来指导布局工作保证一致性而不会牺牲统一。
解决“内部一致性”问题比较好的办法,是建立在对网站框架的深刻理解上的。其中的关键在于,确定有可能在产品各种各样的界面、导航和信息设计等不同环境中反复出现的设计元素。简而言之,要做个控件库或者设计规范。
在大多情况下,更亮或更醒目的色彩可以用于设计你的前景色,更暗淡的色彩最好用于那些不需要跳出页面的背景元素中。
一个非常接近其他颜色、但又不完全一样的色彩,会破坏你的配色方案的效率。
注意衬线体和非衬线体的应用环境。
《用户体验要素》阅读笔记
一、初识用户体验
二、网站的用户体验
三、用户体验五要素
四、战略层:产品目标和用户需求
五、范围层:功能规格和内容需求
六、结构层:交互设计与信息架构
七、框架层:界面设计、导航设计和信息设计
九、表现层:感知设计
十、用户体验的应用