APP 导航设计模式与信息布局设计模式

因为最近接触到APP设计类似的工作，所以我来梳理一下如今市面上流行的APP导航设计模式以及信息布局设计模式。因为还没有深刻体会到每一种设计的优缺点以及适用场景，所以这里主要的任务是梳理APP的布局设计有哪些。下图为本文的结构图：导航设计标签导航（选项卡导航）将入口放在页面底部，形成标签导航，这是现在市面上比较流行的一种导航模式，几乎所有APP都有应用到。优点显而易见，让用户

产品经理 2017年08月18日

一网打尽！电商网站导航设计超全面指南

伴随着互联网的成长，通过电子商务网站实现商品交易越来越频繁，而访客在面对越来越庞大的信息量时会感到迷茫，因此，优秀的导航设计能够提高网站的易用性，对实现电子商务网站的高效运作具有实际意义。另，电子商务网站的首页导航设计必须本着用户体验为佳的原则，既要将网站中的所有信息都在有限的导航栏中体现，又要为用户反馈出重要的帮助信息。网站因其独特的重要性和不可替代性，在电子商务网站设计

交互体验 2014年11月07日

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

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

产品经理 2017年09月18日

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

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

产品经理 2017年11月13日

共享单车 APP 需要内置导航吗？

这其实是一篇共享单车的用户行为分析附加骑行导航功能的重新设计，问题的分析思路比结果更重要共享单车APP需要导航吗？这是我今天在骑车时想到的问题，整理了一些思路和大家分享：）1.为什么会需要导航？众所周知， 导航的核心功能就是防止迷路 ，在汽车上还有路况违章提醒的功能，在公交上还有到站提醒的功能，骑车的用户同样应该有防止迷路的需求。2.骑车的用户需要导航吗？这需要从自行车讲起

产品经理 2017年04月13日

超实用！聊聊标签式导航的设计思路（附设计师做笔记方法）

@呆呆丶L ：现在文章基本上都不深入，只是点到某个知识，跟大家说个理论的东西，然后罗列出所有导航的形式。读者看了之后跟没看是一样的，遇到问题还是没法解决，只知道有这类导航存在而已。今天这篇详细地讲了关于标签类导航的几个知识点，希望可以帮助大家在工作中更好的运用。编者注：如果你连基础都没打好，建议最好学习一下：《交互基础知识科普！带你认识最热门的12种导航模式》。如果想看深入

产品 2016年08月01日

导航有哪些设计方法，不同的导航对应什么样的产品应用场景？

以前写的一篇关于导航设计的文章，希望可以让你起到借鉴一、标签式导航标签式导航又叫Tab式导航，是目前移动端市场上最为广泛的导航设计。标签导航通常分为底部，顶部，顶、底混合使用这三种模式1、底部导航，采用文字加图标的方式展现。一般有3-5个标签，适合在相关的几类信息中间频繁的切换使用。这类信息优先级较高、用户使用频繁，彼此之间相互独立，通过标签式导航的引导，用户可以迅速的实现

产品 2016年11月16日

一款“专属&定制”的地图/导航Kit的测评

这个领域先说说什么是地图/导航Kit：百度啊、高德啊大家都不陌生吧，地图Kit，其实就是类似这些APP的底层的库，封装起来。虽然这些东西挺有技术难度，但现在这个领域大公司的技术是成熟的了。人家肯定能实现我们想做的功能，但人家并不公开，也不一定愿意帮你定制。这里想评测的，就是一个天津“小”公司做的“专属&个性化”的解决方案。地图/导航领域，目前总体给人感觉是昨日黄花，两年前B

分析评测 2016年04月18日

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

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

产品 2018年01月09日

APP 导航设计，看这篇就够了...

21世纪初最伟大的发明应该是智能手机，只要你身处人群当中，就能随时看到有人摆弄着这个几寸的小玩意，点亮屏幕，仿佛打开了新世界的大门，里面琳琅满目，让人目不暇接，一个个图标满足着人们各种需求。作为互联网产品的设计师，你需要在几寸的屏幕中装下海量的信息，这是一份具有挑战且有趣的工作。而把抽象的idea，转化为实实在在产品的第一步就是设计导航系统。为什么需要导航？ ①结构化产品内

产品 2016年11月03日