首页 百科知识 基于移动端信息架构的用户体验设计王赛兰

基于移动端信息架构的用户体验设计王赛兰

时间:2022-10-04 百科知识 版权反馈
【摘要】:最后,在此基础上提出了五点移动端信息架构的设计规范供继续探索和研究。移动终端人机交互的用户体验必须改变浮于表面的设计,从更深的层次来进行研究。传统桌面终端是基于 “树状结构”的信息架构,将首页视为链接层级中的第一级,将与其有从属关系的页面视为链接层级中的第二级,一般称其为二级菜单。在传统的桌面终端设计理论中,对于信息架构 “深广度”平衡的研究对移动终端的信息架构设计很有启发和借鉴价值。

四川大学锦城学院计算机与软件科学系,成都,611731)

摘 要:本文简要介绍了移动互联网的发展趋势和移动端设备的发展,提出了移动端用户体验的研究不能仅仅停留在视觉表现层次的观点。从传统桌面端系统和软件的信息架构入手,分析了它与移动端信息架构在用户体验上的四点差异,并总结了两种目前最主要的移动端信息架构类型并进行分析。最后,在此基础上提出了五点移动端信息架构的设计规范供继续探索和研究。

关键词:人机交互;信息架构;移动客户端

中图分类号:TB472 文献标识码:A

1 引言

根据 《百度2012年Q1百度移动互联网发展趋势报告》显示,2012年Q1包括广东、北京、四川等六省市的移动互联网用户占比已经超越了PC互联网用户。从报告中显示的各项数据分析可以肯定,中国移动互联网超越PC互联网,只是时间问题。

移动终端,包括我们熟悉的手机、平板电脑、笔记本等,是在移动通信设备中,终止来自或送至网络的无线传输,并将终端设备的能力适配到无线传输的部分。随着信息技术的发展,移动终端正在从简单的通话工具变为一个综合信息处理平台,是最终面向用户的移动互联网的终端设备。

很长一段时间里,移动终端用户体验的研究仅仅局限于将传统终端的用户界面进行放大,或者进行一些图形图像上的调整,这样的移动设备在商业上无一例外以失败告终。直到i Phone、i Pad的出现才一举打开了智能触屏手机和平板电脑的商业前景。这告诉我们,将被认为理所当然的传统桌面端设计应用到移动终端上是不成功的。移动终端人机交互的用户体验必须改变浮于表面的设计,从更深的层次来进行研究。本文希望从信息架构的角度来分析其与传统桌面交互的差异,并且提出移动终端的信息架构优化方法。

2 传统终端的信息架构分析

传统桌面终端是基于 “树状结构”的信息架构,将首页视为链接层级中的第一级,将与其有从属关系的页面视为链接层级中的第二级,一般称其为二级菜单。通过二级菜单又可以继续得到第三级菜单,依此类推,可以得到一个完整的树形链接结构。这样一个完整的信息结构,称为树形结构。这种结构是桌面系统和网站设计的重要支撑,其优势在于结构清晰、标准化强。

在传统的桌面终端设计理论中,对于信息架构 “深广度”平衡的研究对移动终端的信息架构设计很有启发和借鉴价值。在整个树形结构中,链接的层数被称为网页链接的 “深度”(depth),最底层页面包含的页面总数被称为网页链接的 “广度”(breadth)。在传统的桌面终端系统里,深广度平衡是交互设计的基础。设计师会根据信息量和信息分组的情况来设计树状结构,使用户能够准确迅速地找到自己所需要的信息。但是树型结构本身并不会被改变,其还是系统和网站设计的基础。

3 移动终端与传统终端人机交互的差异

交互设计从产品使用的角度可以理解为用户与产品以及环境之间的互动及信息交换的过程。[1]笔者认为,移动终端和传统终端在交互体验上的差异并不仅仅停留在尺寸上,而是多方面的,主要有以下几点:

(1)尺寸差异。从3.5寸到5.2寸再到9.7寸,无论是智能手机还是平板电脑,在尺寸上与传统电脑显示器的差异还是很明显的。但是用户却希望它们能有和传统电脑一样强大的功能。这就像要在一个50平方米的房子里装下200平方米房子里的家具一样,而且我们还希望50平方米的房子不仅不显得拥挤,还要美观实用。如何在有限的屏幕中扩展无限的空间呢?这是移动终端设计师面临的首要问题。

