童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

移动app设计:Tab导航是否是大势所趋?

10月26日 囍孤女投稿
  之前也写过一篇文章《从逛商城学习产品设计:信息架构梳理如何从小白到精通?》简单的介绍了信息架构的梳理,算是入门吧。其实产品导航方式我个人觉得是根据产品类型和阶段,结合产品功能逻辑架构梳理来确定是比较合理的。个人不觉得tab导航就必然是所有产品都适用的,用大势所趋这种表述,也觉得稍有不妥。但可以从产品发展类型角度来谈谈导航方式的应用和变化。
  市面上比较常见的主导航方式从大类上包括:tab导航、侧边栏抽屉导航和平铺式导航三类(三大类很容易理解:分别挖掘了屏幕的上下、左右或页面中部)。细分的话有很多,也都是这三类导航的变体、组合等形式,在这里就不列举了。三大导航方式,各有优劣,下面简单谈谈个人对这三类导航的认知:
  侧边栏(抽屉)导航:
  为什么先谈侧边栏导航呢?因为确实这是争议最多的一种导航方式。缺点比较明显:
  不够暴露、需要用户二次点击。
  但它的优点就是:
  1)。侧边栏可以“收纳”很多(很容易理解:因为侧边栏的面积是比上下tab肯定是大的),也比较容易使得架构比较扁平;
  2)。因为侧边的“隐藏”可以保证主要页面内容的突出和沉浸式体验。
  个人觉得因为侧边栏的缺点是明显的,因为不建议将侧边栏导航方式作为主导航,但在两种类型产品中可以尝试,其目的是发挥侧边栏导航的优势:
  1)。早期产品,功能诉求相对单一,主要功能需要突出强调,比如早期的《课程格子》(之前设计练手的产品,记忆比较深刻,学生党比较熟悉),强调“课程表”这一核心功能,其他功能相对诉求较低,但仅限早期产品。
  2)。功能单一型主线产品,但内容组织分类和赛选需求明显,典型的像《邮箱大师》这里工具类应用。侧边栏用于内容分类和筛选。
  tab导航:
  最常见的是底部tab,这种导航方式,目前大家的认可度比较高。很多应用也从原先的侧边栏导航变为tab导航,其根本原因在于:它确实优点大于缺点。就导航本身,它可以“精简明了”也可以“包罗万象”,用“发现”、“更多”这里的架构梳理,可以整合很多内容,但对于架构梳理的能力要求相对较高,并不是所有的功能都是可以用“更多”来解决的。而且tab导航在主要功能架构暴露、减少用户点击、保证页面内容的突出性(相对于侧边栏要弱,但可以接受)等方面其优势突出。唯一的缺点就是常驻带来的沉浸式体验减弱(好像不那么明显吧)。
  tab导航因为其优点大于缺点的明显性,广泛被大家接受,也越来越常见。这也就为什么会被感觉是“必然的趋势”,但真的是普适的嘛?我想说不是的。在产品发展早期,特别是一些工具类的产品,功能单一,硬生生的整出四个tab真的很难受。另外在应用tab导航的时候,其关键的在于架构梳理,一定要注意几点:
  1)。架构梳理很重要:主要功能(组合)要突出,次要功能要整合,但不一定所有的次要功能都可以“更多”;
  2)。控制tab的数量,一般不超过5个,这个点也需要纳入架构梳理的思考范围之列。
  平铺式(列表、桌面等)导航:
  这类导航也比较常见,很多设计师喜欢这类导航,因为其容易被设计的很漂亮(列表式),具有视觉感,这也是这种导航方式的优点之一。另外,平铺式导航,架构扁平,可拓展性相对较强,特别适合内容平台类产品,功能述求一大堆的产品。其缺点也在于:不太适合早期产品或者功能单一型产品(除非列表是用来分类or筛选内容)。同时,这种导航方式通常占用一整个页面,也容易造成用户走失(导航不是常驻)和迷茫(架构扁平,内容多,分类不准确时不易查找)。
  平铺式导航,其实一般产品用的不多,内容型平台类产品比较常见。应用时,一定要处理好架构扁平和分类明确这个平衡点。
投诉 评论

