说到UI设计,就不得不提当下占据设计师绝大部分精力的移动端UI设计了;不谈App,即便是浏览网页,大部分用户也都由电脑转移到了手机执行,那如何才能设计出稳定、高效的移动端交互呢?
思途总结了各位讲师多年UI/UX设计经验,归类为以下5条:
1.简化导航
相比传统大型导航设计,移动端的精简导航风格更受大众用户喜爱,这是因为移动端的用户时间大多是碎片化的,当他们打开应用和网站的时候,多是希望通过简洁直观的导航快速找到想要的内容。
所以,在设计的时候根据分析和实际情况,保留几个常用的必不可少的选项即可;这样一是可以节省屏幕空间,二来导航选项的出发区域也可以设计的更大一些。
2.手势和触感
移动端和桌面端交互形式是完全不同的,一个是鼠标一个是手指。在移动端过程中,手势交互十分重要,我们应当充分利用达到用户的高效体验。
常见手势包括点击&双击、按压、长按、拖拽、缩放、滑动等,当你在使用手势交互的时候别忘记添加相应的触觉回馈,例如震动和力反馈等,这类反馈尽量能准确让用户感知,又不会太过明显,达到用户潜意识感知为佳。
3.创造对话
人们始终是希望通过语言或文字来沟通交流的,也正是因为这种需求,使得以siri为代表的智能对话机器人走到台前,成为趋势。所以,我们在UI设计中可以借鉴这种基于对话形式的交互体验,无论是成段的文本,还是界面元素里的微文案,都可以通过更有触动性的文本来创造对话的感觉。
4.动画化
近年来,在各类App或网页设计中,动画效果已经无处不在了。动画能让页面更加自然和吸睛,更能利于提升交互体验。
动态的3个关键用途为:
1)呈现系统状态:使用动效来显示加载状态,内容刷新,推送通知。
2)用户导航和过渡:使用动效来帮助用户了解内容切换,件视觉层次,呈现状态的变化。
3)用于视觉反馈:使用动画帮助用户确认他们之前的操作完成了。
5.善用用户引导流程和表单
新用户引导流程,是用户对每一款App的第一印象来源,在设计时我们必须高度重视和认真对待。如果新用户引导教程做的足够有趣,很容易提升用户的忠诚度。确保引导教程足够简单,并且能够给用户以帮助,而用户看过之后,如果还能回过头来再次查看,就更好了。
移动端网站则不同,最大的问题通常不是新用户引导而是注册表单和登录表单。移动端设备上,用户对于表单的易用性其实非常的敏感,用户不会喜欢又臭又长的表单和复杂的字段,所以,简化移动端网页的表单,能够更好地提升转化率。