(2)输入方式。传统终端计算机最常使用的输入方式是鼠标+键盘。鼠标的优势是点击范围小、精确,特别是现在最常使用的左右键配合滑轮的鼠标能够完成单击、双击、选定、滑动等动作。但是移动终端的输入方式主要靠手指,手指可以完成触碰、滑动等一系列动作,精确性差,范围也比较模糊。

(3)使用频率和方式。大多数用户都会不间断地查询手机信息,所以移动终端设备的使用频率更高,可能是在地铁上、公交车上、马路上。并且用户通常会在使用移动终端设备的时候同时处理其他事情,在复杂的视觉环境和一系列干扰条件下使用,意味着用户的注意力会分散、降低。

(4)情感联系。通过频繁使用移动设备,“人-人互动”逐渐减少,“人-机互动”不断增加,我们与它们之间建立了独特而富有情感的联系。人们对人机交互技术提出了更高的要求,即情感需求。用户体验设计机构Foolproof指出,移动设备赋予我们一种新的自由感和控制感。还有一些用户反而对他们的移动设备产生了非常真实的情感。Foolproof还指出,当智能电话不在身边时,63%的人会感到失落不安。他们把这些设备描述为 “有生命的”,是他们身体和人格的一种延伸。我们希望与自己交互的机器也具有类似于人的观察、理解和生成情感特征的能力,这在传统终端交互设计中是较少提及的。

人们制造和使用产品,形成了人与物的关系,而这种关系是通过使用行为表现出来的,使用行为过程中包括了操作、认知和情感等内容。人们使用各种产品来满足生活需要,产品的价值在人与产品的相互作用中得以体现。[2]对于软件产品也是如此。人们使用移动终端产品是为了更方便、更快捷的获得信息,如果我们的产品不能提供给用户这样的体验,就注定会失败。

4 移动终端信息架构的两种类型

从2000年第一部智能手机问世以来,移动终端用户界面设计的成功与失败都直接关系到产品自身的成败,可以说用户体验是用户选择移动终端产品的重要因素。下面总结了两种类型的移动终端信息架构模式。两者目前运用都比较广泛而且成功,通过对它们的分析,我们能找出移动终端信息架构的模式和原则。

4.1 辐射式(Hub-spoke)移动终端信息架构

通过对传统终端和移动终端人机交互差异的分析,我们可以看出i Phone系列能够成功的因素之一,那就是打破传统计算机的树状结构而采用了辐射式的信息架构。图1展示了辐射式移动终端信息架构。

辐射式的移动终端信息架构是目前证明最成功的移动终端信息架构之一,它应用在几乎所有的Apple公司的移动端产品中,打破了传统树形结构多层级的模式,大胆采用了单一层级+中央索引的信息架构。用户可以从任何子页面通过中央控制回到主页面,再从主页面进入其他子页面。值得一提的是,这其实是最传统的信息架构模式,主要用于工作流程受限的桌面终端。这种看似简单的交互模式是将 “深度”降低到最低程度,而将 “广度”几乎是无限扩大。这种信息架构的改变有以下优势:

(1)减少用户的记忆。每深入一个层级就需要用户记住更多的信息,虽然看似不多,但对于处于各种干扰中的移动终端用户来说是很大的负担。因此层级少、记忆少,符合移动终端用户频率和习惯的需求。

(2)利用了手指操作的优势。从传统意义上讲,“广度”不可能无限增加,因为页面宽度有限。但是手指较之于鼠标能够轻松地进行翻阅、滑动的动作,所以 “广度”的增长并不会增加使用难度,反而增加了使用的趣味。

图1 辐射式移动终端信息架构

但是辐射式移动终端信息架构也有其弊端,主要是用户无法进行多任务操作,只能从一个任务切换到另一个任务,这也是目前移动终端待解决的问题之一。

目前,虽然各种移动终端系统采取的具体信息架构方式有所不同,但是大都是这种信息架构的延伸或者其他形式。可以说,这种方式是目前最常用的移动终端系统信息架构方式。

4.2 层级式(Hierarchy)移动终端信息架构

