用户体验要素-笔记总结(下)


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.由领导决定的设计。


用户体验要素

必须要同时考虑五个层面的全部因素,这是对创建成功的用户体验至关重要的。

面对哪些设计用户体验时需要解决的纠缠不清的小问题,有时会是一件令人气馁的事情。有时需要作出妥协并评估利弊进行取舍,也很容易让人沮丧、怀疑。正确的做法是:每一个决定都建立在对其背后议题理解的基础之上,问自己:你为什么要这么做?

用户体验设计是一场马拉松,可能在短期内花费一定的时间,但是它们将在一个更长时期中节省更多的时间。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容