移动端设计——第一节:信息架构-UI设计 PS-优质IT资源分享社区

yutingzhidong
总版主
总版主
  • UID2
  • 粉丝19
  • 关注1
  • 发帖数11
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:188回复:0

移动端设计——第一节:信息架构

楼主#
更多 发布于:2016-06-14 11:54





移动设备的品种影响着咱们规划进程的方方面面。在本篇文章中(移动端规划系列文章榜首节),Elaine
McVicar将带领咱们探究几个当下最火爆的移动端网站及运用架构。在1993年的某一天,我老爹带回家了一台无穷的砖头手机。记住其时咱们都被这种高科技惊呆了,但谁也没想到,这种高科技会在日后给咱们的生活带来如此无穷的影响。过了几年,我的许多朋友都开端采购手机,不过那时的我仍是觉得这不过是个噱头罢了。而今天,世界上现已有了60亿手机用户,也即是说,按一人一一部算,全世界人员的87%都有了手机。相比之下,全球只要不到30亿人运用台式机。移动设备绝不是稍纵即逝,但其鼓起也给规划带来了许许多多的新制约(和机会)。下面咱们来看一下应当怎么相应地改造咱们的规划办法。移动设备的不一样的地方是啥?
关于移动端规划,咱们首先要了解的是除了尺度其还有哪些不一样于传统的地方。移动设备的物理特性和规范发生出了不一样的规划可容性及请求。移动设备愈加简洁、易于携带,然后运用起来也就更便利。由此构成的对移动设备的频频运用,会让咱们对它们发生一种独特的情感联络。




物理特性与规范
大多数移动设备都选用触摸屏,也即是让用户在简略的界面元素以外依托手势来与设备进行交互。思考到移动设备的尺度较小,咱们有时分就会期望其内容构造愈加简略细巧。除此以外,移动设备的网络带宽和衔接也存在约束,因而就请求规划关于加载时刻进行恰当的优化,也即是说要尽量削减数据需求。
何时何地怎么做
咱们一般都会把移动设备带在身边,所以对其运用也就相对来说对比频频。比方说在公交地铁上、在路上或许看电视时,咱们都能够随时运用。换句话说,咱们一般都是在干着别的事的时分“趁便”运用。这样一来,移动设备的运用就会受到视觉条件的约束,或许存在着许多涣散人注意力的因素。
咱们的做法与感觉
终究一点,在运用移动设备时咱们有着各自不一样的情绪、做法和主次次序。用户体会规划公司Foolproof在其Going Mobile
2012调研中发现,移动设备给咱们带来了一种全新的自在和操控感。进而,有的用户就会对自个的移动设备发生出实实在在的情感。Foolproof还发现,有63%的人在发现自个的智能手机没放在能轻松拿到的当地时会觉得不爽。他们将移动设备看作是“有生命的”…是自个身体和人格的一个延伸。
移动设备现已从本质上改动了用户的心思预期,因而,咱们作为规划师就务求遵从以用户为基地的流程来创造各项解决方案。这儿仅有的疑问即是咱们传统的最好实习也许就不那么好用了。
移动对规划师的影响
移动设备的独特性直接影响着以用户为基地规划流程的各个方面:从用户调查到终究开发再到测验等等。而流程中受影响最大的有些之一即是咱们的交给办法以及信息架构。
移动端出现办法
有别于传统网站,移动端的出现办法对比盛行的有四种。运用阅读器检查内容的移动用户独爱的是专门关于移动设备的网站(关于移动设备格外优化)或呼应式网站(可关于移动设备调整显现方向或从头规划)。而经过装置运用阅读内容的用户则一般会挑选本机运用或混合型运用。本机运用一般功用齐备:运用的所有界面都经过预先的规划。混合型运用则对比灵敏一些,其可经过web加载内容(由于需求经过阅读器检查),但终究经过相似运用的界面(或Chrome)进行出现。
上面每种出现办法都有着自个的好坏的地方。所以咱们需求依据项目的规划布景相应进行挑选。(下表中星数越多表明越好)




