数极客首页

信息架构之移动端设计与传统桌面端设计的不同之处

译者注:本文从设计人员的角度动身
,提出了移动

端设计与传统桌面端设计的不同之处,同时归结
总结并比较

了多种主流的设计方式

和信息架构,旨在辅佐

设计、产品、开发相关人员更好的思索

移动

端设计。分享给大家,希望有所辅佐

和启示

英文原文: http://www.uxbooth.com/articles/designing-for-mobile-part-1-information-architecture/

—————————————————-

大约在1993年,我父亲带回家一部体型硕大、形似砖头的移动

电话。当时,我们全家人都对这个稀物表示难以置信的兴奋,但是没有人会以为
它会对我们的生活产生庞大

影响。几年后,当我的一些朋友决议
置办

它时,我依然

会把它看作是一种花样

和噱头。

往常
全世界共有60亿移动

订阅用户,意味着假定

人手一部移动

电话,那么世界上87%的人便具有
移动

电话。但是
,将近有30亿人运用
台式电脑,这和移动

电话运用
状况

差别

很大。

移动

设备存在于我们的生活中,随之而来也为移动

端设计带来了一系列新的限制和机遇。让我们来看看设计办法

会怎样
得以更新。

  移动

有何不同?

关于移动

设计,我们最先需求
了解

的是它的不同之处,这并不只
仅指尺寸的不同。移动

设备的属性与规格也带来了不同的设计启示和央求

。由于移动

设备更轻更便携,我们通常觉得它们更便于运用
。经过
频繁运用
移动

设备,我们与它们之间树立
了共同
而富有情感的联络

信息架构之移动端设计与传统桌面端设计的不同之处

绝大多数移动

设备配有触摸屏,用户主要经过
手势以及一些简单的界面元素中止

操作。由于受限于屏幕尺寸,有时我们希望屏幕中的显现
内容结构

更简单精致。同样由于受限于带宽和衔接
速度,移动

端上的设计需求
优化加载时间,减少数据央求

  为何,何地与何时

由于需求
不连续
查看手机信息,我们常常
会更频繁地运用
手机。乘坐公交车时、街上散步

时或看电视时,它们都无处不在。致使

,我们通常“做”一些其他事情时也在运用
。这意味着我们可能在一些复杂的视觉环境下或是一系列干扰条件下运用
手机。

  我们怎样
行动和感知

运用
移动

设备时,我们有不同的态度、行为和优先级。作为Going Mobile 2012研讨
的一部分

用户体验设计机构Foolproof 指出移动

设备赋予我们一种新的自由

感和控制感。还有一些用户反而对他们的移动

设备产生了十分

真实的情感。Foolproof指出当智能电话不在身边时,63%的人会感到失落不安。他们把这些设备描画

为“有生命的”,是他们身体和人格的一种延伸。

移动

设备从基本

上改动
了用户的希冀
,因而

关于
设计师而言,十分

重要的一点是服从
以用户为中心的设计流程来中止

设计。但存在的问题在于:以往那些最佳的传统理论
办法

并不总是能够

参照。

 移动

怎样
影响设计师

移动

设备的差别

化直接作用于以用户为中心的设计的整个过程:从用户研讨
到最终的开发和完成
计划

的测试。而完成
办法

和信息架构是整个设计流程中遭到
最大影响的。

  移动

设计完成
方式

不同于传统网站,移动

设计的完成
存在四种主流方式。移动

用户最希望在阅读
器上阅读
,移动

式网站(为移动

设备而特地优化的网站)或者响应式网站(依据

设备重新排列规划
的网站)的内容。而那些在设备上装置

了应用程序的人会选择原生应用或混合方式

应用。原生应用是独立存在的:每一个应用的界面都被定义在平台层上方。混合方式

应用提供了更为灵活

的方式,从网络中获取内容,(即经过
阅读
器中止

阅读),但也提供了相似

于原生应用的界面。

每一种完成
方式都有正反两面。选择哪种样式

取决于项目的设计背景。(下面的表单中,星星越多,效果越好)

信息架构之移动端设计与传统桌面端设计的不同之处

移动

设备同样也有自己

的信息架构样式

库。固然

响应式网站的结构

可能更多服从
“规范

化”样式

,而诸如原生应用则通常采用基于标签的导航结构

。但并不存在结构

移动

网站或应用的“正确”办法

。接下来我们会带来一些最盛行
的样式

:层级式、辐射式、套娃式、标签视图、便当盒和选择

