首页 科技 电脑 手机 安卓 苹果 VR 站长 游戏

您的位置:咪哚网 > 站长资讯 > 交互 >

【交互基础】系列之解析移动端导航设计模式(4)

咪哚网(www.midoo.cc)时间:2018-07-06 13:34 稿源:网络 手机扫描分享

缺点:

承载入口的数量有限,超过10个可能就太多了。用户只能切换到相邻页面,难以快速切换到目标页面。且容易迷失位置,所以需要页面指示器(页面过多时,需用其他指示方式如数字,来表示位置)指示用户当前的位置。

如下图所示,天气应用就使用了轮播导航,一个页面展示当前城市的完整天气情况,左右滑动切换察看其他城市的情况,十分方便

轮播式导航也常用于察看图片,常于其他导航模式结合,作为广告banner呈现,这种方式就比较常见了。如下图所示的天猫、网易云课堂。

7.折叠菜单式导航

折叠菜单式导航(又称手风琴式),就是运用动态的效果,将二级的信息展开,无需跳转到新的页面,使用户在同一个页面上查看到更多的信息,不需要任何跳转。折叠菜单式一般层级较少,展开后就可看到具体内容,且内容量相对较小,方便再次收起。

优点:

1.通过折叠的方式,用户在当前页面就能获取大量信息,这种方式比跳转到二级页面再跳转回来更高效。

注意:

1.一定要使用常见的图标来进行指示折叠式菜单的打开或关闭状态,避免用户产生疑问。

如下图所示,支付宝的客服功能,QQ的好友列表都用到了折叠菜单。

三.关于导航的一些思考虽然每个导航模式有常见的用法,但并没有绝对的限定,要具体情况具体分析。比如固定选项卡可以作为一级导航,但与底部tab导航结合的话,就会变成二级导航。就实际情况而言,很少有APP只用一种导航模式,绝大多数APP都在混用多种导航模式,因为一个APP由架构和内容界面组成(与我对导航的分类相同),架构需要导航模式支撑,内容界面的展现又可能涉及多种导航模式。具体得根据产品的实际情况,选择合适的导航模式。文中的导航模式只是一种参考,这些模式其实还有各种各样的变形。只要能够引导用户清晰明确地找到信息或完成任务的导航都是优秀的导航,并不一定非得使用某种导航。

最后说一点,整理这些导航模式,是想让自己好好整理一下交互的基础知识,让设计做得有理有据。在这里与大家共勉,要想飞得更高,得打好根基。

 

作者:雨无声,微信公众号:int-PD,快服科技交互设计师,2年互联网交互设计经验,有多款移动端产品设计经验。

文章作者系@雨无声 原创发布于人人都是产品经理,未经许可,禁止转载。

编辑:未知

声明:
1、咪哚网所转载的稿件都会明确标注作者和来源,如您不希望被转载请及时与我们联系删除。
2、咪哚网的原创文章,请转载时务必注明文章作者和"来源:咪哚网",不尊重原创的行为咪哚网或将追究责任。
标签
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:看不清?点击更换
最新评论

科技 娱乐 健康 国内 生命 天文 自然 科学

微软善于听取来自用户、IT人员和开发者的各种想法

据外媒报道,微软CEO萨蒂亚·纳德拉日前在

乐视危局 张艺谋王宝强等上亿投资或遭变故

在深陷欠款危机,贾跃亭自曝乐视资金链紧张

霜降天气渐冷 推荐4款最佳食疗

我国古代将霜降分为三候:“一候豺乃祭兽;

外媒:大陆博物馆文物众多 但最好的宝贝在台湾

新西兰stuff网站11月20日文章,原题:对首

为您推荐RECOMMEND

最新资讯

     关于本站| 友情链接| 版权声明| 意见反馈| 不良信息举报| 联系我们| 网站导航

Copyright © 2016 咪哚网 版权所有.

MIDOO.CC, All Rights Reserved. 备案号:豫ICP备15012166号-2