首页设计的可用性与PET.pdfVIP

首页设计的可用性和PET 网站的首页是一个让人头疼的东西。有时它看起来很简单 ：首页 是网站内容的整合 ，一个产品经 理随便从网站里拿点东西出来 ， 能堆出一个看上去靠谱的首页。也正因此 ，它往往非常麻烦 ：很 多人都可以发表自己的见解 ，而这时交互设计师的一些手段 （比如流程图、概念图等 ），在面对首 页设计时也难派上用场 ，以致最终陷入到无尽的争执中。所以 ，本文希望寻找一些实用的方法一定 程度上帮助设计师来决策 ，也让大家在争执过程也有些共同的依据。 首页之所以难设计 ，我认为因为它不仅要解决用户“能做”的问题 ，更多时候要解决用户“想做”的 问题。“能做”对应的是可用性 ，相对容易解决 ，专家评估、可用性测试可以很有效地帮助设计师 ；而“想做”对应的是PET (Persuat io n,Emot io n,T rust ，说服、情感、信任) ，可能涉及到心理学 ，人 种学 ，营销学等陌生的知识 ，交互设计师在这方面 不再是专家了 ，但一些经验和方法仍可以有效 ，下文中会讲到。 将可用性和PET 分开考虑 浏览首页的用户基本分为两种 ：有目标的用户和无目标的用户。A lan Coo per的“目标导向”理念告诉 我们 ，用户的目标驱动任务 ，有目标的用户直接开始“任务” ，我们只要为他们解决可用性的问题。而 那些无目标的用户 ，他们只是随便逛逛 ，需要首页的PET 足够好 ，将此类用户“转化”成有目标的 用户 ，尽量避免他们“流失”。 所以我将浏览首页的用户分为这两类 ，针对两类用户不同的特 来进行设计 ，会让我们的思路变得 清晰。 一些现实例子 谷歌首页 对于搜索型产品 ，所有用户都是有明确目标的 ，即便首页是多么“死板” ，因为没有任何干扰 ，用户 都可以迅速进入自己的任务。所以谷歌首页没有任何PET 的内容 赶集网(或58同城) 这类网站的设计也完全服务于“有目标的用户” ，把“无目标用户”无情地抛弃 ，本人觉得这种设计并不 是最高效的方式 ，因为毕竟浪费掉了大量用户。 京东商城 对于电子商务网站 ，存在两种典型的用户情景 ： 1. 理性消费者 ，想要找的东西很明确 ，或者挑选的范围很小 ，这 要求首页有很好的可用性 ，帮助 他找到商品 ，如下图中的蓝色部分 是服务这类用户。 2. 冲动型消费者 ，并不知道自己需要什么 ，只是随便看看有没有合适的或促销的东西可以买 ，这 要求首页有很好的PET ，吸引用户点击 ，如下图中的红色部分 是服务于这类用户。 倘若京东商城不考虑无目标的用户 ，也许首页 会长成下面这样 ： 对于想找商品的用户 ，也许更方便直观了 ，而对于没有目标的用户 ， 只能离开了。 人人网 对SNS类网站来说 ，用户大多数时间是在“随便看看大家都在干什么” ，当然也有时 ，用户来到首页 进行发表日志 ，上传照片等目标明确的操作。 讨论 ：“随便看看”是不是一种用户目标 ？ 我觉得不是 ，“随便看看”不能直接驱动任务 ，故不能用来测试产品可用性 ；在可用性测试中的任务 设计时 ，随便看看不能作为任务。“随便看看”的过程中 ，用户决定要做某件事了 ，这才是用户目标 。 澄清一些可能存在的误解 服务无目标的用户的模块 （如上面例子中的红色区域 ），并不是说不需要可用性 ，只是在设计的难 度上 ，要把PET 做好更难更需要思考 ，而可用性要求较容易满足。反之亦然。 比如京东商城中的促销模块设计 ，是很典型的服务于无目标用户的模块 ，PET 要求能表现产品质 量好 ，价格便宜 ，买的人多 ，存货不多等等难以表现的信息 ；而可用性只要求商品易浏览 ，可点 击等 ，任何设计者都不会出错。 首页设计中如何协调可用性和PET 1. 在设计之前 ，调查分析网站用户 ，是“有目标”的多 ，还是“无目标”的多 ，以确定页面上两类模块的 比例。 2. 一般网站同时兼顾两种用户。但“可用性“和“PET ”这两点 ，存在天然矛盾 ，前者要求页面清晰 ，而 从后者的角度来说 ，清晰意味着死板 ，后者要求页面丰富 ，而从前者的角度来说 ，丰富意味着杂乱 。故在设计时要注意权衡。 3. 为解决上述矛盾 ，那 要求“可用性模块”和“PET 模块”要明确区分 ，可以识别 ，不能相互掺杂。让 两类用户能第一时间关注到需要看的部分。 . 可用性是基础 ，一定要先做好 ，PET 是更高要求 ，属于上层建筑 ，切不可为上层建筑放弃基础。 设计首页的可用性 1. 应该尊重习惯用法的时候 ，不要擅自创新 ，如采用用户习惯的网站头 ，包括主导航 ，全局导航 ， 搜索 ，LO GO 。如下图。 2. 若有更多导航–如电子商务网站的商