广东快3>WIKI库>学习设计基础>页面布局和用户体验

页面布局和用户体验



布局和体验的关系


在设计一个作品的时候,不能只看作品的“唯美”,还要考虑设计的产品的实际应用价值,以及带给用户的实际体验。如下示意图,页面布局决定用户体验反馈的好差,用户会对这个页面获取的信息做一个心理上的价值评估,然后会得出一个用户反馈,最终的的反馈就是我们所要得到的效果,我们也会对用户的体验效果做一个简单的调查。这样根据用户的反馈对页面进行调整,所以它们的关系为相互促进相互影响。


user1.png



简单易懂,避免累赘

 

现代人耐心越来越差,互联网传递信息越来越快,所以我们需要设计出一些既好看又简单易懂的页面去减少用户的思考过程,这样才能更快、更直接的将我们所要表达的东西传递给用户。


user2.png


如图两个页面,都是联系方式展示的页面。左边页面为生产车间的联系方式还有总部的联系方式,它是需要通过点击右边这个联系方式才会显示出来,没有点击的话是不会去切换的。这种方式虽然缩短了页面的长度,但给用户带来更多的操作步骤。而右边是把所有部门的联系方式都在一个页面里展示出来,一目了然,减少了用户一些操作步骤。相对来说右边的比左边的用户体验要好。所以能一次性显示的内容尽量不要分两次三次去显示。


user3.png



减少操作步骤


我们设计的内容要尽量减少用户的操作步骤。


user4.png


如图两个会员注册的页面,左边所有的注册资料表单都在一个页面里,即一次性填写就能完成注册。而右边分为好几个步骤,比左边繁琐很多,若是遇到心浮气躁的用户,有可能还没有完成就关闭了,所以为了避免这种状况,通常将手机验证号码当做用户的账号来注册,用户一旦填写完成提交后就直接发送验证码进行验证。这就给用户带来很好的体验。


user5.png


所以这里的关键地方就是设计的内容尽量减少用户的操作步骤,对于无法删除的步骤,可以提取一些关键的元素,删除掉那些可有可无的元素。



布局的主动直接


很多人设计版面的时候,可能没有理解版面的内容,而他需要理解版面设计的主题,所以往往把一些重要关键的信息放在一些不起眼的位置,对于视觉传达来说这种行为就比较被动。我们主要打破这种被动,就是主动直接的表达我们想要表达的这些内容。有哪些方法可以实现这种主动性呢?可以把主题部分内容的篇幅进行放大,对主体部分的内容进行用心的设计。


user6.png


如图案例有三个版面,第一个版面是围绕这七匹狼为主题的,所以这七匹狼的篇幅非常大,所以即使我们没有阅读内容,也能由这个画面得到它所传达的主要信息。第二张文字非常少,但主题非常明确,将主题图形化,这是一个戒烟的广告,用户通过阅读图片基本上可以理解整个篇幅的意思,这也是一种很主动的形式。第三张是一种比较传统的方式,在内容篇幅里面做一个比较特意效果,比如这个铁道logo放在中间,让用户第一直觉就知道这篇内容与铁道部有关。以及标题的放大处理,也是把想表达的主题首先就呈现在我们眼前。


user7.png



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录