手机终端应用UI设计规范v1.2.docx

手机移动终端设计规范(Android)

概述
手机UI设计是手机软件的人机交互、操作逻辑、界面美观的整体设计,置身于手机操作系统中的人机交互的窗口,设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计,界面设计师首先应对手机的系统性能有所了解,手机UI一直被业界称为产品的“脸面”,一款好的手机产品一定有一套优秀的手机UI界面。手机UI从产品的图标开始,直到推出手机产品为止。产品的UI从产品概念开始,直到产品的生命周期结束,产品的UI一直深入着用户的心。一个好产品UI评价标准会影响一个产品的品牌和用户群体。
目的
主要通过调研的手段全面了解公司同事在工作中出现的问题,并把这些解决方法加入到通用规范当中,以新规范作为指引,避免在以后项目中出现同类错误,并把这种成功模式延续下去。
制定移动终端应用UI设计规范,加强客户对我们的认可度,对新项目有有效指引作用;
利用终端演示系统或DEMO,和掌握的新技术应用,在项目初期阶段,可以更有效的跟客户洽谈和演示;
对开发人员和需求人员分工,明确工作内容,提高工作效率和减少出错率
范围
此规范适用于手机界面设计人员及开发人员。
手机UI与web
手机的操作比web页面复杂,需了解其所基于的机型的硬键情况才能确定如何控制;
手机软件需要与web不同的导航形式,空间所限;
手机软件在操作步骤的缩减方面需要倾注更多的精力,每屏空间所限;
手机软件需要在控件/组件释义方面倾注更多的精力,硬键和逻辑所限。
了解手机
手机的物理特性
客户端的文字输入,必须要降到最低:由于手机在输入上的低效性,在设计的过程中,应尽量减少用户的输入,如果有可能可以设置默认值,或者让用户选择目标值。
客户端的信息结构好,屏与屏之间的逻辑关系清晰:由于手机屏幕都普遍较小,即使有4吋屏,那也只能展示较少的信息量,因此,在手机设计上,更需要有清晰的信息架构,用户知道当前在哪儿,并能返回到哪儿。
客户端的操作、功能不要隐藏太深,重要功能都需要在界面中有适当的提示:由于手机屏幕较小,不能展示所有的信息。因此,对重要的、使用频率高的功能或信息放在最重要的位置,并在首页上展示或指示。
主流分辨率:460X640 480x800 480X854 540X960 640X960 1280X720 1280X800
手机的移动特性
客户端的最主要的功能操作,用单手可以完成:手机的使用情景多样性,在很多情景下,用户都只能单手来操作手机,因此,在客户端的设计过程中,需要考虑最重要的核心功能,能否单手操作完成。
客户端的界面必须简洁、操作简单,操作步骤少:由于用户操作情景复杂,在使用客户端的过程可能有额外的认知负荷,因此,在设计客户端的过程中,逻辑必须简单,操作步骤也要减少。客户端的界面层次不要太深,最好不要超过3级。
客户端的提示包括界面、声音、振动多种形式:用户在操作手机时,往往不会一直盯着手机屏幕看,因此,很多手机状态页面的切换,脱离了用户的视线,这时,必须要提供视觉之外的其他感觉通道的信息(如听觉、触觉等),来对用户做提示。
图标设计原则
Android系统被设计在一系列屏幕尺寸和分辨率不同的设备上运行的。当你为自己的应用设计图标时,必须知道,你的应用有可能在任何设备上安装运行。正如支持多屏幕, Android 为你直接提供这样的图标,他们会在任何设备上正确的显示,无论这些设备的屏幕大小和分辨率如何。
一般来说,推荐的方式是为三种普遍的屏幕密度中的每一种都创造一套独立的图标。然后,把他们储存在你的应用中特定的资源目录下。当你的应用运行时,Android平台将会检查设备屏幕的特性,从而加载特定密度资源目录下相应的图标。
图标的尺寸规则和密度
Android 设备的屏幕密度基线是中等。
因此,一种被推荐的为多种屏幕密度创造图标方式是:
首先为基准密度设计图标
把图标放在你的应用的默认可绘制资源中,然后在 Android 可视化设备(AVD)或者HVGA设备如 T-Mobile G1中运行应用。
根据需要测试和调整你的基准图标。
当你对在基准密度下创建的图标感到满意的时候,为其他密度创造副本。
把基准图标按比例增加为150%,创造一个高密度版本。
把基准图标按比例缩小为75%,创造一个低密度版本。
其他原则
客户端UI的适配不必恪守所有的平台都保持一致,只要一些品牌的关键元素能体现即可。
客户端的主要操作方式(框架、导航、按键功能及软键对应方式等)应与所承载的手机操作系统保持一致。客户端都承载在某款具体的手机平台中,而用户会对当前的手机平台很熟悉,因此,在设计的过程中,需要更好地理解当前的手机平台,并使客户端的设计与手机系统的设计逻辑保持一致。
UI设