传统的树形结构直接应用到移动终端是不合适的,但这并不意味着树形结构在移动终端上就是一无是处。我们不难发现,很多大型网站和软件因为功能多、信息量大,不可避免地还是要使用传统结构。但怎么使用才能够符合移动终端的需求呢?笔者认为空间分割和分模块展现内容是其中的关键。经过总结,有两种层级模式都适用于移动终端。

(1)同级多标签 (Tab)架构。

如图2所示,这是一种普通应用用户熟悉的样式。这种形式通过工具栏菜单集合为一系列的内容,这样用户可以在第一次打开应用时,便能快速扫过并了解应用的全部功能,适用于比较简单的结构内容。多标签结构的标签设置方式多样,可以横屏设计,也可以竖屏设计,但其宗旨都没有根本变化。

图2 同级多标签 (Tab)架构

图3 普通层级结构

(2)普通层级结构。

如图3所示,普通层级结构采用渐进式导航引导用户查看更详细的内容。当用户操作不方便时,这是一种快速简单的导航方法。通过点击 “前进”或 “后退”,用户可以强烈感知自己所处何处。但是层级数超过2层就会显得过于复杂。

5 移动终端信息架构设计规范

根据目前已有的设计成功和失败的案例,确立移动终端信息架构的设计规范是统一行业标准、提高行业水平的重要步骤。这里,试提出几点规范,以供参考研究:

(1)层级少、点击次数少。对于小屏幕移动终端,每增加一次点击就是增加一次用户负担。移动终端导航在通常情况下应该遵循数量多、层级浅、不能有太深的层级的原则。根据Joshua Porter在Testing the Three-Click Rule(三次点击原则)中所说,如果一个内容模块的访问超过三次点击就会失去大部分用户。对于移动终端更是如此,更多的点击意味着更多的页面加载和带宽消耗,也意味着失去更多的用户。

(2)起始页就应该展示产品最主要的特性和功能链接。例如对于移动音乐平台,应该在首页让用户能找到自己收藏的音乐以及最近更新的音乐,这是可以减少不必要页面和点击次数的重要方式。

(3)考虑触摸屏和非触摸屏用户的导航需求。确保用户用点触方式操作的同时,也要提供键盘操作的模式。

(4)提供明确的导航提示。比起桌面终端,移动终端使用环境的复杂性让用户更容易迷路,所以让他们知道自己在哪里、如何返回,以及如何跳回到开始的地方非常重要。

(5)标签导航准确、简洁、统一。现在很多软件都同时具有桌面终端和移动终端的应用,用户在这两个终端上的使用不应该有明显的差异感。因此,强调同一软件的桌面终端和移动终端风格类似、标签导航统一非常重要。

6 结论

好的用户体验设计会给产品带来意想不到的成功。移动互联网、移动数字娱乐产品会越来越深入人们的生活,给人们提供精神享受和生活便捷。移动终端的用户体验有其独特的原则,研究和遵循这些原则是通向移动互联的必经之路。通过用户体验设计把用户与移动互联网紧密地联系起来,实现了人与界面、人与网络平台、人与产品的交互,使人们的生活更加美好。

参考文献

[1]李世国.和谐视野中的产品交互设计 [J].包装工程,2009,30(1):137-140.

[2]赵震,吴晨,刘超.交互设计的行为分析在产品设计中的应用研究 [J].包装工程,2012,33(6):73-77.

[3]Cooper A.About Face 3交互设计精髓 [M].刘松涛,译.北京:电子工业出版社,2008.

[4]邓胜利.国外用户体验研究进展 [J].图书情报工作,2008,52(3):43-45.

[5]张嫦娥.工业产品的用户体验设计 [D].成都:西南交通大学,2010.

[6]朱琪琪.产品设计中的用户体验研究 [D].无锡:江南大学,2008.

[7]赵珑.网络经济下用户体验设计研究 [J].商场现代化,2006,20(7):20-21.

[8]牟峰,褚俊洁.基于用户体验体系的产品设计研究 [J].包装工程,2008,29(3):142-144.

作者联系方式:

E-mail:14795748@qq.com.

[1] 作者简介:王赛兰 (1981—),女,湖北武汉人,四川大学锦城学院计算机与软件科学系副教授,应用教研室主任,四川大学旅游学院博士生在读。主要研究方向为人机界面交互设计,在计算机科学与智慧旅游方面有深入研究。发表论文10余篇,出版交互设计类教材1本。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