前往顾页

挪动设想指南一:若何了解挪动信息架构?

时候:2014-11-06 23:31来源:知行网www.zhixing123.cn 编辑:麦田守望者

本文从设想职员的角度解缆,提出了挪动端设想与传统桌面端设想的不合的地方,同时归纳总结并比较了多种主流的设想形式和信息架构,旨在帮忙设想、产品、开辟相关职员更好的思虑挪动端设想。分享给年夜家,希望有所帮忙和开导。

年夜约在1993年,我父亲带回家一部体型硕年夜、形似砖头的挪动德律风。当时,我们百口人都对这个稀物表示难以相信的镇静,但是没有人会以为它会对我们的糊口产生巨年夜影响。几年后,当我的一些朋友决定采办它时,我仍然会把它看作是一莳花腔和噱头。

现在环球共有60亿挪动订阅用户,意味着如果人手一部挪动德律风,那么世界上87%的人便具有挪动德律风。但是,将近有30亿人利用台式电脑,这和挪动德律风利用环境不同很年夜。

挪动装备存在于我们的糊口中,随之而来也为挪动端设想带来了一系列新的限定和机遇。让我们来看看设想体例会若何得以更新。

挪动有何不合?

关于挪动设想,我们最早需求体味的是它的不合的地方,这其实不但仅指尺寸的不合。挪动装备的属性与规格也带来了不合的设想启迪和请求。因为挪动装备更轻更便携,我们凡是感觉它们更便于利用。经由过程频繁利用挪动装备,我们与它们之间建立了奇特而富无情感的联系。

 

移动站点设计 移动信息架构 网站建设

属性与规格

 

绝年夜多数挪动装备配有触摸屏,用户首要经由过程手势和一些简朴的界面元素进行操纵。因为受限于屏幕尺寸,偶然我们希望屏幕中的显现内容布局更简朴精美。一样因为受限于带宽和连接速率,挪动端上的设想需求优化加载时候,减多数据请求。

为何,何地与甚么时候

因为需求不间断检察手机信息,我们常常会更频繁地利用手机。乘坐公交车时、街上安步时或看电视时,它们都无处不在。乃至,我们凡是“做”一些其他事情时也在利用。这意味着我们可能在一些复杂的视觉环境下或是一系列滋扰前提下利用手机。

我们若何行动和感知

利用挪动装备时,我们有不合的态度、行动和优先级。作为Going Mobile 2012研究的一部分,用户体验设想机构Foolproof 指出挪动装备付与我们一种新的自由感和节制感。另有一些用户反而对他们的挪动装备产生了非常实在的情感。Foolproof指出当智能德律风不在身边时,63%的人会感到失落不安。他们把这些装备描述为“有生命的”,是他们身体和品德的一种延长。

挪动装备从底子上改变了用户的希冀,是以对设想师而言,非常首要的一点是顺从以用户为中间的设想流程来进行设想。但存在的问题在于:以往那些最好的传统实际体例其实不老是可以参照。

挪动若何影响设想师

挪动装备的差别化直接感化于以用户为中间的设想的全部过程:从用户研究到终究的开辟和实现计划的测试。而实现体例和信息架构是全部设想流程中遭到最年夜影响的。

挪动设想实现体例

不合于传统网站,挪动设想的实现存在四种主流体例。挪动用户最希望在浏览器上浏览,挪动式网站(为挪动装备而特地优化的网站)或呼应式网站(按照装备从头摆列布局的网站)的内容。而那些在装备上装置了利用法度的人会挑选原生利用或异化形式利用。原生利用是自力存在的:每个利用的界面都被定义在平台层上方。异化形式利用供应了更加矫捷的体例,从收集合获得内容,(即经由过程浏览器进行浏览),但也供应了近似于原生利用的界面。

每种实现体例都有正反两面。挑选哪一种款式取决于项目标设想背景。(下面的表单中,星星越多,结果越好)

 

移动站点设计 移动信息架构 网站建设
挪动信息架构

挪动装备一样也有本身的信息架构款式库。固然呼应式网站的布局可能更多顺从“标准化”款式,而诸如原生利用则凡是采取基于标签的导航布局。但其实不存在机关挪动网站或利用的“精确”体例。接上去我们会带来一些最风行的款式:层级式、辐射式、套娃式、标签视图、便利盒和遴选视图。

 

层级式(Hierarchy):

层级款式是带有一个索引页和一系列子页面的标准网站布局。如果你在设想一个呼应式网站,你可能会受限于此,但是它所带来的分外款式可以帮忙你为适应挪动装备而调剂体验。

