导航

产品之术：解析「底部导航」交互布局

文章对底部导航进行相应的剖析，希望对你有所帮助。引·底部导航是产品的框架所在底部导航是一个APP最直观的框架表现。从某乎的多次改版、到导航动效的多样化，每次改版大家都会对底部导航倾注很大的热情。在做功能模块时也一样，很多时候我们也需要为模块加一个底部导航。但是在需求评审的时候，你也一定听领导说过这句话：“这不就是APP套APP吗？”。其实不然，底部导航的运用和意义仔细琢磨整
产品经理 2017年09月18日

详解 APP 端哔哩哔哩所有的导航类型，及高保真原型实现

由于哔哩哔哩的用户性格从整体上说更偏向于活泼，所以B站在具体的细节上的设计也考虑到了用户的调性，并不是一沉不变的。单从导航这一种设计上看，就出现了多达8种设计方式。几乎覆盖了所有现网上出现过的导航类型，让用户可以更好的玩儿自己的APP。我们可以在了解导航种类的同时，更深一层次的思考，哪种导航类型更适合哪种使用场景。首先列举一下哔哩哔哩使用过的导航种类，如下图所示：接下来，我
产品经理 2017年11月01日

交互思考：浅析 iPhoneX 移动端网页导航上的存在问题

编者按：iPhoneX 发布之后，全新的屏幕和为之适配的iOS系统，为我们呈现出全新的交互。之前我们习惯了的交互，在这块带着刘海的屏幕上，不再完全相同，之前恰到好处的设计，在这块屏幕上似乎也没法完美的运作了。产品设计师Daniel Korpai 发现了在iPhoneX移动端网页导航上存在的交互上的问题，并撰写此文。使用汉堡菜单还是使用标签式导航，是移动端UI设计师常常会纠结
产品经理 2017年11月13日

以导航产品为例谈谈产品体验

本文主要是以导航产品为例，谈谈产品体验改进的问题，enjoy~“请在前方500米，第二个红绿灯路口右转”。开车的朋友对这句话应该不陌生，这是经常听到的导航语音提示。今天，我们以导航产品为例，谈谈产品体验改进的话题。我是个重度的导航产品使用者，开车时都会打开导航。这里说的“导航产品”，并不是车辆自带的导航。为啥呢？因为车辆自带的导航一般都很差——单是看到那个丑陋的地图界面我就
产品 2017年12月27日

网站导航设计指南

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具 “如果人们在浏览网站时遇到困难，他们就会犹豫是否要回到该网站。”你以前可能经历过类似的情况，如果你下载了一个app，却要花时间去寻找你想要的东西，那么你不可能长期呆在这里，甚至不会回来。那要如何设计出“清晰，简单，一致”的导航呢？想象一下，你周日早上出去买自己喜欢的巧克力。走进
产品 2017年12月29日

从导航设计看QQ和微信的不同

QQ和微信这两大国民IM（即时通讯）应用，作为腾讯帝国的两大护城河，它们之间有何不同？之前的一篇文章，从聊天界面对比了两大应用（感兴趣的朋友可在文末查看）。这篇文章从导航设计的角度来对比一下这两款应用。我们先来观察一下两个APP的信息结构：QQ APP 信息结构微信 APP 信息结构可以看到，QQ和微信从信息结构上来说，非常类似。不同的点有以下两处：“我的”tab位置不同，
产品 2018年01月09日

iOS和Android规范解析：导航设计总结

本文主要是对iOS和Android两个设计规范中关于如何设计导航的介绍，enjoy~前面几周，我们依次介绍了iOS和Android设计规范中，关于导航控件的内容，各控件对比见下面的表格：掌握了这些导航控件，今天跟大家说一下两个设计规范中关于如何设计导航的介绍。Material Design Guideline导航把内容组织起来，因此用户可以在你的应用里更方便地找到需要的内容
用户研究 2018年01月10日

APP上导航如何用Aure画出来？

上导航是每个APP必备的功能模块，看似画起来很简单其实里面也有不少门道。之前的文章已经讲解了APP常见功能中的页面模板、下导航、列表页怎么画出来，这篇文章讲解上导航，请继续关注浪子教你画APP原型后续的其他功能模块。本文主要从上导航的元素构成、常用交互、演变3个角度来给大家讲解如何画上导航的原型。上导航由哪些元素构成上导航一般包含了页面标题，左按钮，右按钮等内容。那么PM使
业界 2018年03月01日

APP导航设计的对比总结

纵观应用市场上的APP，导航设计的模式总是几种的组合使用。导航设计的目的就是需要突出产品的核心，扁平化用户的任务路径。让用户能够顺利的在产品中畅行，让用户时刻清楚自己在应用中所处的位置，及如何前往目的页面。产品的导航系统，是产品的信息结构在用户界面上的展现方式。移动端产品导航的设计没有最好之说，只有最合适，根据你的产品采取最合适的导航设计。纵观应用市场上的APP，导航设计的
产品 2018年03月30日

想设计好网站的悬浮导航，这12个案例值得一阅

如果你正在寻找能够吸引人眼球的高素质顶部悬浮菜单设计，那么这12个导航设计案例值得你一看~导航是网站和 APP 当中必不可少的组成部分，它们引导用户抵达目标，发现内容。为了让用户能够更加方便地使用导航，许多网站和 APP 选择使用了顶部悬浮导航，无论浏览到哪里，都能轻松使用它跳转到其他地方。虽然有的用户并不喜欢这个一直占据屏幕空间的小控件，但是它确实提供了无与伦比的便捷性。
产品 2018年03月31日
加载更多