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

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

产品 2018年01月09日

网站导航设计指南

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

产品 2017年12月29日

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

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

产品 2017年12月27日

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

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

产品经理 2017年11月13日

Aure实战 | 产品经理导航高保真原型设计

产品经理导航是《产品经理》的特色垂直类网址导航，里面有丰富的和产品经理相关的站点，导航简洁大方，分类清晰，是个非常好的聚合站点。点击这里查看在线演示。(内附源文件下载）简单分析了下这个导航网站，它的特点比较适合于axure用来做示例教程，可以从中学习一些axure的使用技巧，我们看一下如几个交互说明：1、顶部菜单：导航栏页面顶部是网站LOGO和网站名称，中间部分则是《产品经

Axure教程 2016年04月12日

APP 产品设计学习：如何设计好 APP 标签式导航

看到了微信公众号：呆呆U理（UDai-bl）的一篇文章《标签式导航的设计要点》，觉得作者分析的非常有道理，刚好给大家详细了解一下如何来设计好APP导航，而且是APP导航里面一种，标签式导航。从今天开始，小编就来跟大家一一详细讲解每一个导航设计的优缺点。今天分享的是第一个APP导航：标签式导航，也是我们最常见的最常用的导航。第一个案例就是丽人丽妆APP的首页：上面的标签、和底

产品设计 2016年10月25日

列表式导航的设计思路

Facebook为什么把抽屉式导航改成标签导航，就知道导航的影响有多大了。正文现在文章太多，基本上都不深入，只是点到某个知识，跟大家说个理论的东西，然后罗列出所有导航的形式，每个形式都用几十个字概括下。读者看了之后跟没看是一样的，遇到问题还是没法解决，只知道有这类导航存在而已。有人说导航仅仅就是方便用户操作的小东西而已，没那么神奇。是的，对于小众的产品来说，确实没那么神，因

产品经理 2016年10月08日

把握产品的整体架构之标签导航的设计要点

有人说导航仅仅就是方便用户操作的小东西而已，没那么神奇。正文 上面说过，现在文章太多，基本上都不深入，只是点到某个知识，跟大家说个理论的东西，然后罗列出所有导航的形式，每个形式都用几十个字概括下。读者看了之后跟没看是一样的，遇到问题还是没法解决，只知道有这类导航存在而已。有人说导航仅仅就是方便用户操作的小东西而已，没那么神奇。是的，对于小众的产品来说，确实没那么神，因为神你

产品经理 2016年09月29日

超实用干货！聊聊底部导航设计的四个关键原则

@惜可若己 ：设计师都知道设计绝不仅仅是做出外表好看的东西，设计还涉及到如何做才能让用户使用你的网站/应用程序。这项工作内容就像跟用户间对话一样，而导航就是对话内容之一。因为如果用户连他们究竟在哪儿都搞不清楚，那你的网站/应用程序设计得再棒又有什么用呢？来看这篇好文，帮你做出合格的底部导航设计！如果你连基础都没打好，建议最好学习一下：《交互基础知识科普！带你认识最热门的12

产品 2016年08月14日

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

有人说导航仅仅就是方便用户操作的小东西而已，没那么神奇。是的，对于小众的产品来说，确实没那么神，因为神你也看不出来。去看看Facebook为什么把抽屉式导航改成标签导航，就知道导航对一个App的影响有多大了。导航分很多类别，如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab导航、平铺导航等等。之前在我的读书笔记中也有提到过三类导航：平铺类、标签类、列表类。

交互体验 2016年08月01日