4.框架层 界面设计、导航设计、信息设计界面设计
界面设计:提供用户做某些事的能力,通过它,用户能真正接触到那些“在结构层的交互设计 中”确定的“具体功能。”
导航设计:提供给用户去某个地方的能力,通过它,用户可以在结构中自由穿行。
信息设计:给用户传达想法。跨越了“以任务为导向”的功能型产品和以“信息为导向”的信息型产品的边界。是界面设计和信息设计的基础。
界面设计
选择正确的界面元素。这些界面元素能帮助用户完成他们的任务,还能通过适当的方法让它们容易被理解和使用。哪些功能在哪个界面上完成,是我们在结构层的交互设计中决定的;而这些功能在界面上如何被用户认知到,则属于界面设计的范畴。设计复杂系统的界面所面临的最大挑战之一:弄清楚用户不需要知道哪些东西,并减少它们的可发现行。界面设计可以采用各种各样的技巧,使用户完成目标的过程变得容易。一个简单的技巧,在这个界面第一次呈现给用户的时候,仔细考虑每一个选项的默认值。
复选框(checkbox):允许用户独立地选择各个选项。
单选框(radio button):允许用户从一组互斥的选项中选择一个。
文本框(text field):允许用户---等待着用户---输入文字。
下拉菜单(dropdown list):在紧凑的空间中,让用户从一组互斥的选项中选择一个。
多选菜单(list box):在紧凑的空间中,允许用户独立地选择各个选项。
按钮(action button):告诉体统接受用户通过其他界面元素提交的所有信息,并用这些信息来做一些事情---采取动作。
导航设计
满足3个要点
1.给用户提供一种在网站间跳转的方法。
2.传达出导航与他们所包含内容之间的关系。
3.传达出它的内容和用户当前浏览页面之间的关系
假设用户不会将上一页的信息带到下一页中。
1.全局导航:提供了覆盖整个网站的通路
2.局部导航:提供给用户在这个架构中到“附近地点”的通路。
3.辅助导航:提供了全局全局导航或局部导航不能快速到相关内容的快捷途径,提供了一些分类方面的好处,同时能保持网站的主要层级结构。
4.上下文导航:嵌入页面自身内容的导航,即文本的超链接导航。
5.友好导航:提供给用户他们通常不会需要的链接。
6.网站地图:作为网站的一个分级概要出现,提供所有以及导航的链接,并与缩进显示的、主要二级导航链接起来。
7.索引表:按字母顺序排列的、链接到相关页面的列表。
信息设计
信息设计的分类依据:1.反应用户的思路,2.支持用户的任务和目标。由于界面不仅仅只是用来收集用户信息,它还需要向用户呈现信息,所以信息设计在解决界面设计的问题中扮演重要角色。
指示标示
用来帮助用户理解“他们在哪”“他们能去哪”
图标、标签系统和排版是另外的信息设计方式,有时帮助用户加强“你在这里的”感觉。
线框图
线框图/页面示意图:将信息设计、界面设计和导航设计防止在一起,形成一个统一的、有内在凝聚力的架构的地方。
线框图是整合在框架层的全部三种要素的方法:
1.通过安排和选择界面元素来整合界面设计
2.通过识别和定义核心导航系统来整合导航设计
3.通过防止和排列信息组成部分的优先级来整合信息设计。
5.表现层 感知设计
表现层:解决“产品框架层的逻辑排布”的感知呈现问题。
视觉
视觉设计应关注的点:
应该把注意力集中在设计的“运作是否良好”
之前就确定的目标,视觉设计应的支持如何?
忠于眼睛
评估一个产品视觉的简单方法:你的视线首先落在上面地方?哪个设计要素在第一时间吸引用户的注意力?他们是对于战略目标来讲很重要的东西吗?或者用户第一时间注意到的东西与他们的目标是背道而驰的么?
如果你的设计师成功的,用户眼睛的移动轨迹应该满足一下两点
1.有一条流畅的路径指引用户
2.这条路径引导用户去完成某个目标和任务。
对比和一致性
对比是一个重要手段,能帮助用户理解页面导航元素之间的关系。对比还可以传达信息设计中的概念群组。一致性:能使你的设计有效得传达信息,而不会导致用户迷惑或者焦虑。
基于栅格线:使用“母版”来确保设计的一致性。
内部和外部的一致性
内部产品和外部产品不统一
解决办法:确定有可能在产品各种各样的界面、导航和信息设计等不同环境中反复出现的设计元素,进行一个方案设计,病将这个方案应用到整个产品中去。
配色方案和排版
核心的配色方案通常是一个更广泛的配色方案的一部分,这套配色方案要在一个企业的所有材料中得到应用。对比和一致性对于创建配色方案也扮演了重要角色。
排版:字体的选择
设计合成品和风格指南
风格指南:汇总确定了视觉设计的每个方面,从最大到最小的范围的所有元素,比如设计栅格、配色方案、字体标准或标志应用指南
要素的应用
创建良好的用户体验最重要的内容是大量收集亟待解决的非常细微的问题。1.了解你正在试着去解决的问题:你已经知道主页的紫色的大按钮是个问题,那这个问题是表现层?框架层?还是结构层?2.了解这些解决办法所造成的成果:在你的产品某个部分运作得非常好的导航设计,可能完全不符合结构层的另一个部分。
用户体验的决策体现在这些场景之中:1.由现状决定的设计。2.由模仿决定设计。3.由领导决定的设计。
必须要同时考虑五个层面的全部因素,这是对创建成功的用户体验至关重要的。
面对哪些设计用户体验时需要解决的纠缠不清的小问题,有时会是一件令人气馁的事情。有时需要作出妥协并评估利弊进行取舍,也很容易让人沮丧、怀疑。正确的做法是:每一个决定都建立在对其背后议题理解的基础之上,问自己:你为什么要这么做?
用户体验设计是一场马拉松,可能在短期内花费一定的时间,但是它们将在一个更长时期中节省更多的时间。