经验总结｜一个移动端数据产品的设计思路

在企业内部或者入驻电商平台的商家、业务方，每天有大量的人在查看大量的指标，用于监控、分析业务的发展。同时，又有着能够随时随地，方便快捷的查看分析数据的诉求。本文想简单介绍下可以随时随地查看数据、分析数据的移动端产品界面的设计思路。 移动端BI产品，需要在有限的空间内把大量的数据、图表组织起来。任何产品设计，其实都离不开产品定位、用户主体是谁、交互设计、开发维护、运营策略几个

产品经理 2017年01月20日

APP常用导航总结

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

用户研究 2016年04月10日

APP导航设计的对比总结

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

产品 2018年03月30日

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

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

产品 2016年08月14日

这个5月，正在流行的3种网页设计趋势

几乎所有的设计项目当中，设计师几乎都需要借助设计来尽量抓住用户的注意力。一些能够更好、更快抓住用户注意力的设计技巧就成了设计师最喜爱的东西。进入5月之后，会发现正在流行的几个设计趋势都呈现出这样的特点，无论是时髦小巧的导航，还是有趣的图层裁剪效果。接下来，我们就看看5月流行的3种设计趋势。1. 时髦小巧的导航设计之前流行过大型的导航设计，随后汉堡图标又大行其道。可能对于汉堡

产品 2018年05月10日

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

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

产品 2017年12月27日

设计师进阶笔记 | APP导航的设计套路

产品同学要做一款新APP，对导航犯了愁。而在两大设计规范中，均为我们指出了如何设计APP导航，前人的文章中也有不少总结，在此作一次梳理，供自己内化也给各位读者分享。精华浓缩版导航设计四步走：明确用户角色和任务流程；搭建清晰合理的信息架构；灵活运用导航模式；利用推荐算法来简化，关注拇指操作热区来创新。导航的设计原则“导航组织了内容，因此它能够让用户更轻松的在应用中找到所需的信

用户研究 2018年05月04日

Aure 高保真原型，移动端 APP 底部导航搭建（附源文件下载地址）

Axure高保真原型，移动端APP底部导航搭建。移动端高保真原型、原型动效库、原型元件库，Axure元件库、Axure元件库。框架及头部导航方法请阅读，第一篇： 移动端高保真原型框架搭建（附下载地址）  原型在线地址：http://u.pmdaniu.com/59NY源文件下载地址：https://pan.baidu.com/s/1geG55ZH（百度网盘）原型屏幕尺寸：3

Axure教程 2017年08月21日

APP 设计模式：浅析导航栏设计

文章总结了APP种常见的几类导航栏及特点，希望给大家带来些启发。1 一级导航/主导航1.1 标签式导航标签式导航又叫Tab式导航，是目前移动端市场上最为广泛的导航设计。标签导航通常分为底部，顶部，顶、底混合使用这三种模式。1.1.1 底部导航 采用文字加图标的方式展现。一般有3~5个标签，适合在相关的几类信息中间频繁的切换使用。这类信息优先级较高、用户使用频繁，彼此之间相互

产品经理 2017年06月30日

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

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

交互体验 2014年09月22日