移动界面的设计分析

移动界面设计分析

随着手机，平板，PDA等移动设备的日益发展，相关的移动应用也越来越引起开发商的关注。其中，针对移动应用的界面设计也已成为人机交互技术的一个重要研究领域。

移动界面指的是通过手机平板等移动终端设备呈现的用户能够体验到的图形形态，主要表现为移动应用平台。而由于移动设备的便携性，位置不固定性和计算能力的有限性，以及无线网络的低带宽，高延迟等诸多的限制，使得移动界面设计又存在着自己的特点。

首先，先谈谈移动界面存在的许多限制和特点吧。1）资源相对匮乏，由于受到成本，能耗以及移动性的要求，移动设备往往计算能力比较差，存储容量较小，显示屏幕小，分辨率低。例如，一般网站的默认分辨率可达1024*768，而手机的显示分辨率也不过320*240，因此，手机只有通过设计专门的浏览器才能直接访问一般的网站。其次，移动界面比桌面系统的用户界面更加简单。桌面系统用户界面采用的一般是并行展示，各种选择可以在一个大小可调的屏幕中同时显示出来，而在移动界面中，用户需要逐屏逐页寻找合适的选择，当选择过多，就会给用户带来不便，从而引发用户不满意。因此，移动界面设计的难题就是如何在有限的资源条件下有效地为用户提供信息服务，提供的选择必须根据重要性排列。2）移动设备的种类繁多。由于移动设备的种类多，软硬件平台规范不同，不容易兼容。使得开发移动应用时，需要专门地针对某一设备开发，增加工作的复杂性。3）连接方式复杂。由于移动应用运行于移动互联网环境中，而移动设备的位置具有很强的移动性，如GPRS等无线网络连接时可能会时断时续，连接可靠性低，这大大增加了移动应用和移动界面设计的难度，除了考虑目标设备的计算，存储，显示资源外，网络连接也要视为一种资源，在设计时制定相应的策略。通过上述分析可以看到，移动界面设计中的最终问题和最大问题是界面的定制，即根据需求定制合适的移动应用界面。

其次，由于移动界面存在以上的特点，为了达到用户满意，设计移动界面时要尊重以下的设计原则：

1.简易性，界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。

2.易于检索，可以通过排列，一个有序的界面能让用户轻松的使用。

3.界面风格一致性，是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与内容相一致

4.避免不必要的文字输入，而采用选择列表或模糊查询，即输入一部分查询关键词就可以获得检索目标或包含目标的列表可供用户选择，这样可以降低对于用户进行关键字文字输入的麻烦。

5.根据用户的要求使服务个性化。即通过人性化设计，来提高效率和增加用户满意度。用户可依据自己的习惯定制界面，并能保存设置。

6.最大限度地避免用户出错。预测用户可能出现的错误，提供相应的机制尽可能避免。

7.文本信息应当本地化。要根据应用所使用的地域特点，使应用本地化。用词得当与否也可以决定某种应用可用性的好坏。词义表达清楚是关键，要避免使用含混不清的用语。

8.记忆负担最小化，人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

9、安全性，用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

10.灵活性，简单来说就是要让用户方便的使用。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄)。

再者，结合以下案例来对以上的原则以及交互技术，功能性，易用性等进行更具体的分析。关于新浪微博应用软件在安卓手机平台，IOS手机平台以及IPAD平台的界面对比

安卓手机平台IOS手机平台

（IPHONE）

IPAD平台（HD）

布局上中下模式，上面部

分为状态栏，在首页

具体的功能有写微

博，地理定位，微博

用户分类显示，以及

刷新。中间部分为主

要功能区，即阅读微

博，评论等，下面为

主菜单和操作栏，并

且具备页面转换功

能，用户选择查看消

息，好友，以及搜索

其他微博。上中下模式，上面部

分为状态栏，在首页

具体的功能有写微

博，地理定位，微博

用户分类显示，以及

刷新。中间部分为主

要功能区，即阅读微

博，评论等，下面为

主菜单和操作栏，并

且具备页面转换功

能，用户选择查看消

息，好友，以及搜索

其他微博。

左中右模式，左边为

主菜单和操作栏，如

首页，评论，广场等。

中间为主要功能区，

即博文，评论等，右

边为推荐应用区，如

微博图览，微群等。

还有天气预报的提

示。用户可以一目了

然地选择自己想要的

操作，布局十分直观

方便。

色彩配置登陆界面以本季度以

蓝色为主，会根据四

季的变化更换登陆主

题。进入微博后，系

统默认为白色主调，

状态栏为灰白色，字

体为浅蓝色；主要功

能区为纯白色，字体

为黑色；操作栏为黑

色，字体为白色。用

户亦可根据自己的喜

好下载不同颜色的皮

肤。浏览时可分为日

间模式和夜间模式。

（应用的五个界面均

显示一致的界面风

格，方便用户的使用）登陆界面以本季度以

蓝色为主，会根据四

季的变化更换登陆主

题。进入微博后，系

统默认为白色主调，

状态栏为灰白色，字

体为浅蓝色；主要功

能区为纯白色，字体

为黑色；操作栏为黑

色，字体为白色。用

户亦可根据自己的喜

好下载不同颜色的皮

肤。浏览时可分为日

间模式和夜间模式。

（应用的五个界面均

显示一致的界面风

格，方便用户的使用）

登陆界面以本季度以

蓝色为主，会根据四

季的变化更换登陆主

题。进入微博后，系

统默认为白色主调，

状态栏为灰白色，字

体为浅蓝色；主要功

能区为纯白色，字体

为黑色；操作栏为黑

色，字体为白色。浏

览时可分为日间模式

和夜间模式。（应用的

五个界面均显示一致

的界面风格，方便用

户的使用）

按钮使用为最流行的矩形，颜

色以淡蓝灰色及浅灰

色为主为最流行的矩形，颜

色以淡蓝灰色及浅灰

色为主。若退出微博，

可直接按HOME键。

为最流行的矩形，颜

色以淡蓝灰色及浅灰

色为主。若退出微博，

可直接按HOME键。

文字显示可以设置字号的大

小，可选择15-20号

字体。字号大小的选择为

大，中，小

字号大小的选择为

大，中，小

图标和图像在首页，分为三种阅

读模式，有预览图模

式，经典模式，文字具有三种阅读模式，

分别为预览图模式，

经典模式，文字模式

iPad屏幕大，带图片

的内容，直接显示缩

略图，方便直观