家纺人才网_人才招聘网_中国人才招聘信息网

家纺人才网_人才招聘网_中国人才招聘信息网

http://www.jfrcw.com

菜单导航

站在大师角度拆解,可用性该怎么玩?(一)

作者: 家纺人才网 发布时间: 2020年11月06日 15:48:25

什么是可用性?一句话总结便是:Don’t make me think!做到让一个页面不言而喻,实现页面的自我解释。

一、写在前面

《Don’t make me think》这本书鼎鼎大名,是一本关于Web可用性的经典之作。作者读过这本薄薄的册子后,觉得脑海中很多不系统的想法,得到了战略层面的印证,简而言之,就是升华了。

不知大家有没有参加过拆书帮活动?我曾有幸参与及组织过几次,深感一本书如果不拆解,将所学运用于工作,那么读过与未读,实在无异。

这篇文章的目的即是在此:拆解经典,独立思考。受限于篇幅原因,也受限于作者的智商问题和时间成本(什么鬼···),对这本书的拆解将分为两部分:

今天的论述集中在理论层面,对文章内涵进行结构化解读与思考;

下一篇文章中,作者将结合自己不成熟的小想法,设计可用性评价体系,对目前的热门Web、移动APP进行拆解,敬请期待。

拆解再整合的过程,难免有思虑不周,甚至领悟有误的地方,还望各位带着挑剔的眼光看待文章,欢迎拍砖。

二、什么是可用性

首先要解决一个根本性的问题,什么是Web网站和移动应用的可用性?其属性应包括如下要素:有用、可学习、可记忆、有效、高效。千言万语汇成第一准则:Don’t make me think!如果你不能做到让一个页面不言而喻,那么至少应该让它自我解释。

Steve Krug从四个方面来讲述其可用性设计的思想:指导原则、必须正确处理的几个方面、确定没有做错的几件事、大的方面和外界影响。这种结构是否似曾相识?看来SWOT和PEST分析法百试百灵。接下来让我们一一细品。

三、指导原则

Steve Krug从用户的习惯入手,剖析用户心理,制定了若干必须遵守的准则:

1.尊重习惯用法。

要做到显而易见,无需思考,别去贸然挑战用户的习惯用法,创新要有度,确定你的创新,能够为用户带来更高的价值。

关于这一点,作者曾在某篇文章中读过一个小故事,故事的主人公很喜爱日式风格,觉得登录界面的“登录”两个字一点都不酷,坚决要使用“登入”,结果造成了一系列人员的一系列困惑与茫然。最后主人公醒悟了:也许“登入”确实比“登录”更cool,但是毫无疑问,它挑战了用户的惯性思维,make them have to stop and think a minute。

2.建立有效的视觉层次。

逻辑相关,视觉相关;逻辑包含,视觉嵌套。确保内容的外观能够很好体现内容之间的联系。

划分区域,让用户很快决定关注点和忽略点。

明确标识可点击处。某种形状(按钮)、某些位置(菜单条)、某些格式(文字颜色、下划线等),通过这些视觉元素,让用户秒懂。

降低视觉噪声,让页面便于理解。可通过“有罪推定”的方式,先假定所有内容都是噪声,去除任何对页面没有帮助的内容。

创建清楚的内容格式。通过良好的格式,让用户扫描起来更容易。

充分使用标题,设置友善的格式,提供用户内容大纲;

保持段落简短,不要让用户丢失阅读位置,丧失耐心;

优化可读性,使用符号列表,干掉分号和逗号;

突出关键词,帮助用户定位焦点。

四、必须正确处理的几个方面

导航和主页是整个Web、APP的门面,它告诉用户这里有什么,如何使用这些东西。规划得当的导航和主页,无疑是给用户留下最佳第一印象的好机会,为用户和网站、APP之间,创造继续沟通交流的可能性。有以下几点必须注意:

1.保持全局导航

全局导航包括站点ID、栏目、实用工具、搜索,保证用户能够随时回到主页,随时知晓自己在网站中的层次。个人觉得这一项,适用于Web端,移动端空间宝贵,时刻维持一个全局性的导航系统实在过于奢侈。通用的做法是,在最底层的空间收起全局导航,通过“<”返回键,回到上级页面。

2.设计简洁、清晰的主页界面,让每一个起点看起来像是起点。

如果用户想搜索,应该点击搜索框输入关键字;如果用户想要登录,应该点击“我的”页面进行跳转···总而言之,无论用户下一步的动作是什么,给他毫无疑义的指示和入口。

五、确定你没做错的几件事

本文地址:http://www.jfrcw.com/zhichang/215580.html

请遵守互联网相关规定,不要发布广告和违法内容