手机上的信息架构方式

信息架构 即信息的组织结构。它的任务就是在信息与用户之间建立一个通道,使用户能够获取到其想要的信息。一个有效的信息架构方式,会根据用户在完成任务时的实际需求来指引用户一步一步的获得他们需要的信息。

比如我们去饭店点菜、去商场买衣服,要完成这类日常生活中最常见的任务,用户最希望的就是过程简短、不用过多的去思考。所以根据用户的实际需求,这类任务就要采取比较顺畅的架构方式。相反,如果在PC上玩一个大型的网络游戏,为了满足用户在">游戏过程中的一些情感体验,就要把游戏设计得有些难度。所以这时就要采取带有障碍的架构方式。如果网络游戏也采用顺畅的架构方式的话,那么游戏就变得毫无挑战,也就失去了它的乐趣。

通过分析我们可以看出来,采用哪种架构方式是根据用户完成某个任务或行为时的实际需求来决定的。

根据上面所讲的信息与用户之间的关系,我们可以把信息架构分为四种类型:浅而广、浅而窄、深而广、深而窄。

浅而广和浅而窄的类型,都属于较为顺畅的架构方式,在这种方式下用户不需要去过多思考,可以较直接的获取到信息。深而广和深而窄的类型,属于带有障碍的架构方式,它的特点是用户获取信息有一定的难度,要经过一定的步骤和流程才能获取到信息。

手机上应采用哪种信息架构方式呢?

手机这种小屏幕设备的特点是:

首先人们大都在空闲的时间使用它,每多跳转一个界面就可能失去一部分用户;

其次它的屏幕较小,限制了功能展现的复杂性;

再次不得不考虑它的电池供电时间的限制等等。

根据它的这些特点我们不难发现,在手机上做应用一定要是功能简单、操作简便、轻量级的、占用的时间要短等等。操作复杂、流程繁琐、挑战性高的深层次架构方式的设计并不适合在手机上进行。所以结合手机的特点,考虑到用户的实际操作,手机上的设计就要采用尽量浅的、顺畅的信息架构方式。

那么怎样在小屏幕设备上实现浅的信息架构方式?在设计中又要注意哪些问题呢?下面根据我在设计中遇到的问题,谈谈怎样减少信息架构的深度。希望可以抛砖引玉,大家一同来探讨。

一.  减少目录级数

重新考虑软件功能的布局,梳理各功能间的关系,通过适当的增加同一层的目录数,减少目录的级数来减少用户点击的次数。这是减少信息深度的最直接方式,但此种方式应避免的问题的是,不要为了减少用户操作而一味的将所有信息平铺(图1)。与其在一堆毫无规律的功能中寻找一个功能,还不如从分类清晰的目录中寻找来得容易(图2)

二. 功能的排布要有逻辑,分类要清晰,命名要准确、易懂

软件各功能间的关系要有逻辑性,同类型的功能要归好类,并且分类及功能的命名要准确,易懂,不要使用过于专业的术语。避免把A类功能放在B类中。

三. 减少操作次数、减少界面跳转层级

因为每多跳转一个界面就可能流失部分用户。所以在设计中应该尽量减少用户操作的次数。我们可以采用tab或手风琴等架构方式来减少界面跳转的层级。

tab的架构方式

可以将并列的信息通过横向或竖向tab来表现。与传统的一级一级的架构方式对比,此种架构方式可以减少用户的点击次数,提高效率。如下图3传统的架构方式,从A1到B1界面,要经过A—O—B—B1 一共要跳转四次,经过五个界面。采用tab架构方式的图4,从A1到B1界面,只经过A—B—B1 一共跳转三次,经过四个界面,比图3少点击一次。

手风琴式的架构方式

如图5的手风琴式的架构方式,它其实与功能平铺类似,都是在一个界面上把功能展现。但不同的是,它有很清晰的分类,各个不同的功能放在不同的分类中,每个分类可以自由伸缩,大大节省了空间。这样用户在一个界面上就可以了解整个功能的布局和每个分类中的详细子功能项。对比前面的架构方式,此种方式从A1到B1只需经过A&B—B1 跳转两次,经过三个界面。

此种方式需要注意的问题是:

首先每个分类项目条的展开和收起状态在视觉上要有明显的区分,这样可以方便用户检索;

其次为避免页面过长,增加用户的浏览负担,请不要把所有的分类都设为默认展开状态。可以把用户最常用的分类设为默认展开的状态。

四. 操作要顺畅,界面跳转符合用户心理预期。

随时随地 返回

因为手机屏幕较小,显示空间有限,相比同一款软件在PC上信息层次而言,小屏幕设备的信息层次就会变得更加深。所以用户在多个界面之间跳转的时候,就要保证其操作通道的通畅性,要能快速的找到出口,随时可以返回上层操作。这样会增加用户的安全感。举个反面例子:如下图windows mobile 6.5 的回复短信界面,没有把出口标识清楚,用户需要切换tab项才能找到出口。这样的设计会给用户带来极大的迷惑。

从哪来回哪去

小屏幕设备的信息架构较深,界面较多。为了避免用户在多个界面之间跳转时迷路,当用户进行返回操作时,所返回的界面一定是他刚刚操作的上一层界面。比如用户从O界面进入到A界面,又从A界面进入到A1界面,此时从A1界面返回时一定是返回到A界面,而不是O界面。