Luke Wroblewski在博文《挪动为先》( Mobile First)中帮忙我们起首存眷于首要的内容:可以帮忙我们创作发明更好的用户体验的产品特性和用户利用过程。

合用项:清算需求跟桌面端网站保持分歧布局的复杂站点。

重视项:多面的导航布局利用于小屏幕上可能会给用户引发的费事。

 

移动站点设计 移动信息架构 网站建设

辐射式(Hub-spoke):

 

辐射款式向用户供应了便于跳转的中心式索引,这是iPhone的默许款式。用户无法在分页面之间切换,而必须回到中心跳转。一向以来,这类款式首要用于事情流程受限的桌面端(凡是是技术限定,诸如表单或采办流程中遭到的限定)。然后,这类款式在挪动装备上愈来愈风行,这是因为用户利用挪动装备时会专注于单一任务,和因为装备本身的外型身分。这类款式的风利用得全局性导航愈发难以利用。

合用项:多服从东西,此中每个都有不合的外部导航和目标。

重视项:这类款式不适于用户进行多任务操纵。

 

移动站点设计 移动信息架构 网站建设

套娃式(Nested doll):

 

套娃款式采取渐进式导航引导用户检察到更详细的内容至。当用户操纵不便利时,这是一种疾速简朴的导航体例。经由过程点击“进步”或“撤退撤退”,用户可以强烈感知本身所处那边。

合用项:利用或网站的主题独特或主题之间紧密密切相关。它们一样合用于内置其他父款式的子款式,诸如标准的层级款式式和辐射款式。

重视项:用户无法在不合内容中疾速切换,是以需求考虑这类款式是不是便利查找,而不克不及让它成为查找内容的绊脚石。

 

移动站点设计 移动信息架构 网站建设

标签视图(Tabbed view):

 

这是一种浅显利用用户熟谙的款式。这类情势经由过程东西栏菜单调集为一系列的内容。如许用户可以在第一次翻开利用时,便能疾速扫过并体味利用的全数服从。

合用项:基于一个类似主题的东西项和多任务环境。

重视项:这类款式不太适合复杂类布局,较为合用于非常简朴的内容布局。

 

移动站点设计 移动信息架构 网站建设
便利盒/仪表盘(Bento box/Dashboard)

便利盒/仪表盘款式经由过程利用组件揭示相关东西或内容的部分信息,再把更详确的内容链接至到索引界面。因为这类款式很复杂,它在桌面端显现会比在挪动端更加适合。这类显现夺目有力,用户只需求扫一眼便可以了解关头信息,但它严峻依靠于信息清楚的设想闪现。。

 

合用项:主题类似的多服从东西和基于内容的平板电脑利用法度。

重视项: 固然平板电脑的屏幕供应更多空间承载这类款式,但更加首要的是我们要了解用户若何与每块内容互动,和我们要确保利用简朴、有效、利用愉悦。

 

移动站点设计 移动信息架构 网站建设

遴选视图(Filtered view)

 

最后,遴选视图款式许可用户经由过程挑选遴选项劳迫椿不合视图从而在一系列的数据中进行导航。遴选同分面搜刮体例一样,是一种很棒的适合用户查询内容的体例。

合用项:内容数量庞年夜的利用或网站,诸如文章,图象和视频。它可能为杂志款式的利用或网站供应了好的根本,或是它可以作为另外一个导航款式内的子款式。

重视项: 挪动装备上,因为遴选和分面搜刮很复杂,所以很难在较小的屏幕上揭示。

 

移动站点设计 移动信息架构 网站建设

下一步

 

自从我第一次看到年夜型的砖头式挪动德律风起,已畴昔了将近二十年,(而我买第一步挪动德律风也丰年夜约十二年了)。现在我、我父亲和我熟谙的人几近都有一部智能德律风,我们习惯于频繁地利用它们沟通、交换并且办理我们的糊口。每年科技都有一次奔腾,是以我们要清楚地熟谙到我们需求与时俱进。设想友好的挪动和桌面信息架构恰是建立伟年夜的挪动体验的第一步。在第二部分-设想考量 中,我将解释挪动内容的差别性若何影响终究计划的设想。

来源:腾讯CDC

顶一下
(0)
0%
踩一下
(0)
0%
------分开线----------------------------
标签(Tag):挪动设想指南
------分开线----------------------------
颁发评论
请自发遵循互联网相关的政策法规,严禁公布色情、暴力、革命的谈吐。
评价:
神色:
考证码:点击我更换图片
猜你感兴趣