网站首页的设计

网站首页的设计是一件很是让人头痛的事。虽然她看上去很简单：产品经路随便从网站里拿点东西出来，堆出一个看上去靠谱的页面。也正所以，它每每很是麻烦：不少人均可以发表本身的看法，以至最终陷入到无尽的争执中。

首页的设计相对于其余页面要难的缘由是，其余页面更多的是解决用户“能作”的问题，而首页的更多要解决用户“想作”的问题。“能作”对应的是可用性，相对容易解决，专家评估、可用性测试均可以颇有效地帮助策划师或设计师；而“想作”对应的是PET(Persuation,Emotion,Trust，说服、情感、信任)，可能涉及到心理学，消费学，营销学等陌生的知识，设计师在这方面就再也不是专家了。

从用户群体分，首页能够分为如下三种用户：不了解的新用户、有兴趣的新用户、老用户。

对于新用户而言，他们势必会问到这些问题：

• 我在这能作些什么？
• 这个网站能提供哪些对我很重要的东西？

对于已经有兴趣的用户也会有些其余的疑问：

• 我应该怎么开始？
• 我是否必须注册？若是是，应该怎样注册？

总得来讲，首页应该解答新用户的疑惑而且帮助他们找到功能的入口；而对于老用户，则须要更明显、快捷的登陆入口。《designing for the social web》一书将用户的使用分为几个步骤：不了解——感兴趣——第一次使用——常规使用——有情感。而首页对于前面三个步骤相当重要！

这样看来，首页有两个目标：

1. 让不了解的用户了解网站并产生兴趣，最终促成用户使用。
2. 让有兴趣的用户尽快开始使用。

从用户的浏览行为，首页又能够分为两种用户：有目标的用户和无目标的用户

Alan Cooper的“目标导向”理念告诉咱们，用户的目标驱动任务，有目标的用户直接开始“任务”，咱们只要为他们解决可用性的问题。而那些无目标的用户，他们只是随便逛逛，须要首页的PET足够好，将此类用户“转化”成有目标的用户，尽可能避免他们“流失”。

因此我将浏览首页的用户分为这两类，针对两类用户不一样的特色来进行设计，会让咱们的思路变得清晰。

在首页页设计以前，必定要作的就是调查分析网站用户，是“有目标”的多，仍是“无目标”的多，以肯定页面上两类模块的比例。通常网站同时兼顾两种用户。但“可用性“和“PET”这两点，存在自然矛盾，前者要求页面清晰，而从后者的角度来讲，清晰意味着死板，后者要求页面丰富，而从前者的角度来讲，丰富意味着杂乱。故在设计时要注意权衡。为解决上述矛盾，要求“可用性模块”和“PET模块”要明确区分，能够识别，不能相互掺杂。让两类用户能第一时间关注到须要看的部分。可用性是基础，必定要先作好，PET是更高要求，属于上层建筑，切不可为上层建筑放弃基础。

首页的可用性设计

1. 尊重用户习惯，不要擅自创新，采用用户习惯的网站头，包括主导航，全局导航，搜索，LOGO。
2. 突出导航信息，对导航内容进行分类，对导航信息进行必定程度的架构。
3. 尽可能保持页面布局规矩，使用网页栅格系统设计页面，最好不出现两列和三列混排的设计。
4. 模块中使用尽量简单的列表，简单列表更容易被理解和读懂，且设计运营开发成本低。

首页的PET设计

一、清晰表现品牌和产品服务类型。这首先实现PET中的Trust，只有用户第一时间了解网站品牌和服务(特别是一些大品牌)，才可以当即创建用户的信任。但这个实践起来却至关有难度，特别是一些全新的服务，篇幅小了说不清，篇幅大了用户直接略过。能够采用5秒测试来验证此目的有没有达到。

给一个新用户（目标用户）看首页设计5秒，让它说出：

• 这是什么网站？
• 这个网站提供什么服务？
• 首先吸引你的是什么内容？
• 这个网站和相似竞争对手有什么不同吗？
• 你对这个网站和它的服务有没有兴趣？

而后让用户仔细浏览该首页，再纠正上面的答案。另外想要用户容易记你的网站或品牌，你能够把你的网站LOGO放到网站适当位置，并且要配合网站风格，这样会比较容易让用户记住你的网站LOGO，在用户心中留下必定的印象，下次用户访问网站的时候，看到你这个标志就能够知道是你的。

二、使用吸引人的图片和标题。说白了就是标题党，虽然这招定被广大设计师唾弃，但它的效果绝对不容小觑。网站首页就像是一本书的封面或是杂志封面，它是用户浏览网站时第一眼看到的，所以，你的首页设计必须第一眼就能吸引用，不然它就失去了首页的用途和目的。你能够看大部分网站的首页，他们都是很吸引人的，你能够全色彩或者只有黑白，也能够利用有吸引力的图像与文字组合来创做你的首页。

三、使用非对称的设计，有主有次，展示丰富性。但注意，非对称设计会增长认知负担，下降可用性。

四、利用好数字来讲服用户，由于数字“不会说慌”。好比限量限时促销，突出价格和价格对比等。

五、在首页显示其余用户的活动来讲服用户(其余用户购买记录，评价，晒单等)。调查显示，让用户信任一个站点的最有效途径，就是在线其余消费者的意见。

六、视觉设计上要符合产品和服务的定位，在情感上与用户拉近距离。

网站首页的设计是一项很是重要的工做， 在实际项目中还需对更具体的场景进行分析、考虑运营性的需求、对单个模块的交互进行推敲，最终才能获得一个能吸引用户、留住用户的有效首页。

参考文章：

http://uedc.163.com/4327.html