想一想我们回家时,从大门口进入客厅,经过客厅进入卧室,此时若从卧室出来却发现自己站在大门口,那将会是怎样的情形……

无论哪种方式都要使用得恰当,一个好的设计师应该要从各个角度去综合考虑问题,灵活运用各种方式方法,把握好用户和信息间的平衡。

(本文出自Tencent WSD Blog,转载时请注明出处)

时间: 2024-10-22 06:55:00

手机上的信息架构方式的相关文章

开发微信应用在Android手机上可以使用chrome://inspect方式调试吗?

问题描述 开发微信应用在Android手机上可以使用chrome://inspect方式调试吗? 开发微信应用在Android手机上可以使用chrome://inspect方式调试吗?

InterApp宣称能从任何手机上盗取信息 只需打开Wifi即可

本文讲的是 InterApp宣称能从任何手机上盗取信息 只需打开Wifi即可,智能手机如今面临的最大隐私和安全挑战之一,就是那些我们选择安装的应用. APP开发者通过从用户设备收集数据转手卖给营销人员以获利,甚至有时候他们还会在产品中引入第三方库和工具来进一步收集用户数据,收集的程度和性质都会严重违背隐私政策. 从智能手机收集来的数据中获益的不仅仅只有追逐市场利益的人,执法部门.专制国家和许多其他人员也有获取手机用户信息的动机.然而,对某些机构而言,要达成他们的目的,从应用开发者手中收来的数据类

手机客户端交互设计原则及信息展现方式

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

信息架构能帮助哪些网站产品?

文章描述:信息架构能帮助哪些网站产品? 关于信息架构,其实我也不大懂,我就看过两本中文翻译书和一本很学术的中文书,我一直认为信息架构是数据结构的另外一种叫法. 结合Tony的信息架构扫盲贴,我也扯扯信息架构的东西:(顺序可能不妥,请见谅) 每个网站产品都需要规划信息架构,包括检索.标记.导航.展示等,在产品最开始规划时就需要做,且后边规划功能时针对需求进行调整. 信息架构需要和真实信息尽量匹配,比如做个游戏信息库,每条游戏信息需要完整还原真实的游戏信息结构,包括名称.开发商.上市时间.分类.题材

IBM创新存储思维 开辟信息架构新时代

本文讲的是IBM创新存储思维 开辟信息架构新时代, [IT168 资讯]日前,IBM正式于中国发布了IBM企业信息架构策略以及30余种全新或升级的产品.技术及服务,并介绍了多项创新存储研发成果.IBM信息架构产品组合将帮助企业.政府及其他组织将存放在孤立系统中的静态数据转变为人们在云计算环境中随处皆可获取的更为动态的信息,使得其最终能够以服务的方式向顾客提供信息.通过20亿美金的投资,三年的研发成果,来自9个国家2500位存储专家的科研努力.2年间的诸多关键收购以及硬件.软件.服务及研发四大部门

信息架构

写几篇关于信息架构的文章,系统地输出我理解的信息架构. 写在前面的话 发了一篇关于招信息架构实习生的博客,收到不少简历.但谈起信息架构,多数不了解,稍微了解的扯了很多很偏的东西. 随手搜索了一下,我发现了原因:1 <web信息架构>这本书太概念,太学术.多数人不知道如何指导实践.2 有人绑架了"信息架构"这个词,拿出去唬人,内容都是皮毛或者是根本和信息架构不沾边的东西. 另外一个理由是,<web信息架构>06年出第一版,而这本书的最早版本是1998年,而真正的理

信息架构,互联网营销

写几篇关于信息架构的文章,系统地输出我理解的信息架构. 写在前面的话 发了一篇关于招信息架构实习生的博客,收到不少简历. 但谈起信息架构,多数不了解,稍微了解的扯了很多很偏的东西. 随手搜索了一下,我发现了原因: 1. <web信息架构>这本书太概念,太学术.多数人不知道如何指导实践. 2. 有人绑架了"信息架构"这个词,拿出去唬人,内容都是皮毛或者是根本和信息架构不沾边的东西. 另外一个理由是,<web信息架构>06年出第一版,而这本书的最早版本是1998年,

怎么获取到Android手机上的时区列表

问题描述 怎么获取到Android手机上的时区列表 最近的项目有个时区设置选择,需要获取到android急用,最好是有demo 我的qq529786954 解决方案 http://download.csdn.net/download/misly_vinky/5022606 解决方案二: android手机上的信息获取获取Android手机上的图片和视频缩略图获取Android手机上的图片和视频缩略图

国内三大B2C网站首页在信息架构上的一致和区别

文章描述:评国内三大B2C网站首页的信息架构. 随着电子商务的成熟,国内涌出了很多B2C网站,我经常访问的有:当当网.1号店.京东商城.易迅网.为为网和新蛋网等.这类网站很好的利用了计算机技术.互联网技术.即时通信技术和物流渠道,实现整个商务过程中的电子化.数字化和网络化,让不少用户得以不出户购天下物. 在访问这些网站的过程中,我发现其首页的信息架构拥有一些共同特点,也有各自的特色,遂以京东商城.新蛋网和易迅网为例,撰粗评一篇,拿来分享.行文难免有个人主观色彩,欢迎指正. 三大网站首页基本结构