如何提升企业产品APP设计的用户体验?
一般人对於企业产品的预期,可能仅停留在功能要强大,信息要安全,能够帮助企业提高工作效率。但今时已不同往日,除此以外,人们开始更注重产品的用户体验。那么,在面对企业产品的设计上,有什么方法可以提升用户体验呢?
接下来,为大家带来一些国内外的优秀案例以及一些设计WebApp时的思考方向。
WebApp设计要点
1.配色
颜色作为设计师传达情感的主要元素之一。一个明确的品牌颜色,对信任度,认知度都会有大大的提升。颜色除了能为界面提升美感,也能作为功能上的辅助。在普遍页面信息量大的企业产品中,往往一个有颜色的按钮就很容易吸引用户的视觉焦点。
Lovely是Dribbble大神KeremSuer设计的WebApp。橙色主,蓝色辅助,淡灰色为底色。这个配色既色彩鲜明,淡淡的感觉更让人长时间使用也不觉累。整体感觉和谐舒服,简洁耐看。
Squarespace用的是黑白配,可说是黑白配色中的皎皎者。利用大面积的留白,高质素的图片,配合极出色的交互,让你每次打开一个子页面时都存在惊喜,是笔者最喜爱的网页之一。
连Icon也尽显Squarespace的品牌风格。
2.空间
经常会发现,很多设计师在设计WebApp及MobileApp时,会被屏幕尺寸所限制住,只专注一屏内显示所有信息。要知道网页设计及手机界面设计不同平面设计在于,前两者在屏幕外是有无限可能,你可以透过动画滑动一个全新界面到当前屏幕,也可以透过上下左右滚动来查看更多内容。因此,设计WebApp时可以更好的处理元素之间的空间。但要提醒的一点是,要注意在笔记本的尺寸底下,留白会不会过了。
一个空间处理很棒的例子,来自Dribbble。
这个思路在屏幕尺寸有限的MobileApp上更能体现。对比下面两个设计稿,左边的留白空间是不是更大气一些。
3.减少线条
在扁平化设计中,间隔的处理上,尝试多用色块之间的对比来取代线条。减少线条可以让你的界面显得更简洁。回头你可以尝试一下,在设计稿中 可能的去掉线条,或许会有耳目一新的感觉。
4.考虑不同尺寸
由于大屏幕的慢慢普及,以往定在1000px阔度的网站已经开始不能满足于在大屏幕下展示。因此在设计WebApp中需要考虑在不同屏幕尺寸下,界面元素的展示方式。最基本的要求是要考虑好最大及最小的场景:1920×1080,1024×768
这是2014年初的屏幕分辨率统计(资料来源自CNZZ)
Mailchimp在responsive的处理非常优秀。
想更深入了解responsive,可以阅读来自ISUX龙哥的响应式网页设计一文。
对企业产品设计的启发
简单