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

iOS和Android规范解析:导航设计总结

3月27日 萌嘟嘟投稿
  本文主要是对iOS和Android两个设计规范中关于如何设计导航的介绍,enjoy
  前面几周,我们依次介绍了iOS和Android设计规范中,关于导航控件的内容,各控件对比见下面的表格:
  掌握了这些导航控件,今天跟大家说一下两个设计规范中关于如何设计导航的介绍。
  MaterialDesignGuideline
  导航把内容组织起来,因此用户可以在你的应用里更方便地找到需要的内容。导航的设计,可以包含经常访问的页面,设置选项,或者你希望用户进行的操作内容。
  如何选择最适合你的应用的导航类型呢?你需要首先确定你的应用的用户是谁,他们使用你的应用的典型路径,以及你希望他们进行的操作是什么。
  例如,如果你在设计一个饭店应用,那么应用的用户可能需要的操作有:进行预订、在网上po菜单(中国人更可能是po菜的照片啊,哟喂)、或者写评价。通过确定大多数用户的目标是什么,你可以更好地设计你的导航结构,以满足他们最优先的需要。
  下面详细介绍如何确定一个应用的导航结构。
  制作任务清单
  找出你的应用的用户是谁,以及他们的角色是什么,例如消费者?饭店老板?或者记者。找出那些他们都想执行的、最普遍的任务。
  找出你的关键用户,以及他们可能会进行的操作。
  确定优先级
  给用户的任务分出优先级:高、中、低。在UI界面中,给那些用户经常使用或者优先级高的功能以更突出的设计。
  根据用户需求的改变,随时调整优先级排序。
  当为一个饭店应用设计导航时,最高优先级的任务包含:查看饭店的信息或者找到新的饭店
  分组和排序
  找出用户在你的应用中操作的所有流程路径,并通过研究这些路径确定你的导航设计:
  将用户常用的功能放在导航的显著位置;
  将相关联的任务分成一组,并通过这些分组来确定导航的结构。
  不论用户是希望找到一个新的饭店,或者是查看他们收藏的饭店,这两个操作都指向查看饭店信息这个操作。因此,我们需要在用户搜索或者查看收藏的流程里,让用户可以容易地查看饭店信息。
  拆解
  将复杂、大型、或者模糊的用户任务分解成更小的用户任务。这些更小的用户任务可以是更常用的、更易懂的、或者更好的满足用户目标的。
  比如,将搜索这个大任务,分解成“通过名称”、“通过地点”、或者“通过受欢迎程度”这三个更小的操作,可以揭示出作为导航的一部分,页面里需要添加这三个操作。
  大任务“找到一个饭店”实际上会包含许多更小的任务,比如:浏览附近的饭店、通过名称搜索、通过受欢迎程度搜索。这些更小的任务对于用户搜索来说,会更简单。因此它们应该被加入到你的导航设计里。
  iOSHumanInterfaceDesignGuideline
  人们不会注意到导航的设计,直到导航没有满足人们的期望(而让人们受挫)。设计师的任务,就是设计一个支持应用的架构和目的的导航,而让用户不会注意到它。导航的设计,应该让人感到自然和熟悉,而不应该主导了一个界面或者把用户的注意力从内容引开了。在iOS系统里,有三种主要的导航形式:
  层级导航
  在每一级页面只选一个入口,直到用户到达他们的目标页面。如果要去往另一个目标页面,用户必须一步步返回或者从头开始重新选择。系统里的设置和邮件使用了这种导航形式。
  层级导航示意
  扁平导航
  扁平导航允许用户在多个内容分类之间切换。系统的音乐和AppStore使用了这种导航形式。
  扁平导航示意
  内容驱动或体验驱动导航
  该种导航允许用户在内容间自由地切换,或者内容本身就定义了导航。游戏类、书籍类、以及其它沉浸式应用一般采用该种导航形式。
  内容驱动或体验驱动导航示意
  有些应用综合了多种导航形式。例如,应用的大框架采用扁平导航,而每个分类里采用层级导航。
  关于导航,苹果设计规范给出了以下建议:
  总是提供清晰的路径。用户应该总是能够知晓他们现在在哪儿以及如何去到他们的目标页面。无论采用何种导航形式,到达内容的路径是逻辑清晰、可预测、容易掌握的,这一点至关重要。一般来说,给每个页面分配唯一的路径。如果你需要让用户在不同的情况下都看到同一个页面,那么请考虑使用上拉菜单、警告框、弹出框、或者模态视图。
  设计一个能让用户快速、容易地到达内容的信息结构。认真组织应用的信息结构,以便使用最少的交互操作和页面(就能承载下所有的信息)。
  使用手势来创造流畅的体验。让用户在操作时遇到最少的阻力。例如,设计师可以让用户从屏幕边缘划动以回到之前的页面。
  使用标准的导航控件。用户对于导航控件已经比较熟悉,这可以让他们迅速的了解如何使用你的应用。
  以上介绍了苹果和谷歌设计规范中关于导航设计的部分。讨论让人认识更深刻,欢迎留言讨论。
