如何让复杂的页面变的更加简单易用

发布时间:2019-04-02 11:36:57 浏览次数:43

在你实际工作中,经常会遇到这样的问题:

为什么我精心做的页面,用户不知道怎么用?为什么我做的页面转化率这么低?

其实就像上面讲的高速路上你来不及看的路牌,问题就出在了不知道重点在哪?

作为一名设计师,或许我们有时候没办法改变信息量的多少,但是我们能够掌握用户接收信息的方式,废话不多说了,举一个栗子:

这是一个会议室预订的确认页面,当你看到这样一个页面的时候什么感觉?

崩!溃!

全是文字,你需要仔细阅读每一个字才能确保信息的正确度,看的时候相当费劲,太耗脑子了。

那我们一起分析一下这个页面的问题:

    1.整页信息毫无重点,不知道这个页面想让用户看到什么?视觉的差异性不明显;

    2.层级不明显,只是做了一个预约信息和会议室信息的简单分类,太笼统,文字阅读起来很困难。

我们看到了问题,那我们站在用户的角度应该怎么去设计这个页面呢?让我们一起理清思路:

1,让你的页面看起来更有层级性,把内容相关联的放到一组,利用亲密性,让整个页面的逻辑看起来更清晰;对于同类信息要保证一致性,不同信息要体现出来差异性,不然会造成误解,人们天然觉得样式一样的信息是相关联的;

2,将重点信息突出展示,明确用户想看到什么?你又想让用户看到什么?不要太高估用户的注意力,对于重点信息,应该放大十倍去对待;

3,文字太枯燥,可以将文字图形化,易于信息接受。

所以,上面的页面还可以这样来展示:

改良了 3 点:

    1,用不同的间距表明页面内容的层级关系,使页面看起来更有层次感,同一组的元素相互靠近间距为20px,不同组距离分开间距为50px,划定固定高度;

    2,将重点信息进行重点展示,对于预约会议室的公司来说,会议室名称,与会时间,谁预订的是 重要的部分,所以将重要信息进行了字号,颜色变化的处理,将时间元素用类似日历的形式展示出来用区别的颜色把积分展示出来,用户对信息全盘快速接受;

    3,将会议室设备用图标的形式展示,一目了然。

类似的例子,我们平时经常会看到,例如:

1、脉脉

对于个人信息采用模块化的形式,主要内容和次要内容明显分开,每个模块之间的区分也很明显,每个功能的入口采用图+文结合的形式,这样使得页面显得灵活多样,突出特色模块,缓解用户的阅读疲劳,直切主题。

2、Airbnb

这是Airbnb中房源预定详情页面第一屏显示的内容,在简洁的白色背景上,不同层级的标题采用了不同的字号和颜色,层级越高字号越大,房间内部陈设通过图标+文字表达,页面底部的预定按钮在整个页面突出可见,对比强烈,毫无疑虑引导着这个页面的主要操作。

3、 163 邮箱

这是 163 邮箱的收件箱页面,对于用户来说,未读的邮件更为重要,所以对于未读信息和已读信息在字体粗细和字体颜色做了明显的区分,已读信息弱化,此外在未读信息前还加了蓝色点标示,已读信息则去掉。让用户在查看邮件的时候可以第一眼看到重要信息。
小结

很多时候,当我们拿到产品原型的时候急于去展示信息,而忘了思考我们拿到的信息这么多,对于用户来说他想看到什么?而你又想怎么展示重要信息,关键时候记住这几招:

    注意分解信息,让页面的层级更明确;

    让重要的信息跳出来,可以通过对字体加大加粗,色彩对比,元素分割等方式区分;

    尝试着将文字图形化,有趣的将信息展示出来。

这或许就是为什么百度只有一个搜索栏,IOS11 中大字体流行的原因。

好了,分享完毕,有任何问题欢迎进一步交流。

网站建设

乐鱼体育网络提供网站建设,网站制作,网站开发,网站设计,网页开发,网站定制,网页设计等服务,帮助企业提高知名度和影响力,提高企业网上竞争力。我们的客户来自各行各业,为了共同目标,工作上密切配合,从创业型小企业到行业有影响力的网站建设公司,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们的团队用头脑与智慧给客户带来惊喜。


阅读推荐
关闭

在线留言