其次,我们要了解移动设计的基本原则
1、内容优先
对于手机而言,屏幕空间资源显得非常珍贵,为了提升屏幕空间的利用率,界面布局应以内容为核心,而提供符合用户期望的内容是移动应用获得成功的关键。如何设计和组织内容,使用户能快速理解移动应用所提供的内容,使内容真正有意义,这是非常关键的。
充足内容,使内容符合移动的特征。
优先突出用户需要的信息,而简化页面的导航。
适时提升屏幕空间的利用率。
2、转换输入方式
文字输入是移动端的软肋之一,不管是手写输入还是键盘输入,操作效率都相对较低。在行走或者单手操作时,输入的出错率也比较高。
减少文本输入,转化输入形式。
简化输入选项,变填空为选择。
使用手机已有的传感器输入。
3、为触摸而设计
点击操作是PC时代交互的基础,在触摸屏设备上基于手指的手势操作已经代替了鼠标的点击操作。
以信息架构为基础,简历手势交互规范。
优先设计自然的手势交互,而不是TAP点击
引导用户在情境中学习手势操作。
特殊手势不是必须的。
可触区域必须大于7×7mm,尽量大于9×9mm。
手势操作需要提供过程及反馈演示。
4、流畅性
在移动产品的操作过程中会碰到多种多样的情况——找不到目标、不知道该怎么操作、操作后没有及时反馈,等等,这都会对产品的流畅性造成影响。在移动产品的设计中主要从三个方面来考虑产品的流畅性:
手指及手势的操作流。
用户的注意流。
转场流畅流。
5、多通道
多通道设计是指系统的输入和输入都可以由视觉、听觉、触觉等来协作完成,协同的多通道界面和交互也会让用户更有真实感和沉浸感。当前各个系统平台的基础技术已经越来越成熟,语音输入、手势识别及其他由多种传感器组成的综合识别系统也会给用户带来更接近自然的感觉。作为产品设计师,也可以从其他通道的角度思考设计,给用户更好的交互方式。
6、易学性
对于移动产品,提倡的是简单、直接的操作,倾向于清晰地表达产品目标和价值。让用户快速学会使用,尽量不要让他们查看帮助文档。界面架构简单,明了,导航设计清晰易理解,操作简单可见,通过界面元素的表意的和界面提供的想说就能让用户清晰地知道操作方式。只有这样的设计,才能让用户的学习使用没有负担,而不是通过帮助系统来教会用户操作。
7、智能有爱
在E-mail的设计中,邮件内容有“附件”文字时,如果没有贴附件,则会提醒用户“是否忘记附件了?”……很多这样令人称赞的贴心设计。在移动产品的设计中,更需要这样的设计来提升产品的竞争力。评价一个移动产品用户体验的好坏,除了要看它是否满足用户需求和是否基友友好的可用性之外,能让用户感受到惊喜是在移动产品设计最为推崇的。这样的设计往往是超越了用户的期望,它的表现是功能、交互或者操作流虽不是用户预期的,但是用户能很好地理解,并且更高效、更有趣地完成任务。移动产品的设计应是惊喜有趣、智能高效和贴心的。
8、避免干扰和打断
在玩手机时突然没电了、写微博时又被老板叫去做重要的事情、在搜索商品时收到一条重要的信息……在移动情境中,被各种其他的事情打断是很正常的。
保存用户的操作,减少重复劳动。
网络中断状态。
编辑中断状态。
衔接用户的记忆而不是让用户重头开始。