曾经参加评审,或项目测试中有过这样的经历:总感觉一些页面看起来不爽,或用起来不爽,但到底怎么不爽却又难以清晰的表达出来,或者能表达出来,却又给不出更好的建议~
怎样让页面清晰易懂,或者说,如何让一切变得不言而喻?
1.建立清楚的视觉层次
我们在浏览网页的时候,实际上通常是在扫描,而不是在阅读。让页面的可视元素清晰明了可以让页面更加清晰易懂。重要的部分需要突出,逻辑相关的部分视觉上也相关,逻辑上包含的部分视觉上进行嵌套。页面结构清晰,可以让用户自然而然的将页面的布局结构转换为内容的逻辑结构。
2.尽量使用用户习惯的用法
比如:一些图片下面方一些文字,通常是对图片的说明。一些字体很大的短语通常是个标题,概括了其下的新闻故事。使用一些用户常见的方法可以保持一种熟悉感,而不用花额外的时间学习如何使用。比如很多电子商务网站上有购物车,并且用户也都知道购物车怎么用,换一个新的网站,只要使用一个购物车的图标,用户就可以马上熟悉它的用法。
3.把页面划分为明确定义的区域
比如,用户访问淘宝,对首页进行扫视之后,可以清楚的指出:上面是搜索框,中间图片是促销区,下面是宝贝分类区。这样做的好处是:用户很快决定自己要关注哪些区域,或者可以放心的跳过哪些区域。
4.明确标识可以点击的地方
人们在网上做的多数事情是寻找下一个地方点击。所以明确标识哪些地方可以点击很重要。前段时间做过一个工具改造,其中一个改造点就是将搜索文字链接修改为淘宝通用的搜索按钮。当用户看到这么一个似曾相识的搜索按钮,就可以马上知道在前面的输入框中输入文字,再点击搜索按钮就可以搜索宝贝了~
其实继续使用链接,用户看的仔细一点再尝试也不会花太长时间。但迫使用户思考下意识就可以知道的东西也是在考验用户的耐心和好感。
5.降低视觉噪声
有些网站让人看上去眼花缭乱,如果页面上所有内容感觉都在吸引用户的注意,效果可能适得其反。还有一些细节噪声,虽然不那么明显,但也会带来不好的体验,比如在文字分类之间加入明显的分割线,这些明显的分割线就会带来视觉噪声,不利于明显的表达文字。