静静设计 - 一个用心创造设计改变生活的女设计师的个人博客网站

WEBUI和移动UI的差异有哪些?

之前在群里也有人提到过这样的问题,在知乎上也遇到这样的问题,随手便做的回答,以作为提高自己的理解和认识水品。

总体来说,webUI和移动端UI的设计应该注意以下几点,设计是为了产品有更好的用户体验。

1,使用场景的差异。

web页面的用户多半是坐在电脑前,固定的看着屏幕和使用鼠标操作,用户场景简单而固定,而移动端用户是使用碎片化时间,在复杂的场景当中,或是在拥挤的地铁中需要单手操作,或是在强烈的阳光下,或是在床上睡觉前,不同的情况要考虑不同的用户体验,所以要注意它的颜色设计,在强烈的阳光下,对比不明显内容是否看的清楚;字体大小的控制,在公交车上晃动的场景下是否可以看清楚过于小的字体;单手操作时按钮的大小以及摆放位,在不稳定的场景中是否会准确的的点击到按钮;还要注意防止触击点过多而误操作,所以使用手势滑动操作胜过点击按钮操作。

2,屏幕尺寸的大小差异。

web页面已经是处于宽屏大屏的时代了,所以有充足的区域来展现信息,整个界面的利用率很高,在不影响整体页面时次要信息也可以展现在页面当中。但在移动端,寸金寸土的屏幕当中,容不下无用信息的占用,所以每个页面的主要信息就需要有一个合理的规划和安排。用户使用移动端应用非常注重效率,移动端的产品设计难度就相对增加。

3,平台的设计规范和操作习惯的差异。

web页面的操作,依然是大屏幕,鼠标操作,相对来说操作简单明了。移动端设备较多,平台目前主流有ios、android、windows phone,设计有拟物化扁平化等风格,不同的平台有着不同的设计规范,操作习惯也略有差异,android的返回按钮逻辑和ios的有所不同,windows phone的操作手势也有所不同,但是无论怎样都是基于人机交互的的原理,探索着更适合更方便人类操作的习惯和本质。所以在ui设计当中应该要考虑到这些因素。

粗略的总结也以上三点,也希望有经验者能够继续补充,在设计这条道路上,希望跟大家多交流,每天进步一点点。

如果觉得对您的学习有所帮助,请扫描以下的二维码进行捐赠:

标签:

转载请注明来源: JingBlog - 《WEBUI和移动UI的差异有哪些?》

本文链接地址: http://www.jing-ui.com/blog/62