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

有什么好的方案可以替代抽屉式导航?

7月7日 暗影泪投稿
  关于抽屉导航(三线icon汉堡包菜单)的文章和讨论已经够多了。本文无意加入这些讨论,只是想寻找一种更好的替代方案,毕竟抽屉导航的缺陷早已成为公论:
  效率低下:交互有够麻烦的
  导航性差:不知道自己在哪
  塞满了各种乱七八糟的功能
  先来看看有哪些常见的导航模式
  在此之前我想先老生常谈一下:每一款产品都是为特定用户群体而设计的,你需要仔细琢磨用户的使用场景,一些方法兴许适合你,但对别人却未必。
  1。Swarm和标签导航
  在SwarmbyFoursquare的1。0版本中,点击左上角的头像是前往个人中心的唯一途径。
  SwarmbyFoursquare
  这看起来很机智,还有比头像更能代表个人中心的icon嘛?但实际情况却是除了设计者之外没有人能理解这个交互,呵呵。所以只过了一个月,Swarm就把个人中心挪到了底部标签栏。
  标签导航是最常见和实用的,尽管会占据一些屏幕空间,但它的好处确实足够多:
  可见性强:全都在你的屏幕上
  结构清晰:最多只能五个标签
  交互方便:只需点一下,搞定
  即便是自2010年起便在使用抽屉导航的Facebook,也从2013年开始投入了标签导航的怀抱。
  不过Swarm的导航还有精进空间,比如他们的导航只有icon没有文字。诚然icon会更直观和形象,但这对icon的要求会很高,它必须要易于理解,不然还是像Facebook那样用文字说明一下比较好。
  SFacebook
  如你所见,Facebook为每个icon都加上了文字,就算是像设置齿轮这样约定俗成的隐喻。而Swarm则使用类似于蜂房的icon来隐喻个人中心,理解成本显然较高。
  也许没我说的那么严重,但许多对设计者而言显而易见的事,对别人来说却可能难以察觉,这却也是事实。
  2。Tinder和滑动导航
  我把以Tinder、Snapchat及其他APP为代表的导航方式称为滑动导航。
  这类导航模式的特点在于体验的自然性,它与滑动手势相得益彰:整个APP就好像是一块水平长条的大屏,无论你如何滑动都只是切换到大屏中的某一部分而已,这使你几乎可以抛弃点击操作。
  有得必有失,滑动导航的一大缺点是你无法直接从第1个页面切换到第3个页面,更重要的是,作为页面标题的导航icon至多只能显示3个,其余的会被隐藏起来,你需要遍历所有页面才能够知道这个APP有哪些页面,他们分别在哪,这确实不够直观和便捷。
  不过对于只有3个主页面的APP(比如Midpic)来说,滑动导航可谓如鱼得水。
  Midpic
  也许我们可以通过无限水平滑动来改进这一导航模式,这能够消除用户在最左端右端2个页面时的碰壁感。
  Tinder
  3。BAG和下拉导航
  BAG的设计者NachoRapallo引入了一种全新的导航方式:下拉屏幕就像下拉刷新Feeds那样,不过需要拉得更多切换页面。
  BAG
  这种交互模式的讨喜之处在于,它类似于抽屉导航,但却没有抽屉导航的部分缺点:
  不占地儿
  五个标签
  交互很快
  抽屉导航最大的问题在于当你切换页面时,你需要先点击汉堡包icon(或右划),等待导航打开,然后再点击目标icon,如果你不小心点错了,就得再来一遍,这太浪费时间了。而通过这种交互方式,你的手指完全不需要离开屏幕,效率大大提升。
  不过这种交互方式并非没有缺陷,如果你的APP包含Timeline,而用户滚屏后需要切换页面时,要首先返回顶部才能进行进行该操作。同时,作为一种不可见性的交互方式,用户需要被引导,这会很困难。因此我不太推荐初创企业过多使用创新型的交互模式,这会使早期用户赶到迷茫。
  4。我的替代方案
  经过深思熟虑,我尝试出一种能够避免上述所有缺点的导航模式。我把BAG的下拉改成了侧滑式,这样一来就能避免滚屏的麻烦。我们来看看它长什么样:
  Slidenavigationpatternbybenjaminberger
  我承认它还不够完美,比如导航依旧是被隐藏的,用户需要去学习和习惯。此外它还与我们常用的右划返回手势会发生冲突。不过它确实要比抽屉式导航更好。
  (之后的内容和前文关系不大,故略去)
  译后记
  俺赶脚应该紧跟潮流,叫ForceSwipe比较好。
  不过,BAG这种方式也是双刃剑:有Feeds的APP用这种导航方式学习成本会更低,主流程也会更清晰,但需要返回顶部确实是个麻烦;而其他类型的APP没这个麻烦,但学习成本也就更高了。
  另外抛开这个不谈,译者认为根据用户场景来看,这种导航方式最多最多只能容下3个Tab,毕竟大多数用户屏幕下拉的初始高度不会很高(本来屏幕就大),4个的话,每个Tab的下拉距离空间就太小了。
  至于原作者提出横向滑动,其实也很蛋疼。横向滑动的空间本来就小,这样一来最多容纳5个功能了不得了,而抽屉原本的优势之一就是扩展性强,这下等于连这个优势也没了,所以意义何在呢。
  不过这篇文章还是提供了一种视角,这也是我为什么要翻译它。毕竟当初抽屉导航被各种抛弃,和屏幕变大不无关系。而在大屏的当下,滑动显然是比点按更高效的一种交互方式,但二维手势始终是有限的。
  所以我们看到苹果将点按扩展到了三维空间下,提出了ForceTouch,而滑动其实也能扩展到三维像BAG一样给它一个位移(拉力大小)的概念,而且这还不需要硬件支持。也许真的可以试试,不过方向应该不是在导航上。
