菜单

iPad交互设计探索系列:iPad导航设计篇

2018年10月5日 - 注册免费送38元体验金

在《iPad交互设计探索系列:iPad适用产品篇》中,我们认为,娱乐、生产工具、后台产品同样可装载在iPad端上,那么为iPad产品设计导航时,又经过什么样考量呢?市面上的活,又使什么导航模式?

1.iPad使用作为相

第一,我们准备从人们以iPad的行被找到最好舒心的领航方式,通过对iPad的长时以与考察,发现,用户以iPad时的手势分为三种:双手握持、单手握持以及支架式。另外,即使重量最容易的iPad
mini4,也上了298.8范围,相对于个别独iPhone
8的份额(148克),所以综合重量来拘禁,双手握持和支架式才是再频繁的行使手势。

另外,大部分iPad应用界面,都坐iPad横屏界面为主开展规划,以便达到充分利用界面空间的目的。所以,当人们以双手握持或者支架式使用时,拇指触屏热区应该是下图这样分布的(注:非实验室精确数据)。所以,如果要数利用iPad导航的成品,可以设想放置于双边交叉的热区范围外。

2.常见iPad导航设计模式

(1)标签式导航

iOS应用主流之导航模式,它的特色是透过底部标签来团菜单,并且经过高亮的视觉效果凸显当前用户所处的页面。它的构造特点是扁平化,能有效满足用户频繁在同级菜单频繁切换的急需。

标签式导航,也是手机端大多数采取使用的领航模式,如果手机端采用了标签式导航,平移到iPad端时推荐保留同样的导航方式,包括微信、微博等采取还使同一的处理方式。当然,标签式导航也起该局限性:标签数量极其多无克过5个,4个超级。对于跟级别菜单导航比较多的后台产品而言,标签式导航并无拥有可行性。

(2)顶部导航

顶部导航是结合了中内容作陈列馆式导航的导航组织措施,它的特点是盖内容为主底导航方式,通过中间内容引导可以好具有的操作流程,例如电商产品,在中为货物的陈列为主,引导用户进入购买流程,顶部导航以帮助的样式是,提供帮助劳动作用入口。

顶部导航的目的是于用户还聚焦中间核心内容,内容相近产品例如新闻资讯、视频、阅读类等活,是顶部导航的超级选项,如果情节分类较多,可以利用“顶部导航+tab切换”的点子进行集团。

(3)左侧导航

不论标签式导航,还是顶部导航,都尚未像左侧导航一样,考虑到用户双手握持的操作习惯。采用左侧导航,显然还适合用户的操作习惯,使得用户会快速地开展导航切换操作。此外,左侧导航页面布局结构清晰,结合右侧顶部tab导航,能可怜好梳理导航大多层级的涉嫌,也适用于导航较多,但是对导航层级组织发出求的产品,例如后台产品。

唯独,左侧导航条会挤占一定之页面空间,如果对郎才女貌iPad竖屏有要求的产品,这种导航虽非肯定当,因为当竖屏的情事,导航挤占空间会还明白。

3.什么样选用合适的iPad导航?

iPad端产品要基于我实际的情景来挑选适宜的导航模式,如果在原APP端使用标签式导航,在iPad中一直沿用即可;如果是内容为主的制品,优先挑选顶部导航;如果是后台类产品,推荐选用左侧导航,能保留大多数web端后台产品导航为左的用户操作习惯。

除此以外,tab导航应该当导航的补偿式,不仅在于tab导航能十分好地集团导航的层级关系,还在于拇指左右滑动的操作会可怜有益地于大屏iPad中展开切换操作。


更多己之原创好的文章推荐

精品(超过600赞):干货:让你一切学习变成同称作互动设计师(1.6万配诚意之作)

互相设计方法论系列:

相互设计方法论-万金油5W2H

交互设计方法论-英国设计协会双钻模型

相设计方法论注册免费送38元体验金——总分总布局

互设计方法论-谷歌设计冲刺Design
Sprint

彼此设计方法论-斯坦福Design
Thinking

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图