访客至上的Web、移动可用性设计--指导原则

关于可用性设计,之前写过一个“纸上谈兵”版本的,那篇帖子主要是根据A/B test的方式来进行的。  

但是最近找了本Steve krug写的Don't make me think,我觉得更系统的讲解了什么是可用性设计。

实际上开始可用性设计之前,我们要搞清楚什么是可用性设计。对于可用性设计我们可以找到很多的定义,经常可以分为下面几个方面:

有用:产品能够帮助用户去完成一些必须的工作

可学习:人们能够明白如何使用它

可记忆:再次使用的时候,不需要重新学习。

有效:真的帮助完成了任务

高效:产品只需要用户花费适当的时间和适当的努力就完成了工作。

合乎期望:这个产品就是人们想要的。

再有一个加分项,令人愉悦的:使用产品的过程中觉得愉悦,好玩、有趣等等。

其实关于可用性最核心的内容非常简单:一个有着平均能力和经验的人,能明白如何使用产品,并且不必付出过多的努力或遇到不必要的麻烦。

弄清楚定义之后,如何做到呢?有一些指导原则,看着有些空泛但是大道理都是这样。

1、别让我思考

这条可以说是可用性的第一定律,是我们判断什么有用什么没用的第一法则,我们应该尽量做到,当我们看到一个页面时候,它应该是不言而喻的,一目了然,这也是我经常提到的产品功能自解释。

多余的思考会分散用户的精力,降低用户的体验,对用户使用产品的主干逻辑产生干扰。其实每个可用性问题的背后,都有一个貌似合理的根据,以及一个良好的但是错误的意图。避免这种情况的出现,一般的方法都是列出一个检查清单:我在什么位置?我该从哪里开始?他们把XX放哪儿了?页面上最重要的是什么?为啥这个功能叫这个?

2、扫描

对于网站,大部分时间里用户的使用都是以一种扫描的态势进行的,我们精心准备的文字在用户看起来更像是在车上飞驰的时候遇到的广告牌。在京东技术学院培训的时候也看到他们的内部资料,京东在对网站进行可用性测试的时候使用了眼动仪,观察用户在使用京东的时候是如何浏览的,结果表明在看商品列表的时候是采取一种Z字型的扫描态势,这一发现也直接决定了京东的商品列表排布已经热门商品的摆放位置,在这点上淘宝与京东相比,我更喜欢京东的,因为京东的页面展示都是一种风格,比如搜索ITO的箱子

淘宝上是这样的

京东上是这样的

因为图片背景的关系,我更喜欢JD的,看起来更加清晰。但是重要的事情说N遍,在购买的主需求面前,页面的展示稍微花哨点并不影响什么,除非那个页面太花哨了,晃得你想吐。

3、能用就行

我们绝大多数时候,做出的决定都不会是最好的选择,而是选择第一个能说得过去的,这就是满意策略(《人的模型:社会化和理性》首次提到了这个概念)。人们在做决策的时候有很多环境因素会对人造成影响,包括时间的压力、模糊的目标、有限的信息和变化的环境。

其实人们做出满意策略也比较好理解,因为这样的效率最高。如果任何事情我们都追求完美,我们的生活将会无比艰辛。

当然,这条是告诉我们一个现象,但不是告诉我们应该这样做,用户很多时候都是能用就行了,也并不关心背后的原理,但是我们要之后,如果一个产品功能可以做到自解释或是核心的功能非常突出,也许就一个核心功能,这样避免了用户做选择,直接给用户一个最高效的选择,这样带来的好处是显而易见的。这里要强调的是,用户在使用你的产品,不是因为你的产品非常好,而是你恰好在用户觉得,能用就行的节点上。

4、不为阅读设计

如果我们确定用户都是用扫描的方式进行浏览的,那么有几点需要在设计的时候注意

  • 尽量利用习惯用法

比如一级导航一般都在页面的顶端,那么你就别设计在页面的底端;LOGO通常在左上角,那么你就别设计在右下角,除非你有特别充足的理由以至于使用了不符合习惯的布局后依然不会影响用户使用的便利程度。

  • 建立有效的视觉层次

越重要的地方越突出;逻辑相关的部分在视觉上也要相关;逻辑上包含嵌套关系的在视觉上也要进行嵌套;总之有效的视觉层次其实是让视觉和功能逻辑保持一致,便于用户直观的理解。

  • 页面划分成明确对方定义区域

和利用习惯用法一样,LOGO区域、广告区域、导航区域、主内容区域都有划分清楚。

  • 明显标识可以点击的区域

这一点上在移动产品设计的时候尤为明显,为啥。。。因为没鼠标啊,连个悬停提示都没有。

  • 最小化干扰

专注、聚焦,如果在实际设计的过程中啥都想要,这两个词只能是句口号。

  • 为内容创建清楚的格式,以便于扫描

上面京东和淘宝的对比就是例子,这里只说可用性设计,并不提及产品所定位引起的展示形态不同。

5、省略多余的文字

这个就不细说了,别跟我提博客这种专门的阅读类产品哈,这里说的去掉多余的文字是指在标题和说明的设计上,应该尽量剪短,减少对用户精力的分散。

另外多说一些关于点击的事儿,很多人在争论让用户完成某个功能,点击越少就设计的越牛逼,用户用起来越方便。其实这压根就是个伪命题,用户用起来是否方便是取决于用户使用过程中所花费的精力,这个精力包含着点击次数的体力和艰难思考、分辨的脑力,我认为用户不介意点击了几次完成了认为,只要每次点击都是毫不费力的,并且让用户坚信自己的选择是正确的。当然别抬杠说点了100多次确认才发送一条微博什么的。

