小议首页设计可用性和PET.docxVIP

小议首页设计可用性及PET ?原作者: 阅微网 首页是网站内容的整合，产物经理随便从网站里拿点工具出来就能堆出一个看似像模像样的首页。看起来很简单，然而越是简单的工具往往做起来很麻烦，很多人都可以揭晓自己的见解，此时 HYPERLINK /portal.php?mod=listcatid=122 \t _blank 交互设计师的一些手段，好比 HYPERLINK /portal.php?mod=listcatid=23 \t _blank 流程图、概念图等，在面对首页设计时难显效力，以致最终陷入无尽争执中。这里笔者正是希望找寻一些实用的体例，在一定水平上帮忙设计师决策，同时也为巨匠在争执过程傍边提供一些共同的依据。首页之所以难设计，我认为因为它不仅要解决用户“能做”的问题，更多时候要解决用户“想做”的问题。“能做”对应的是可用性，相对容易解决，专家评估、可用性测试可以很有效地帮忙设计师；而“想做”对应的是PET(Persuation,Emotion,Trust，说服、情感、信任)，可能涉及到心理学，人种学，营销学等陌生的知识，交互设计师在这方面就不再是专家了，但一些经验和体例仍可以有效，下文中会讲到。 将可用性和PET分隔考虑 浏览首页的用户基天职为两种：有目标的用户和无目标的用户。Alan Cooper的“目标导向”理念告诉我们，用户的目标驱动任务，有目标的用户直接开始“任务”，我们只要为他们解决可用性的问题。而那些无目标的用户，他们只是随便逛逛，需要首页的PET足够好，将此类用户“转化”成有目标的用户，尽量避免他们“流失”。 所以我将浏览首页的用户分为这两类，针对两类用户不合的特点来进行设计，会让我们的思路变得清晰。 一些现实例子 谷歌首页对搜索型产物，所有用户都是有明确目标的，即便首页是何等“死板”，因为没有任何干扰，用户都可以迅速进入自己的任务。所以谷歌首页没有任何PET的内容 赶集网(或58同城)这类网站的设计也完全服务于“有目标的用户”，把“无目标用户”无情地抛弃，本人觉得这种设计并不是最高效的体例，因为究竟结果浪费掉了大量用户。 京东商城对电子商务网站，存在两种典型的用户情景：理性消费者，想要找的工??很明确，或者挑选的规模很小，这就要求首页有很好的可用性，帮忙他找到商品，如下图中的蓝色部门就是服务这类用户。感动型消费者，其实不知道自己需要什么，只是随便看看有无合适的或促销的工具可以买，这就要求首页有很好的PET，吸引用户点击，如下图中的红色部门就是服务于这类用户。 倘若京东商城不考虑无目标的用户，也许首页就会长成下面这样：对想找商品的用户，也许更便利直观了，而对没有目标的用户，就只能离开了。 人人网对SNS类网站来说，用户大大都时间是在“随便看看巨匠都在干什么”，固然也有时，用户来到首页进行揭晓日志，上传照片等目标明确的操作。 讨论：“随便看看”是否是一种用户目标？我觉得不是，“随便看看”不克不及直接驱动任务，故不克不及用来测试产物可用性；在可用性测试中的任务设计时，随便看看不克不及作为任务。“随便看看”的过程傍边，用户决定要做某件事了，这才是用户目标。澄清一些可能存在的误解服务无目标的用户的模块（如上面例子中的红色区域），并不是说不需要可用性，只是在设计的难度上，要把PET做好更难更需要思考，而可用性要求较容易满足。反之亦然。好比京东商城中的促销模块设计，是很典型的服务于无目标用户的模块，PET要求能表示产物质量好，价格廉价，买的人多，存货不多等等难以表示的信息；而可用性只要求商品易浏览，可点击等，任何设计者都不会犯错。 首页设计中如何协调可用性和PET 1、在设计之前，查询拜访阐明网站用户，是“有目标”的多，还是“无目标”的多，以确定页面上两类模块的比例。2、一般网站同时兼顾两种用户。但“可用性“和“PET”这两点，存在天然矛盾，前者要求页面清晰，而从后者的角度来说，清晰意味着死板，后者要求页面丰硕，而畴前者的角度来说，丰硕意味着杂乱。故在设计时要注意权衡。3、为解决上述矛盾，那就要求“可用性模块”和“PET模块”要明确区分，可以识别，不克不及相互搀杂。让两类用户能第一时间关注到需要看的部门。4、可用性是基础，一定要先做好，PET是更高要求，属于上层建筑，切不成为上层建筑抛却基础。 设计首页的可用性 1、应该尊重习惯用法的时候，不要擅自立异，如采取用户习惯的网站头，包含主导航，全局导航，搜索，LOGO。如下图。 2、 若有更多导航–如电子商务网站的商品分类–须在第一屏内泛起，突出且易识别。导航中的信息架构，在需要时可用卡片分类法对导航内容进行分类。易迅网的商品分类导航，在左边第一屏最显眼处。 3、首页整体结构规矩，使用网页栅格系统设计页面，允许页面有合理留白。4、尽量连结页面架构简单，最好