视图。

  层级式(Hierarchy):

层级样式

是带有一个索引页和一系列子页面的规范

网站结构

。假定

你在设计一个响应式网站,你可能会受限于此,但是
它所带来的额外样式

能够

辅佐

你为顺应
移动

设备而调整体验。

Luke Wroblewski在博文《移动

为先》( Mobile First)中辅佐

我们第一
关注于重要的内容:能够

辅佐

我们发明

更好的用户体验的产品特性和用户运用
过程。

适用项:整理需求
跟桌面端网站坚持
分歧
结构

的复杂站点。

留意
项:多面的导航结构

应用于小屏幕上可能会给用户惹起
的省事

信息架构之移动端设计与传统桌面端设计的不同之处

辐射样式

向用户提供了便于跳转的中央式索引,这是iPhone的默许
样式

。用户无法在分页面之间切换,而必需
回到中央跳转。不时

以来,这种样式

主要用于工作流程受限的桌面端(通常是技术限制,诸如表单或者置办

流程中遭到
的限制)。然后,这种样式

在移动

设备上越来越盛行
,这是由于用户运用
移动

设备时会专注于单一任务,以及由于设备自身

的外型要素
。这种样式

的盛行
使得全局性导航愈发难以运用

适用项:多功用
工具,其中每个都有不同的内部导航和目的

留意
项:这种样式

不适于用户中止

多任务操作。

信息架构之移动端设计与传统桌面端设计的不同之处

套娃样式

采用渐进式导航引导用户查看到更细致
的内容至。当用户操作不便当
时,这是一种快速简单的导航办法

。经过
点击“行进
”或“后退”,用户能够

猛烈

感知自己

所处何处。

适用项:应用或网站的主题奇特或者主题之间密切

相关。它们同样适用于内置其他父样式

的子样式

,诸如规范

的层级样式

式和辐射样式

留意
项:用户无法在不同内容中快速切换,因而

需求
思索
这种样式

能否
便当
查找,而不能让它成为查找内容的绊脚石。

信息架构之移动端设计与传统桌面端设计的不同之处

这是一种普通应用用户熟习
的样式

。这种方式
经过
工具栏菜单汇合

为一系列的内容。这样用户能够

在第一次翻开
应用时,便能快速扫过并了解

应用的全部功用

适用项:基于一个相似

主题的工具项和多任务状况

留意
项:这种样式

不太适合

复杂类结构

,较为适用于十分

简单的内容结构

信息架构之移动端设计与传统桌面端设计的不同之处

便当盒/仪表盘样式

经过
运用
组件展示

相关工具或内容的部分

信息,再把更详尽的内容链接至到索引界面。由于这种样式

很复杂,它在桌面端显现
会比在移动

端更为适合

。这种显现
醒目有力,用户只需求
扫一眼就能够

了解

关键信息,但它严重依赖于信息明晰
的设计呈现。。

适用项:主题相似

的多功用
工具和基于内容的平板电脑应用程序。

留意
项: 固然

平板电脑的屏幕提供更多空间承载这种样式

,但更为重要的是我们要了解

用户怎样
与每块内容互动,以及我们要确保应用简单、有效、运用
愉悦。

信息架构之移动端设计与传统桌面端设计的不同之处

最终
,选择

视图样式

允许用户经过
选择选择

项来切换不同视图从而在一系列的数据中中止

导航。选择

同分面搜索办法

一样,是一种很棒的适合

用户查询内容的办法

适用项:内容数据量
庞大的应用或网站,诸如文章,图像和视频。它可能为杂志样式

的应用或网站提供了好的基础

,或者是它能够

作为另一个导航样式

内的子样式

留意
项: 移动

设备上,由于选择

和分面搜索很复杂,所以很难在较小的屏幕上展示

信息架构之移动端设计与传统桌面端设计的不同之处

自从我第一次看到大型的砖头式移动

电话起,曾经
过去了将近二十年,(而我买第一步移动

电话也有大约十二年了)。往常
我、我父亲和我认识的人简直

都有一部智能电话,我们习气
于频繁地运用
它们沟通、交流并且管理我们的生活。每一年科技都有一次飞跃,因而

我们要分明

地认识到我们需求
与时俱进。设计友好的移动

和桌面信息架构正是创建

庞大

的移动

体验的第一步。在第二部分

-设计考量 中,我将解释移动

内容的差别

性怎样
影响最终计划

的设计。

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章