投诉 评论 转载

在网页中如何践行游戏化设计?研习下这7个案例本文将使用7个不同的、采用了游戏化设计的网站作为范例,来探讨一下它们的设计策略和实现方法。游戏化设计的概念由来已久,设计师从游戏当中汲取经验,将游戏策略运用在非游戏类的应……设计法则实例解析交互设计七大定律在设计中的应用(上篇)交互设计之父阿兰库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些……智慧出行:车辆数字化仪表盘交互体验设计六要素在上一篇《智慧出行:汽车仪表盘交互体验设计分析(一)》中,经过汽车仪表盘演变历史以及对五款车型具体应用的分析,总结出仪表盘承载了功能的复杂性、交互方式的多样性以及应用的多场景化……苹果表情符号的制作:这些小图标是怎么来的?编者按:对于千千万万的iPhone用户来说,手机里面的那些可爱的符号表情肯定耳熟能详了。但是你知道其中的一些emoji是怎么来的吗?第一批emoji的设计者AngelaGuzm……如何用网格系统设计出大师般的APP界面色彩、图形、排版、网格等是构成系统四大视觉语言的基础原子单位,今天来说下网格系统在产品设计中的运用及定义方法。初识网格Pinterest就如上图所示,我们设计……如何进行AR交互设计?关于AR交互设计,这篇文章展开较为具体深入的分析,相信它一定对你有所帮助的。AR类产品的出现,可能是第一次实现虚拟世界与现实世相互“融合”,完成屏幕的“跨越”,人机交互设……交互设计的“五字诀”多体会生活,懂生活就懂产品。1。送给交互新人们的“五字诀”:一曰“点”:每个控件本身属性和触发方式;举例:比如一个输入框,本身属性需要考虑可输入的字段类型、长……DesignforXuture:IOS11用户界面设计指导六DesignforFuture九大特征1。沉浸式体验大概从4、5年前就开始了一种趋势,最窄的边框都不能满足用户和厂商极端的追求,厂商们恨不得连手机边框都去掉,只留一……iPhoneX适配方案及H5调试技巧这是一份有关极速适配iPhoneX秘笈,enjoyiPhoneX适配方案2017年9月苹果发布了iPhoneX机型,对于它的“刘海儿”和底部HomeIndicato……有形的手势:混合现实的体感交互在这篇文章中,主要介绍了我们是如何专注于研究在混合现实中用肢体与自然手势进行交互的。最近我们去了互动17“(交互设计协会,其提供了一个讨论交互设计问题的在线论坛),并展示……iOS和Android规范解析:导航设计总结本文主要是对iOS和Android两个设计规范中关于如何设计导航的介绍,enjoy前面几周,我们依次介绍了iOS和Android设计规范中,关于导航控件的内容,各控件对比……如何提升信息录入效率每个UI设计师都希望自己的产品能够获得用户的喜爱,那么如何才能做到这点呢?今天我们不妨从提升信息录入效率这个角度来优化产品用户体验。因为UI设计本质上就是创建一个可供用户完成交……
知乎卢浮宫:相对的5和95产品体验报告直播?短视频?Faceu要如何转型?游戏直播app直播间功能竞品分析:斗鱼、虎牙和熊猫Keep产品体验报告做有态度的运动健身App请你来上海坐地铁:Metro大都会产品分析“滴滴小巴”产品分析报告:月入五万的西二旗人,和通勤出行的一让寄件更快捷:顺丰速运微信端功能体验分析产品分析报告从得到看知识付费产品战略新媒体产品深思录:浅析主流新媒体产品功能特点及其变现方式设置不同于Musical。ly的附近模块功能,抖音究竟为了什行程规划旅游APP市场需求文档(MRD)抖音短视频产品体验后改进的10点建议

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界