移动端信息架构
移动设备也有自个的一套信息架构方法。尽管呼应式站点的构造能够选用“规范”方法,可是,以本机运用为例,其一般会选用根据标签的导航式构造。再次强调,移动站点或运用的架构并没有一定之规。比方下面这些对比抢手的方法:分层构造、轴辐式构造、套娃构造、标签视图、便当盒构造及挑选视图构造:




分层构造
分层构造方法是一种对比规范的网站构造,其具有索引页及一系列子页。关于呼应式网站,也许这是仅有可用的方法了,不过你也能够自个构思别的方法来关于移动端量身定制用户体会。
Luke Wroblewski的“移动为先”办法能够协助咱们将注意力先集中到要害的内容上,例如有助于创造优异用户体会的功用及用户旅程等。
适合于
安排需求遵从台式机网站构造的杂乱型网站构造。
要注意
导航。多层面导航构造简略给运用小屏幕的用户带来疑问。




轴辐式构造
轴辐式构造可让用户经过中心索引向外导航。这是iPhone默认选用的方法。用户不能在各个“辐条”之间进行导航切换,只能先回到轴心再出去。这个办法在历史上一向用于作业流程存在约束(一般是表单或采购流程等技能约束)的台式机状况,但其如今也开端逐步盛行到了移动端,由于在移动端用户通常需求专注于单项使命,别的设备的形状因素也构成大局导航运用对比不便利。
适合于
每个功用都有自个内部导航和用处的多功用东西。
要注意
需求执行多使命的用户




套娃构造
套娃构造方法能够以相对线性的办法引领用户检查细节内容。当用户身处环境不便利时,这种导航办法相对对比快捷简略。其简略的前后推动方法还能让用户清楚明确地知道自个如今在内容构造的啥方位。
适合于
主题单一或彼此相近的运用或网站。也可用作别的方法的子方法,例如规范分层构造或轴辐式构造方法。
要注意
用户无法迅速在不一样板块直接切换,所以要思考其适用性,不能变成对内容探究的妨碍。




标签视图
这是一般运用用户对比了解的方法之一。其实际上即是经过东西栏菜单把一系列板块绑在一同。这种办法能够便利用户在初次翻开时迅速阅读并了解运用的悉数功用。
适合于
主题相似的东西类运用。多使命。
要注意
不要做的太杂乱。这一方法最适合于简略的内容构造。
便当盒/仪表盘
便当盒或许叫仪表板方法能够经过运用组件方法展现相关东西或内容的不一样有些将详细详细的内容直接出现到索引屏幕上。这一方法对比杂乱,因而更适合于平板电脑。其能够让用户一眼发现要害信息,因而功效强大。可是这种方法一起也严峻依赖于规划界面的好坏以及信息出现是不是明确。
适合于
主题相似的多功用东西和根据内容的平板电脑运用。
要注意
平板电脑的屏幕较大,因而能够留出更大的空间表现这一方法。但规划时特别要注意了解用户与各有些内容之间进行交互的办法,以便确保运用的简洁和趣味性。




挑选视图
终究,挑选视图方法能够让用户经过挑选挑选器选项构成分类视图以便在系列数据中进行导航。挑选以及分类查找办法的运用是便利用户以自个喜爱的办法探究内容的好办法。
适合于
内容量大的运用或网站,例如文章、图像和视频类网站。能够用做杂志类运用或网站的模板,或许用作别的导航方法的子方法。
要注意
移动端。思考到杂乱性疑问,挑选器和分类查找在对比小的屏幕上显现时也许会有艰难。




后续
间隔我首次看见搬砖机的时刻现已过去快到20年了(我买自个的榜首部手机也是12年前的事了)。如今,我,我老爹和简直我知道的人都用上了智能手机,咱们简直每天或许说随时都在运用它们。科技的一日千里请求咱们也要不断习惯,不断随之改动。
开宣布适合于手机和平板电脑的信息架构仅仅创造优异移动用户体会的榜首步。在本系列的第2节-规划注意事项中,我将阐明移动与传统之间的各种差别对终究规划解决方案的出炉会存在哪些影响。






[font=Tahoma  ]优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

微信小程序开发

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客