时间: 2024-08-02 11:19:10

访客至上的Web、移动可用性设计--指导原则的相关文章

设计指导原则

设计指导原则 一. 性能相关: 避免在循环内部new一些没有必要每次都new的对象. 所有与IO相关的操作,都需要考虑性能问题,一般采取的措施是连接池,缓存,减少调用次数,合并请求. 每个业务都要分析整个请求链路,找到瓶颈,通过压测的方式确认问题及验证解决方案. 根据业务情况,使用异步化和最终一致性. CPU,内存,网络IO,磁盘IO这些瓶颈,需要知道在合适的场景牺牲什么换取什么.通俗的讲是空间换时间,还是时间换空间.不同业务场景下,要做合理的取舍.例如多线程并发查询后merge.这个就是利用C

趣味访客计数器设计两则

计数器|设计 张 蕊 (烟台大学图书馆,264005) -------------------------------------------------------------------------------- ---- 访客计数器作为网站不可缺少的部分,不仅可以记录网站被访问的次数,而且可以通过生动有趣的设计来加强网页的趣味性和可观赏性,使访客计数器成为网页上的一个风景.下面介绍两种轻松设计趣味访客计数器的方法,希望对大家有所帮助. 一.素材准备---- 趣味访客计数器是将计数器的设计与

14个免费访客行为分析工具 帮你分析你的网站

为什么你网站的访客不断的离开,甚至有些永远都不再回来!本文介绍的14个免费访客行为分析工具将帮助你: 1. 了解你的访客需求 2. 提升用户体验 3. 提高网站可用性 4. 留住更多的回头客 5. 提高销售的成功率 关于网站设计有一个很大问题: 如果你想让你网站的访客更好的转换为你的客户(或者忠实读者),你需要理解这一点,为什么大多数的访问者不再返回你的网站! 但是这些来来去去的访客没有留下他们的足迹!你怎么能知道他们到底需要一些什么呢?如何才能知道什么才能让他们采取行动,购买或者订阅你的产品或

水星mercury[新界面] 访客网络的设置方法

一.应用介绍 访客网络是提供给访客的无线网络,有别于您自己使用的无线信号.访客网络可以正常上网,但可以受到多个权限限制.有了访客网络,再也不必为不便告知无线密码而尴尬,也省去访客占用大流量带宽或网络安全而担心. 本文介绍新界面路由器访客网络的应用和设置方法.   二.设置方法 1.进入设置界面 浏览器地址栏中输入melogin.cn登录路由器管理界面,点击界面右上角的 高级设置,如下图: 点击 无线设置 > 访客网络,进入设置界面. 注意:如果是双频无线路由器,则点击 无线设置2.4G > 访

《众妙之门——Web用户体验设计与可用性测试》一导读

内容提要 众妙之门--Web用户体验设计与可用性测试用户体验的优劣直接影响了网站能否成功实现自身的目标,如吸引访客点击.引导用户注册.说服顾客下单购买,等等.本书分为用户体验设计和可用性测试两个部分:第一部分帮助读者了解优秀体验设计的原则.方法和案例,将这些知识灵活运用到项目中,便可以获得良好的效果:然而优秀的用户体验是不可能一步到位的,因此第二部分对可用性测试方面的知识进行了深入的介绍,它能对新建站点和网站改进方面起到非常重要的积极作用. 无论是用户体验设计师.交互设计师.视觉设计师.产品经理

247条Web可用性设计的指导方针

译序:Userfocus是英国一家专门从事网站可用性设计的咨询培训公司.它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为六个大类:首页可用性设计.任务导向.导航和信息架构.表单和数据输入.可信度.写作和内容质量.页面布局和视觉设计.搜索可用性.帮助反馈和容错.如Userfocus所说,"虽然易用性系统的设计远不止应用一些简单的指导方针,但是它们却可以为获取稳定性和好的实践提供有意义的帮助." 译者:IIduce,转载请务必以链接形式注明来源. 原文地址:http:/

案例分析如何设计出符合访客需求的站内搜索

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 搜索是我们在使用互联网中最常用到的功能,无论我们是在搜索引擎上进行搜索,还是在网站内部进行搜索,我们的目的都是为了获得自己想要的内容.作为搜索引擎,其要不断的改善搜索结果来满足用户,而作为网站的运营者我们也不能忽视站内搜索的重要性,因为其深刻的影响着站点的用户友好体验度.对于一个站点来说,其数据量往往是很大的,访客很难一一的去点击寻找信息,对

请不要“迷奸”你网站的访客 如何设计网站的导航系统

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 衍艺网站建设品牌报道:为你的网站访问者保驾护航! 用户体验越来越被重视,一个美观的网站和一个实用的网站你会选择哪个?设计师就一定会选择美观的网站吗?我相信大部分读者会和我一样,更加钟情于适用的网站,接下来讲下如何设计出有着良好用户体验的导航系统: 网站导航一般分为: 网站主导航; 网站具体产品信息导航; 路径导航(面包屑导航). 一,网站主导

优化:站在访客的角度来设计页面

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 1.标题TITLE优化. 既然关键字已定,那标题中,最好出现关键字,标题长度,35个汉字内为好.围绕关键字做相关内容的点缀,要突出主题,突出关键字,如果你有更多的关键字,那你可以把你的关键字组织一下,最后形成的最好是一句通顺的宣传语. 2.KEYWORDS关键字优化. 这部分的优化,个人建议就以主关键字为主就可以,甚至可以单独放一个主关键字就