移动界面的设计分析

admin管理员组

文章数量:1533065

2024年4月3日发(作者：)

移动界面设计分析

随着手机，平板，PDA等移动设备的日益发展，相关的移动应用也越来越引起开发商的

关注。其中，针对移动应用的界面设计也已成为人机交互技术的一个重要研究领域。

移动界面指的是通过手机平板等移动终端设备呈现的用户能够体验到的图形形态，主要

表现为移动应用平台。而由于移动设备的便携性，位置不固定性和计算能力的有限性，以及

无线网络的低带宽，高延迟等诸多的限制，使得移动界面设计又存在着自己的特点。

首先，先谈谈移动界面存在的许多限制和特点吧。1）资源相对匮乏，由于受到成本，

能耗以及移动性的要求，移动设备往往计算能力比较差，存储容量较小，显示屏幕小，分辨

率低。例如，一般网站的默认分辨率可达1024*768，而手机的显示分辨率也不过320*240，

因此，手机只有通过设计专门的浏览器才能直接访问一般的网站。其次，移动界面比桌面系

统的用户界面更加简单。桌面系统用户界面采用的一般是并行展示，各种选择可以在一个大

小可调的屏幕中同时显示出来，而在移动界面中，用户需要逐屏逐页寻找合适的选择，当选

择过多，就会给用户带来不便，从而引发用户不满意。因此，移动界面设计的难题就是如何

在有限的资源条件下有效地为用户提供信息服务，提供的选择必须根据重要性排列。2）移

动设备的种类繁多。由于移动设备的种类多，软硬件平台规范不同，不容易兼容。使得开发

移动应用时，需要专门地针对某一设备开发，增加工作的复杂性。3）连接方式复杂。由于

移动应用运行于移动互联网环境中，而移动设备的位置具有很强的移动性，如GPRS等无线

网络连接时可能会时断时续，连接可靠性低，这大大增加了移动应用和移动界面设计的难度，

除了考虑目标设备的计算，存储，显示资源外，网络连接也要视为一种资源，在设计时制定

相应的策略。通过上述分析可以看到，移动界面设计中的最终问题和最大问题是界面的定制，

即根据需求定制合适的移动应用界面。

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

的设计原则：

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

性。

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

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

须与内容相一致

4.避免不必要的文字输入，而采用选择列表或模糊查询，即输入一部分查询关键词就可以获

得检索目标或包含目标的列表可供用户选择，这样可以降低对于用户进行关键字文字输入的

麻烦。

5.根据用户的要求使服务个性化。即通过人性化设计，来提高效率和增加用户满意度。用户

可依据自己的习惯定制界面，并能保存设置。

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

7.文本信息应当本地化。要根据应用所使用的地域特点，使应用本地化。用词得当与否也可

以决定某种应用可用性的好坏。词义表达清楚是关键，要避免使用含混不清的用语。

8.记忆负担最小化，人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人

类的短期记忆极不稳定、有限，24小时内存在25%的遗忘率。所以对用户来说，浏览信息

要比记忆更容易。

9、安全性，用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有

信息介入系统的提示。

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

鼠标、键盘或手柄)。

再者，结合以下案例来对以上的原则以及交互技术，功能性，易用性等进行更具体的分析。

关于新浪微博应用软件在安卓手机平台，IOS手机平台以及IPAD平台的界面对比

安卓手机平台 IOS手机平台IPAD平台（HD）

（IPHONE）

布局 上中下模式，上面部

分为状态栏，在首页

具体的功能有写微

博，地理定位，微博

用户分类显示，以及

刷新。中间部分为主

要功能区，即阅读微

博，评论等，下面为

主菜单和操作栏，并

且具备页面转换功

能，用户选择查看消

息，好友，以及搜索

其他微博。

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

蓝色为主，会根据四

季的变化更换登陆主

题。进入微博后，系

统默认为白色主调，

状态栏为灰白色，字

体为浅蓝色；主要功

能区为纯白色，字体

