随着手机,平板,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屏幕大,带图片的内容,直接显示缩略图,方便直观 吴磊和赵露思在一起了吗 |
平邑蒙山 导航设计 | 首页、消息、好友,广场,更多 | 首页、消息、好友,广场,更多 | 左上方有首页,提到我的,评论,资料,搜索等5项功能。左下方有刷新,发微博,皮肤,更多等三项功能。 |
登录界面凌潇肃 | 登录名,密码,注册,登录,回密码等,若不想注册,还可以点击微博广场,随便看看,名人堂,热门微博等,再决定是否注册使用微博。 | 登录名,密码,注册,登录,回密码等,若不想注册,还可以在微博广场选择随便看看,热门微博,再决定是否注册使用微博。另外,在页面右上角,有个地球的标志,可以选择不同的语言环境(简体中文,繁体中文,英语),更贴近用户个性选择。 | 登录名,密码,注册,登录。若不想注册,可以查看热门微博,随便看看,人气榜,影响力榜再决定是否注册使用微博。 |
首页 | 是微博的主要功能所在。显示的是用户所关注的微博人的发言,可以提供用户阅读和发布,长按博文可以进行转发,原文转发,评论,收藏,查看个人资料,浏览模式设置。内容十分丰富,并且界面简单直观。 | 是微博的主要功能所在。显示的是用户所关注的微博人的发言,可以提供用户阅读和发布,长按博文可以进行转发,原文转发,评论,收藏,查看个人资料,浏览模式设置。内容十分丰富,并且界面简单直观。 | 在布局不变的前提下,首页分为两部分,顶端部分是功能区,包括被关注用户的分组,以及被关注用户所发的图片,原创,视频,音乐等微博的分类。中间部分为被关注用户所发的微博,包括图文,以及时间。 |
消息界面 | 显示的是其他用户@我的博文,评论,私信,以及广播。直接长按评论就可以选择直接评论,删除评论,查看原微博。 | 显示的是其他用户@我的博文,评论,私信,以及广播。点击评论,可以选择查看微博,恢复,取消等三个操作。选择更加直观。 | 显示的是收到的评论和发出的评论。可以直接回复。点击评论可以直接查看原微博,设计更加方便。 |
好友 | 在界面顶端有个分类,可以通过对关注用户的分类快速到关注用户。避免不必要的文字输入。此外朋友界面中,可以通过摇一摇,发现身边的朋友,通讯录等寻到使用微博的朋友。界面同时还具备查看我的资料,最近联系人等功能,由于保留了用户个性化信息,用户在寻最近联系人时十分方便。 | 在界面顶端有个分类,可以通过对关注用户的分类快速到关注用户。避免不必要的文字输入。此外朋友界面中,可以通过摇一摇,发现身边的朋友,通讯录等寻到使用微博的朋友。界面同时还具备查看我的资料,最近联系人等功能,由于保留了用户个性化信息,用户在寻最近联系人时十分方便。 | 由于IPAD客户端不具有“好友”专有分栏,而是直接把好友的分类直接放在首页的顶端。如果要查好友,只有在“个人资料”的关注中查,没有手机客户端那么方便快捷。搜索方式也只能通过文字输入。 |
广场 | 主要功能是搜索用户或者微博,可以使用文字搜索,语音搜索和二维码搜索,它符合了移动界面易于搜索的原则。此外广场界面还有热门微博,热门话题,二维码等功能推荐。 | 主要功能是搜索用户搜索微博,可以使用文字搜索和二维码搜索,符合移动界面易于搜索功能。此外,还有微公益等其他微博查看。 | 由于IPAD足够大,搜索功能被独立出来,可以搜索人和微博,同时也可以查看热门话题以及我关注的话题。微公益等推荐软件一直处在布局的右侧。时刻保持着微博界面的一致性。 |
更多 | 陈凯歌 陈赫里面放入一些用户自定义的操作,如设置、草稿箱、账号管理、阅读模式、主题,新信息提醒,隐私设置,账号安全,新版本检测,、意见反馈等。它可以根据用户的要求使得服务个性化,从而提高用户体验。 | 具备基本的账号管理,阅读模式,主题,账号安全等功能,但安卓手机相比,IPHONE可以在“给我评分”上在APPSTORE给新浪微博应用软件评分,另外还可以点击更多精彩应用更方便地获取其他应用软件。 | 具备基本的账号管理,阅读模式,主题,账号安全“给我评分”等功能外,还可以选择是否推送通知,上传图片质量,清除图片缓存等。功能十分齐全。 |
总结
通过对移动界面设计的分析和案例比较,我不仅了解了移动界面的资源相对匮乏,移动设备的种类繁多,连接方式复杂等限制与缺点,也熟悉了移动界面设计的原则,易于搜索,根据用户的要求使服务个性化等。只有当开发者开发移动应用时,明确用户对移动应用界面的要求,遵循界面设计的原则,才能够真正设计出适合用户使用的移动应用界面,从而达到更高的用户体验。
发布评论