美文网首页互联网科技0岁的产品经理
三个版本App导航设计进化史

三个版本App导航设计进化史

作者: 罗比 | 来源:发表于2016-02-21 21:04 被阅读153次

最近一直在做智能硬件产品,15年做了两款智能儿童手表和一个web产品,对智能硬件这个领域的想法比较多;15年年底的时候,我接手了国内某知名互联网公司的智能手环产品,做这款产品的过程中,我深深地感受到App的导航设计的重要性;

V0.1版

V0.1版

规划V0.1版本的时候,我主要从产品的功能出发来考虑App的导航,我做的这个智能手环主要有三大功能(运动、睡眠、心率),这几个功能的使用频率高,功能内容不一,且切换频率高,再加上账户设置和设备设置,所以我就很自然而然地想起了Tabbar架构(类似微信),这样就能够很直观地展示手环的三大功能;

然而,在第一次产品评审会议上,当我拿出V0.1版本的设计原型图进行讨论时,产品总监就问我,要是以后我们继续做其他的智能硬件产品,比如说智能水杯,智能体重秤等,那么这个App架构如何拓展?我的回答是不同产品的功能不一样,App的架构肯定会不一样的;后来我才明白,智能硬件这个行业竞争确实很残酷,为了快速出新产品,我们在做产品的前期规划时必须考虑到产品的可重复性和拓展性;

V0.2版

V0.2版

理解了产品总监的用意之后,我开始考虑拓展性的问题,于是在V0.1版的基础上改动;若要在一个App里面兼容多个智能硬件产品,其实就是要我做一个超级App,我的心开始躁动起来,很快就做出了V0.2版本;这次改版引起了很多的争议,在第二次产品评审会议中,有人认可,也有人反对,后来研发的头头站了出来,给了我一个不错的idea,这个人平时神龙见头不见尾,喜欢折腾各种电子产品,是一个大牛,大伙也很尊重他的想法;

V0.3版

V0.3版-设备切换

听取了研发大牛的想法之后,我回去也花了点时间认真研究了一下超级App,我觉得做智能硬件产品,双抽屉架构是一个比较理想的App导航方式,一个抽屉用来装账户管理,另一个抽屉装设备管理,而且账户管理页面要做成统一,设备管理页面则根据设备的不同特性进行调整,首页则是设备的功能入口,这样的架构既简洁,拓展又强,降低了开发难度,加快了产品的研发速度;V0.3版出来后,几乎没有反对的声音……

V0.3版-智能手环

相关文章

  • 三个版本App导航设计进化史

    最近一直在做智能硬件产品,15年做了两款智能儿童手表和一个web产品,对智能硬件这个领域的想法比较多;15年年底的...

  • 移动应用设计细节分析——导航

    移动设计模式整理分析——导航篇 产品导航设计优缺点分析 8种移动APP导航设计模式大对比 1.扁平式导航 1.1 ...

  • APP导航设计

    良好的APP导航设计模式决策对整个app的核心体验起到关键作用。几种常见的移动APP导航设计模式对比图。 ☆ AP...

  • APP导航设计

    一、导航概述 1、导航定义:采用功能定义法,其核心功能即指引(导航) 2、划分方法:导航的形状和位置 3、重要性:...

  • 让APP中内容呈现更友好易用的5种常见导航设计模式

    今天的文章会着重介绍移动端APP导航的设计模式。无论你所设计的APP是什么样的类型,或多或少都绕不开导航设计。作为...

  • APP导航设计模式

    下图是八种导航设计模式对比图: 一、列表式导航 列表式导航是最常见的主导航形式之一,是APP设计中不可少的一个导航...

  • 移动互联网-APP导航设计

    导航设计导航设计需要突出产品的核心点,尽量做到任务路径的扁平化,同时还要考虑到导航操作的便捷性。移动app导航样式...

  • App导航设计类型及示例分析

    App导航的设计对于突出产品核心功能,扁平化指导用户操作有着极为重要的作用。常见的导航设计类型有:标签式导航...

  • React Native的Navigator详解

    前言 除了极少数特殊设计的App,导航都是一个App重要组成的部分。导航栏能够维护一个导航堆栈,能够让用户清楚的知...

  • 原型设计中的导航分类

    导航设计概述 导航设计是APP展现信息入口的表达方式,我们在设计原型的时候可以更具当前应用的信息入口的多少、信息入...

网友评论

    本文标题:三个版本App导航设计进化史

    本文链接:https://www.haomeiwen.com/subject/rgzvkttx.html