为黑色；操作栏为黑

色，字体为白色。用

户亦可根据自己的喜

好下载不同颜色的皮

肤。浏览时可分为日

上中下模式，上面部

分为状态栏，在首页

具体的功能有写微

博，地理定位，微博

用户分类显示，以及

刷新。中间部分为主

要功能区，即阅读微

博，评论等，下面为

主菜单和操作栏，并

且具备页面转换功

能，用户选择查看消

息，好友，以及搜索

其他微博。

登陆界面以本季度以

蓝色为主，会根据四

季的变化更换登陆主

题。进入微博后，系

统默认为白色主调，

状态栏为灰白色，字

体为浅蓝色；主要功

能区为纯白色，字体

为黑色；操作栏为黑

色，字体为白色。用

户亦可根据自己的喜

好下载不同颜色的皮

肤。浏览时可分为日

登陆界面以本季度以

蓝色为主，会根据四

季的变化更换登陆主

题。进入微博后，系

统默认为白色主调，

状态栏为灰白色，字

体为浅蓝色；主要功

能区为纯白色，字体

为黑色；操作栏为黑

色，字体为白色。浏

览时可分为日间模式

和夜间模式。（应用的

五个界面均显示一致

左中右模式，左边为

主菜单和操作栏，如

首页，评论，广场等。

中间为主要功能区，

即博文，评论等，右

边为推荐应用区，如

微博图览，微群等。

还有天气预报的提

示。用户可以一目了

然地选择自己想要的

操作，布局十分直观

方便。

间模式和夜间模式。间模式和夜间模式。的界面风格，方便用

（应用的五个界面均（应用的五个界面均户的使用）

显示一致的界面风显示一致的界面风

格，方便用户的使用） 格，方便用户的使用）

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

色以淡蓝灰色及浅灰

色为主

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

小，可选择15-20号

字体。

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

读模式，有预览图模

式，经典模式，文字

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

色以淡蓝灰色及浅灰色以淡蓝灰色及浅灰

色为主。若退出微博，色为主。若退出微博，

可直接按HOME键。 可直接按HOME键。

字号大小的选择为

大，中，小

具有三种阅读模式，

分别为预览图模式，

经典模式，文字模式

字号大小的选择为

大，中，小

iPad屏幕大，带图片

的内容，直接显示缩

略图，方便直观

模式。预览模式是可

显示用户头像，博文

为文字加缩略图的形

式；经典模式，可显

示用户头像，只显示

文字，进入博文界面

才可以看到图片。文

字模式，不显示用户

图像，只显示文字，

进入博文界面才可以

导航设计

看到图片。

首页、消息、好友，

广场，更多

等，与安卓平台不同

的是，阅读模式可以

选择显示备注或者显

示昵称，亦可以选择

是否缩略微博。更加

贴近用户的个性化服

务，提高用户体验满

意度。

首页、消息、好友，

广场，更多

左上方有首页，提到

我的，评论，资料，

搜索等5项功能。左

下方有刷新，发微博，

皮肤，更多等三项功

能。

登录界面 登录名，密码，注册，登录名，密码，注册，登录名，密码，注册，

登录，找回密码等，登录，找回密码等，登录。若不想注册，

若不想注册，还可以

点击微博广场，随便

看看，名人堂，热门

微博等，再决定是否

注册使用微博。

若不想注册，还可以

在微博广场选择随便

看看，热门微博，再

决定是否注册使用微

博。另外，在页面右

上角，有个地球的标

志，可以选择不同的

语言环境（简体中文，

繁体中文，英语），更

贴近用户个性选择。

可以查看热门微博，

随便看看，人气榜，

影响力榜再决定是否

注册使用微博。

首页 是微博的主要功能所

在。显示的是用户所

关注的微博人群的发

言，可以提供用户阅

读和发布，长按博文

可以进行转发，原文

转发，评论，收藏，

查看个人资料，浏览

模式设置。内容十分

丰富，并且界面简单

直观。

