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

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

产品 2016年08月01日

四个步骤实现层级清晰的导航栏

【编者按】本文作者为 Wes McDowell，主要介绍通过四个步骤实现层级清晰的导航栏，进而提高网站的转化率。文章系国内 ITOM 管理平台 OneAPM 编译呈现。精心规划的导航策略可以成就一个网站，反之，则可能毁了一个。规划得好，网站访客就会顺着你安排的路径走下去，要么购买你的商品、成为你的潜在客户，要么填完网站咨询表单。规划得不好，访客们就会在网站上随意游荡。他们有

业界 2016年06月21日

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

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

分析评测 2016年04月18日

90% 的设计师都不知道的信息架构知识

《用户体验要素》将用户体验的流程分为五个层次：战略层、范围层、结构层、框架层、表现层。战略层确定了产品目标和用户需求；范围层对用户需求和产品功能进行筛选、分析、分类、定优先级；接下来就是结构层的信息架构的设计了，也就是今天要说的内容；确定了信息架构和用户的使用流程，框架层会解决导航设计、界面设计和信息设计；最后交给表现层，去完成产品视觉、触觉、听觉、嗅觉、味觉上的设计，互联

产品 2016年11月02日

抽屉式导航怎么用？这4种场景教你正确的设计姿势

总结一下，对于抽屉式导航的批评主要有如下几点：1. 可见性不好：首先抽屉式导航的入口是三条杠，对于部分用户来说，他们并不能准确知道这三条杠可以呼出抽屉式导航；抽屉式导航毕竟是隐藏起来的，没有现有标签式导航来的明显。2. 操作复杂。抽屉式导航的切换可以直接点击，如果Tab放在上方可以直接滑动切换。但是抽屉式导航的切换就要先呼出侧边栏，然后再点击，相对比而言，操作更加繁琐。3.

用户研究 2016年04月10日

APP常用导航总结

在选用导航的形式之前，更重要的是对内容进行分类（只针对内容，功能的导航可以不需要）。类别分清楚了，就对这个类别起个名字。之后，用户就可以根据类别来找到他们需要的内容了。当然，导航也是可以嵌套使用的，不过嵌套的时候建议选用不同的导航形式。导航大概有如下：底部Tab顶部Tab抽屉式下拉筛选式侧边栏式九宫格式列表式一、底部Tab底部Tab是iOS提出来的导航方式，已经延续使用了很

用户研究 2016年04月10日

响应式网页图片库设计的九个注意事项

响应式设计无疑是当前网页设计领域当中，不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题，许多争论集中在响应式网站的图片应当怎么展示。继续延伸开来，那么响应式网站中的图片库应当如何设计呢？相比于单个图片，图库的展示无疑更加复杂，牵涉到的变量更多，所以实现起来也更加麻烦费神。接下来，我们来看看如果要设计响应式的图片库，有哪些值得注意的基本规则和技巧。1、轮播幻

用户研究 2016年04月10日

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

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

交互体验 2014年11月07日

从头带你认识面包屑导航的前世今生！

什么是面包屑导航网页上让用户感知当前页面所在的层级位置，或者是产品的属性之间的关系的控件。面包屑的一般样式是用链接文字加上“>”，横向排布 ，也有一些其他的样式。这里用到了“感知”，就是说面包屑导航不会是页面中最显眼的地方，它只是一定程度上帮助用户理解网站的结构和属性的从属关系。面包屑的分类用于表明页面之间的层次关系和当前页所在的位置。这种页面之间的层级关系可以是没有所属和

交互体验 2014年09月22日

点靓网页的10种导航菜单设计

网页导航菜单设计关系到你的网站整体设计成败，所以不少优秀的网站设计通过颜色、排版、形状和一些图片的精心修饰来帮助网站创造更好的视觉效果，我们从设计师们的收集中精选了这些从极简到拥有众多细节的不同设计，它们都符合所属网站的设计风格。此网页的导航菜单设计重在让用户专注于惊艳的摄影作品，所以采用了大量的白色空间。这也是一个极简设计，但加了一些细节。顶部文字全部采用大写，而小号的字

交互体验 2014年09月18日