第六章、用户体验五要素之框架层解析(本文作用是通俗讲解,让你更容易理解)

        结构层定义产品运行形式,框架层则用于确定用什么样的功能或者形式来实现。在框架层,功能型和信息型产品都需要信息设计,不同的是功能型还需要界面设计,而信息型产品则是导航设计。
        1、界面设计:如果涉及提供给用户做某些事的能力,那就是界面设计。
        2、导航设计:如果提供给用户去某个地方的能力就是导航设计。
        3、信息设计:如果是传达想法给用户那就是信息设计。

一、比喻和习惯
        1、习惯
        人类对熟悉的事物存在习惯的条件反射。让你的界面和用户早已养成的习惯保持一致很重要,更重要的是界面要与它自身保持一致。但是这并不是说要你墨守成规,如果你有很充分的理由,也可以敬慎的违背一些习惯。
        2、比喻
我们应该抑制在产品中到处建立比喻的冲动。将产品特性和现实世界的事物建立联想,听起来会方便用户理解,但是实际上不管什么比喻都没有办法揭示特性本来的本质,反而是让用户更容易混淆。因为每个人的文化背景不一样,你所认为恰当的比喻,可能在用户那边觉得莫名其妙。你和用户之间可能会存在巨大的认识偏差。
所以比喻要谨慎使用,并且通过提供一定程度的上下文承接,来缩小用户可猜想的范围。
 

二、界面设计
        程序员往往追求逻辑上的完美无死角,所以会去处理很多的意外情况,和各种逻辑分叉。但是对于界面设计来说,这是行不通的。
我们应该思考的是大多数用户的使用路径,至于少部分用户的错误操作,我们可以给予提示,但是不能增加大部分用户的操作步骤或者不能增加大部分用户需要浏览的信息量。如果因为少部分用户的操作路径差异,我们就在操作主路径上做很多容错提示信息或者做容错操作,那么就是捡了芝麻丢了西瓜。
        界面设计永远都是遵循二八法则,为了服务好80%的用户,让它们只需浏览尽量少的信息,做尽量少的步骤操作。只能牺牲那20%操作路径与众不同的用户了。

三、导航设计
        导航设计就是告诉用户我在哪,我可以去哪。
        1、导航设计要完成三个目标:
        (1)实现在网站间跳转。
        (2)告诉用户即将跳转过去的地方是什么内容。
        (3)告诉用户即将跳转过去的地方和当前内容是什么关系。
        2、导航类型

        (1)全局导航。不是到所有界面的导航,而是到用户可能访问的所有模块的导航。
        (2)局部导航。提供当前模块內的界面之间的导航。
        (3)辅助导航。提供模块间或者模块內快速导航,而不需要返回到当前模块根目录去重新选择。
        (4)上下文导航。也叫内联导航,就是嵌入到内容里面的超链接或者跳转。
        (5)友好导航。提供给用户平时不需要,但是需要时很重要的导航。
        (6)远程导航。当用户浏览路径比较深,对当前界面的导航晕头转向时,可以用远程导航,直接跳转到他需要去的地方。比如网站地图展示的网站整体结构信息、还有索引表所展示的按字母顺序展示各个模块的链接。

四、信息设计
        一个系统应该提供给用户正确使用它所需要的信息。信息设计决定信息该怎么呈现给用户,涉及分组和整理散乱的信息。最关键的是分类和排序必须能“反应用户的思路”、“支持他们的任务和目标”。
将信息设计和导航设计结合起来,可以形成指示标识。告诉用户他在哪,他可以去哪,走哪条路最近。


五、线框图
        线框图是一个界面中有哪些组成部分,以及它们如何结合到一起的直观描述。结构层有一个框架图,是各个概念以及它们之间的关系,而线框图是更详细的描述,已经几乎接近于最终界面。线框图是非常重要的,几乎每一个参与开发的人都需要用到。战略层、范围层、结构层的设计者可以根据线框图查看他们的产品期望是否得到满足。技术开发人员则可以根据线框图来设计网站的运作机制。
        最重要的是,通过安排和选择界面元素来整合界面设计,通过识别和定义核心导航系统来整合导航设计,通过放置和排列信息组成部分的优先级来整合信息设计。这样,线框图建立了最终产品的基本架构,同时又为表现层的设计指明方向。是前面所有工作的集大成,和后续工作的指明灯。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

闽农qq:994955138

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值