是微博的主要功能所

在。显示的是用户所

关注的微博人群的发

言，可以提供用户阅

读和发布，长按博文

可以进行转发，原文

转发，评论，收藏，

查看个人资料，浏览

模式设置。内容十分

丰富，并且界面简单

直观。

显示的是其他用户@

我的博文，评论，私

信，以及广播。点击

评论，可以选择查看

在布局不变的前提

下，首页分为两部分，

顶端部分是功能区，

包括被关注用户的分

组，以及被关注用户

所发的图片，原创，

视频，音乐等微博的

分类。中间部分为被

关注用户所发的微

博，包括图文，以及

时间。

显示的是收到的评论

和发出的评论。可以

直接回复。点击评论

可以直接查看原微

消息界面 显示的是其他用户@

我的博文，评论，私

信，以及广播。直接

长按评论就可以选择

直接评论，删除评论，微博，恢复，取消等

查看原微博。 三个操作。选择更加

直观。

好友 在界面顶端有个分

类，可以通过对关注

用户的分类快速找到

关注用户。避免不必

要的文字输入。此外

找朋友界面中，可以

通过摇一摇，发现身

边的朋友，通讯录等

寻找到使用微博的朋

友。界面同时还具备

查看我的资料，最近

联系人等功能，由于

保留了用户个性化信

在界面顶端有个分

类，可以通过对关注

用户的分类快速找到

关注用户。避免不必

要的文字输入。此外

找朋友界面中，可以

通过摇一摇，发现身

边的朋友，通讯录等

寻找到使用微博的朋

友。界面同时还具备

查看我的资料，最近

联系人等功能，由于

保留了用户个性化信

博，设计更加方便。

由于IPAD客户端不

具有“好友”专有分

栏，而是直接把好友

的分类直接放在首页

的顶端。如果要查找

好友，只有在“个人

资料”的关注中查找，

没有手机客户端那么

方便快捷。搜索方式

也只能通过文字输

入。

息，用户在寻找最近息，用户在寻找最近

联系人时十分方便。 联系人时十分方便。

广场 主要功能是搜索用户

或者微博，可以使用

文字搜索，语音搜索

和二维码搜索，它符

合了移动界面易于搜

索的原则。此外广场

界面还有热门微博，

热门话题，二维码等

功能推荐。

更多 里面放入一些用户自具备基本的账号管

主要功能是搜索用户

搜索微博，可以使用

文字搜索和二维码搜

索，符合移动界面易

于搜索功能。此外，

还有微公益等其他微

博查看。

由于IPAD足够大，搜

索功能被独立出来，

可以搜索人和微博，

同时也可以查看热门

话题以及我关注的话

题。微公益等推荐软

件一直处在布局的右

侧。时刻保持着微博

界面的一致性。

具备基本的账号管

定义的操作，如设置、理，阅读模式，主题，理，阅读模式，主题，

草稿箱、账号管理、账号安全等功能，但账号安全“给我评分”

阅读模式、主题，新安卓手机相比，等功能外，还可以选

信息提醒，隐私设置，IPHONE可以在“给我择是否推送通知，上

账号安全，新版本检

测，官方微博、意见

反馈等。它可以根据

用户的要求使得服务

个性化，从而提高用

户体验。

总结

通过对移动界面设计的分析和案例比较，我不仅了解了移动界面的资源相对匮乏，移动

设备的种类繁多，连接方式复杂等限制与缺点，也熟悉了移动界面设计的原则，易于搜索，

根据用户的要求使服务个性化等。只有当开发者开发移动应用时，明确用户对移动应用界面

的要求，遵循界面设计的原则，才能够真正设计出适合用户使用的移动应用界面，从而达到

更高的用户体验。

评分”上在APPSTORE

给新浪微博应用软件

评分，另外还可以点

击更多精彩应用更方

便地获取其他应用软

件。

传图片质量，清除图

片缓存等。功能十分

齐全。

本文标签： 用户移动界面应用选择