移动软件开发中的UI设计

2014-02-01郑卉邓晶

中国科技信息 2014年9期

郑卉邓晶

重庆电子工程职业学院，重庆 401331

对于用户而言，应用程序中最重要的就是用户界面，对相当一部分用户而言，用户界面就是应用程序。桌面系统的应用程序可以有相当复杂的用户界面，但是移动设备上的用户界面最好的应用程序中最重要的单一功能。针对目前移动设备的运行平台主要是Android和IOS，本文讨论的移动设备中主要是指Android平台下的移动设备。

1 桌面系统软件开发中UI设计的规则

界面色彩要求，用户在较长时间使用后不感到视觉疲劳，要避免颜色种类过多。整个界面要主次分明，要将最重要的内容放在最易引起用户注意的位置，例如最上部或者左边栏。整个界面的排版要整齐，样式要统一，设置导航以方便用户的使用，排版应当留有一定的间隙。

需要展示的数据应当集中显示，在视觉上使用户容易察觉数据之间的关系。在有较多文本信息的情况下，对文本字体、色彩上增加格式的变化，使内容有层次变化，更容易辨识。页面适当留白，以增强可读性，例如在段落间添加空行的做法，可以减轻用户的视觉疲劳。

页面相应速度要快，实在无法响应，应当有提示弹出等变化告知用户。鼠标移动的距离应当尽量的短，并且点击时鼠标状态应当有变化。

2 移动设备的特点

移动设备的屏幕要比桌面系统的屏幕小得多，所以对显示控件的数量要进行严格的限制。同时移动设备的应用轻便也是其主要特性之一，移动设备上不会采取复杂的类似PC输入端的操作，相比输入大量的信息，用户更加偏向用手指写写画画选择信息，从而取代在移动设备上输入长篇大论。

由于无线网络的不稳定性，对移动设备本地缓存数据要优于通过无线方式获得数据。同时，用户在一次屏幕更新后，应该尽量获得较多的信息，避免切换时等待时间较长。

由于移动设备的高携带性，用户很有可能是在移动的环境下进行对设备的操作，开发相应应用程序时，就应当注意针对移动环境下，例如抖动和行走，进行相应设计。

移动设备的平面尺寸比较小，同时使用的环境一般情况是比较多样，例如，夜晚，应当考虑用户读取信息的方便和容易，设计针对夜间光线模式以及放大字体都是比较好的选择。

由于不同设备有不同的屏幕尺寸和分辨率，针对不同的设备尺寸和功能进行相应的测试是十分必要的。一般存在下列几种屏幕：特大屏幕，指比大屏幕更大的屏幕；大屏幕，比标准智能手记的屏幕大，一般指平板电脑或者上网本大小的屏幕；中等屏幕，与智能手机典型的屏幕大小一样，一般为3. 2英寸；小屏幕，比标准的智能手机屏幕小。

像素密度是另一个需要考虑的问题，常见的几个标准像素密度有：Idpi指像素密度在100dpi-140dpi；mdpi的像素密度一般在140dpi-190dpi；hdpi的像素密度大于等于190dpi；xhdpi的像素密度为320dpi。

移动设备更广泛的利用了触控技术进行操作，支持通过设备的上下左右摇摆，以及手指对屏幕的触控进行功能项的操作。

3 构建移动UI的策略

受移动设备屏幕尺寸的影响，不应当让用户看到太多的表单元素。受移动性的影响，用户可能在各种各样的情况下使用移动设备，可能是在早上繁忙的交通工具中，也可能是在户外运动中，此时，表单元素应当足够的大，并方便用户的使用，当然对于屏幕比较小的设备，表单元素也应当适合屏幕。

由于不同设备有不同的屏幕尺寸和像素密度，针对不同的设备尺寸和功能进行相应的测试是十分必要的。值得注意的是，移动设备屏幕有着越来越大的倾向，例如目前市场上出现的5英寸智能机，甚至出现了7～8英寸的智能设备。根据Google在2010年8月进行的一次调查，大约97%的设备拥有mdpi或hdpi像素密度，在开发时，我们完全可以假定设备拥有较高的像素密度。具体操作中，需要注意以下几点：尽量不使用绝对定位；避免在代码中直接设置像素值；在多个物理设备中对各种配置的应用程序进行测试。

对于菜单的处理，移动设备的屏幕空间是非常珍贵的，比较大屏幕的桌面系统，菜单的要求更加灵活，要求既可以提供程序功能，同时又不占用额外屏幕空间的机制。多级菜单和上下文菜单都是不错的处理方式。

允许滚动控件。合理使用虚拟键盘。提供状态列表，方便用户选择使用。提供自动完成功能来输入一些特定的值，例如国家、地名等。合理使用位置服务来获取用户当前的位置，减少对地址信息的输入。