会员登录 | 会员注册 | 意见建议 | 网站地图

站长资源综合门户

当前位置:首页 > 站长学院 > 网站设计 > 网站页面设计的可行性与可用性和PET

网站页面设计的可行性与可用性和PET

时间:2011-07-28 14:36:21   作者:   来源:站长之家   点击:

服务无目标的用户的模块(如上面例子中的红色区域),并不是说不需要可用性,只是在设计的难度上,要把PET做好更难更需要思考,而可用性要求较容易满足。反之亦然。

比如京东商城中的促销模块设计,是很典型的服务于无目标用户的模块,PET要求能表现产品质量好,价格便宜,买的人多,存货不多等等难以表现的信息;而可用性只要求商品易浏览,可点击等,任何设计者都不会出错。

首页设计中如何协调可用性和PET

在设计之前,调查分析网站用户,是“有目标”的多,还是“无目标”的多,以确定页面上两类模块的比例。

一般网站同时兼顾两种用户。但“可用性“和“PET”这两点,存在天然矛盾,前者要求页面清晰,而从后者的角度来说,清晰意味着死板,后者要求页面丰富,而从前者的角度来说,丰富意味着杂乱。故在设计时要注意权衡。

为解决上述矛盾,那就要求“可用性模块”和“PET模块”要明确区分,可以识别,不能相互掺杂。让两类用户能第一时间关注到需要看的部分。

可用性是基础,一定要先做好,PET是更高要求,属于上层建筑,切不可为上层建筑放弃基础。

设计首页的可用性

应该尊重习惯用法的时候,不要擅自创新,如采用用户习惯的网站头,包括主导航,全局导航,搜索,LOGO。如下图。

若有更多导航–如电子商务网站的商品分类–须在第一屏内出现,突出且易识别。导航中的信息架构,在需要时可用卡片分类法对导航内容进行分类。易迅网的商品分类导航,在左边第一屏最显眼处。

首页整体布局规矩,使用网页栅格系统设计页面,允许页面有合理留白。、

尽量保持页面架构简单,最好不出现两列和三列混排的设计。

首页的模块中使用尽可能简单的列表,简单列表更容易被理解和读懂,且设计运营开发成本低。当然,“非对称列表”也有优势,见下图,设计师应该根据用户类型和设计目标来灵活运用。

设计首页的PET

1. 清晰表现品牌和产品服务类型。这首先实现PET中的Trust,只有用户第一时间了解网站品牌和服务(特别是一些大品牌),才能 够立即建立用户的信任。但这个实践起来却相当有难度,特别是一些全新的服务,篇幅小了说不清,篇幅大了用户直接略过。这里只能介绍一种方法来验证此目的有 没有达到:

5秒测试:

给一个新用户(目标用户)看首页设计5秒,让它说出:

这是什么网站?

这个网站提供什么服务?

首先吸引你的是什么内容?

这个网站和类似竞争对手有什么不一样吗?

你对这个网站和它的服务有没有兴趣?

然后让用户仔细浏览该首页,再纠正上面的答案。

2. 使用吸引人的图片和标题。说白了就是标题党,虽然这招定被广大设计师唾弃,但它的效果绝对不容小觑。

3. 使用非对称的设计,有主有次,展现丰富性。但注意,非对称设计会增加认知负担,降低可用性。见上文。

4. 利用好数字来说服用户,因为数字“不会说慌”。

4.1 电子商务网站中,限量限时促销。如下图中的易迅网首页的截图。

4.2 电子商务网站中,突出价格和价格对比。如下图中团购网站的首页。

4.3 用数字来突显“丰富的概念”。如下图是网易爱拍首页的设计。

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

分享到:

阅读此篇文章的网友还阅读了:

无相关信息

网友评论

热门网站设计