打造用户喜爱的设计风格:简约至上现在很多APP设计都在走简约风格,最近看了《简约至上》这本书,对简约也有了更多认识。简约的设计不仅仅是在界面上的简单美观,更重要的是对用户的需求有更精准地把握,让用户有一个更好……网页设计正在失去灵魂推荐语:如今,产品首页设计趋同的现象愈发常见。是什么让自诩为创意工作者的设计师们走向了同一个方向呢?让这片文章提醒设计师们,应该打破现成的设计框架,不要让我们的设计失去灵魂,做……用户至上的设计细节推源语:今天翻译的这篇文章是Medium上的热门文章Useristheking(part1),作者站在用户的视角,总结了一系列当下产品设计的问题,并给出了自己的见解和解决方案。……政府软件产品设计经验谈:不要尊重公司,而要尊重客户亲爱的创业者、产品经理,如果你的客户是企业与政府,那么我在产品设计犯的错误,希望这篇文章能够让你避免。错误的产品设计会让你产生大量的成本,我给你的忠告是:不要按公司的环境……从宜家说明书想到的产品启示录最近实在装了太多宜家的家具,经过几次自作聪明装错返工之后,我逐渐发现了宜家说明书里的几个细节,有了点启发。面对一个个平板包装,我首先想到一个宜家家具的设计师至少要做到下面……移动app设计:Tab导航是否是大势所趋?之前也写过一篇文章《从逛商城学习产品设计:信息架构梳理如何从小白到精通?》简单的介绍了信息架构的梳理,算是入门吧。其实产品导航方式我个人觉得是根据产品类型和阶段,结合产品功能逻……QQ时光机产品体验报告前言背景介绍随着互联网的日益普及QQ已成为几乎每个用户的必备软件,其忠诚度甚至高于手机号,腾讯在今年“六一”儿童节之际推出了哆啦A梦主题的“QQ时光机”,QQ时光机……Facebook的视觉系统是如何养成的?这篇文章是由一位已经离职的Facebook设计师所写的,其中详尽的描述了Facebook的vi系统组建过程,看完之后,也许大家对Facebook,对VI会有更为清晰的认识。……通用搜索产品体验报告一、搜索概述搜索引擎在百度百科中的定义如下:搜索引擎(SearchEngine)是指根据一定的策略、运用特定的计算机程序从互联网上搜集信息,在对信息进行组织和处理后……手机APPUI设计尺寸基础知识推荐语:初入开发和设计的同学的福利,移动端详细的设计干货。初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要……聊聊未来设计趋势的AppUI动效善心悦目的动效已然成为一个App的必备,作为设计师自然要跟随趋势学习。APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页……用可视化分析的方法优化首次登录体验许多用户在成千上万移动应用的世界里经受着ADD(appdelugedisorder:应用泛滥)的骚扰。开发者中广泛流传着一句格言,“你只有一次获得第一印象的机会”。一旦大批用户……
产品的性格每个产品在概念阶段,都应该给出一个性格,或者叫产品理念。产品性格很虚,但作用却很重要。往往产品性格成为产品在某些方面取舍的重要标准。产品性格的影响因素:1、产品定位……岳浩:网站实现良好用户体验的三个主要方面端午节的时候,笔者饶有兴致的去了位于京郊的一家农业采摘园,真正体验了一把乡村风情。有一个问题却引起了岳浩的思考:在城市里,几元钱一斤的水果,又好又大,但很多人还挑来挑去,不满意……视觉设计师成长的三个阶段有不少人都看过这本书:《Growasagraphicdesigner》,我自己也看过原版的PDF版本。虽然本文与这本书所讲的其实没多大关系,用这本书作楔子,实际上是想说视觉设计……国内外浏览器设计对比初探国内外浏览器设计对比初探一、准备工作1研究目的对比评测针对国内市场的浏览器和国际市场浏览器设计思路的不同。面向国内市场的浏览器针对国内用户做了哪些改变,以及为……B2C网店系统产品图片橱窗设计参考一。概述在网店系统的产品详细页面中,展示产品细节涉及多张产品图片和相关的媒体文件、pdf、doc等,可供顾客浏览产品细节、进行试读、试听、试看等,从各个角度来介绍产品,这……用户体验案例研究:设计微博应用这篇文章记录了NearbyTweets改版的完整设计过程。Web开发者和商家期望借此获取些灵感。用户则更有兴趣找寻这些设计中所蕴藏的东西。当然,我希望能在文章结尾了解到你的想法……互联网产品设计之人物角色设计要让用户满意,所以就得知道用户是谁。1)人物角色的定义:人物角色是对产品目标用户的总体描述,通常被描述为真实的人。任何项目都可以有一个或多个人物角色,某个人物角……互联网产品设计之用户调研在UCDUED风靡的年代,理解和尊重用户的意识已经成为产品经理的一项职业衡量标准;很多公司的流程也逐渐从原来的以技术为中心或以业务为中心转变为现在的以用户为中。本篇,以自……网站页面度量与细分我们在使用一些网站分析工具的时候会发现一般报表会被分成三大模块:用户访问、内容浏览和流量来源。每个分类都由各种分析度量组成了各类的展示报表,这里先介绍一下内容浏览模块(主要指的……麻雀虽小,五脏俱全如果我说,我正在使用的百度空间编辑器的标题框,就有一些设计上的瑕疵,不知道大家会怎样看?我没有说正文编辑器,我说的是标题输入框而已。:D下面略举一些瑕疵。1,大小……触屏的一个交互特性译言上最近有一篇文章挺好的:iPad将设计师从定式的QWERTY键盘解放出来。但这篇文章所谈及的状况,并非仅限于“Ipad”,或者对”qwerty“键盘的改进,而实际上体……设计上的小细节设计上的小细节1、卓越亚马逊的首页轮换图片,每刷新一次,都是随机不同的顺序显示,这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题,这点对于电子商务等时效性……
友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界