投诉 评论

社交媒体的视觉营销效应随着网络时代的不断繁荣,社交媒体的存在逐渐改变了依赖于搜索引擎的网络营销模式,甚至主宰着网络营销市场的发展,帮助企业将庞大的社交媒体用户流量转化为企业官方网站流量,反映了惊人的……【长文】几乎是最完美的用户体验模型CUBI【导读】我们都希望能做出引人注目的创意项目能解决业务问题,同时通过有意义、有价值的体验吸引用户的项目。然而,紧缩的预算以及紧张的时间安排,都给创造真正新颖的设计、确定设计流程中……有什么好的方案可以替代抽屉式导航?关于抽屉导航(三线icon汉堡包菜单)的文章和讨论已经够多了。本文无意加入这些讨论,只是想寻找一种更好的替代方案,毕竟抽屉导航的缺陷早已成为公论:效率低下:交互有够麻烦的……Web、App中添加动效设计应遵循的12条原则曾经某高级产品经理指导工作中一再的强调要炫酷炫酷,动效交互不能少。于是苦逼兮兮地在原型上加各种交互。但是最终做出来的成品很差强人意。用户体验糟糕,炫酷的效果大打折扣。吸取了如此……UX路漫漫产品设计当中常见的5个误区学习的过程中没有不犯错误的。本文当中提到的这些产品设计流程当中的错误,我(英文原文作者)个人犯过很多次,也见过很多人同样在犯着。幸运的是,有种东西叫做互联网,有种媒介叫做文章,……实用小技巧:画线框图容易忽略的几件事通过工作中的观察与总结,我发现不少新人交互设计师以及产品人员,在画线框图时都会忽略一些重要内容,导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。……产品实用小技巧!那些交互说明中容易忽略的几件事尽管我做交互工作已经有几年了,但还是时常会犯一些常见的错误,相信这也是其他设计人员在工作中会出现的:比如交互说明写的不够清楚详细,导致和前端、开发人员的沟通成本增高、返工增多、……【干货】如何简化复杂操作?【导读】作为交互设计师的你,可能会听产品经理说过:“我们的产品支付成功率很低,很多用户下了单,但没有完成付款,好郁闷。”或是“听到用户反馈说很难用,操作很复杂,我该怎么办?”……Feedly创始人聊聊改版实战经验郭楠:作为一个移动界面设计师,如果你已经细细读过MaterialDesign的设计指引,那么这篇文章是一篇很好的设计案例。如果你还没有读过,那这篇文章一定是个最容易最生动的起点……聊聊拇指码字那点事儿编者按:什么样的登录过程不会让人厌烦?今天ME网易移动设计的同学从手机码字这件小事上,聊聊他观察到的那些优雅的登录体验,以及一些反人类的糟心过程,以此对照。如果……FEEDLY创始人再聊改版实战经验几周之前,我们在谷歌总部参加了一个MaterialDesign的研讨会,在那里我们探索了一下Feedly如果遵循MaterialDesign的设计规范会是什么样子,并随后撰写了……开脑洞:现在最该有的10个科技创新未来科技总是会让人疑惑重重,比如,我们根本不知道啥时候才能有飞行汽车。虽然在天上飞的SUV汽车还要等上很长一段时间,但是搭载自动驾驶和自动泊车功能的汽车已经出现在了人们的……
从0到1和从1到100:产品经理的应对之道一个产品从0做到1,和从1做到100,哪个更难?对待这两个阶段,产品经理如何应对。一个产品从0做到1,和从1做到100,哪个更难?Paypal创始人之一,Peter……如何写出一份可以征服研发的PRD?你连PRD都要被怼,还叫什么产品经理!应该算是第一篇文章,我觉得标题起得应该还算不错,嘿嘿嘿嘿~~其实我今天就是想和大家聊聊:PRD产品需求文档以及如何写好一个PR……数据产品经理需要掌握最常用的逻辑回归算法单纯理解算法还算容易,但是到实际工作中就往往理不清头绪,特征变量从哪来,又怎么选,模型的输出结果是什么,如何评价模型好坏,有了模型如何应用,模型上线之后还要做什么等等一系列问题……PM必修干货:快速建立项目风险管理只有对风险进行良好把控,才能按计划推进项目达到目标要求。文章对项目风险管理进行系统的分享,希望对你有益。“项目风险是一种不确定的事件或条件,一旦发生,就会对一个或多个项目……从0开始搭建产品经理的AI知识框架:计算机视觉这是AIPM认知系列的第二篇内容,如需了解第一篇《从0开始搭建产品的AI认知体系》可以点击这里查看,整篇内容3000字,速读需要5分钟这几年红遍网络的FaceU激萌APP……人工智能PM系列文章(一)AI产品经理,应掌握哪些技术?AI产品经理应该懂技术吗?应该掌握哪些技术?AI产品经理应该懂技术吗?美国的麻省理工学院(MassachusettsInstituteofTechnology)专门……你和你的产品,还有可能性吗?一个工作人士的可能性,决定了你在职业发展中,是否能从事新的职业或方向,和是否能在原有工作或行业上获得更多的机会。产品的可能性,决定了你的产品进入发展瓶颈时,是否能拓展出新……我做产品经理这半年来的经验总结(一)文章为作者转型产品道路上的心路历程,其中的点滴体验作者都通过文字与大家分享,希望能够给你的产品道路带来一些启发与思考。前言先说一下自己的情况,国企两年半项目管理,今……在携程踩了无数坑后,我总结了8个时间管理方法文章为作者根据自身工作经验总结,希望对你有所帮助。问题:在携程,产品经理们常常会陷入下面的境地:忙于各种会议多线程工作,有无数的人来找你沟通事情老……真的,别想不开当“产品经理”当你决定投身于一个职业时,请深思熟虑。产品经理,一个略带理想主义光辉和神秘感的称谓。乔布斯、张小龙等一众大神的出现让“产品经理”这个词在现在的互联网环境下颇为流行,让顶着……经验总结:产品需求文档的编写四步法文章为作者结合自身工作经验总结的编写需求文档的方法,希望可以对你的产品工作带来帮助。作为产品经理,编写需求文档是产品工作环节中最基本的,同时也是非常重要的工作。刚开……答徐志斌先生在《社交红利》一书中的21问“社交红利信息关系链互动”徐志斌不管是微博还是微信,社交网络在我们的生活中越来越重要,我们在社交网络中花费的时间也越来越多。一次又一次的重大事件中,我们在微博上用围观改变……
友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界