优云网络10年专注于石家庄网站建设网络推广微信小程序制作等服务。成熟团队,经验丰富。联系电话/微信:18830108130
关于我们 | 联系我们
优云网络红包功能上线,吸粉利器!
学习营销找优云网络
微商城+微分销,全网营销解决方案
优云网络红包功能上线,吸粉利器!
学习营销找优云网络
微商城+微分销,全网营销解决方案
当前位置:优云网站建设首页 >> 资讯中心 >> iOS和Android规范解析:导航设计总结

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

作者:优云网络 发布时间:2019-03-15 18:19:53 点击:

  们现在来介绍了iOS和Android设计规范中,关于导航控件的内容,各控件对比见下面的表格:


  掌握了这些导航控件,今天跟大家说一下两个设计规范中关于如何设计导航的介绍。


  Material Design Guideline


  导航把内容组织起来,因此用户可以在你的应用里更方便地找到需要的内容。导航的设计,可以包含经常访问的页面,设置选项,或者你希望用户进行的操作内容。


  如何选择特别适合你的应用的导航类型呢?你需要首先确定你的应用的用户是谁,他们使用你的应用的典型路径,以及你希望他们进行的操作是什么。


  例如,如果你在设计一个饭店应用,那么应用的用户可能需要的操作有:进行预订、在网上po菜单(中国人更可能是po菜的照片啊,哟喂)、或者写评价。通过确定大多数用户的目标是什么,你可以更好地设计你的导航结构,以满足他们特别优先的需要。


  下面详细介绍如何确定一个应用的导航结构。


  制作任务清单


  找出你的应用的用户是谁,以及他们的角色是什么,例如消费者?饭店老板?或者记者。找出那些他们都想执行的、特别普遍的任务。


  找出你的关键用户,以及他们可能会进行的操作。石家庄APP开发p>

  确定优先级


  给用户的任务分出优先级:高、中、低。在UI界面中,给那些用户经常使用或者优先级高的功能以更突出的设计。


  根据用户需求的改变,随时调整优先级排序。


  当为一个饭店应用设计导航时,特别高优先级的任务包含:查看饭店的信息或者找到新的饭店


  分组和排序


  找出用户在你的应用中操作的所有流程路径,并通过研究这些路径确定你的导航设计:


  – 将用户常用的功能放在导航的显著位置;


  – 将相关联的任务分成一组,并通过这些分组来确定导航的结构。


  不论用户是希望找到一个新的饭店,或者是查看他们收藏的饭店,这两个操作都指向查看饭店信息这个操作。因此,我们需要在用户搜索或者查看收藏的流程里,让用户可以容易地查看饭店信息。


  拆解


石家庄网站建设  将复杂、大型、或者模糊的用户任务分解成更小的用户任务。这些更小的用户任务可以是更常用的、更易懂的、或者更好的满足用户目标的。


  比如,将搜索这个大任务,分解成“通过名称”、“通过地点”、或者“通过受欢迎程度”这三个更小的操作,可以揭示出作为导航的一部分,页面里需要添加这三个操作。


  大任务“找到一个饭店”实际上会包含许多更小的任务,比如:浏览附近的饭店、通过名称搜索、通过受欢迎程度搜索。这些更小的任务对于用户搜索来说,会更简单。因此它们应该被加入到你的导航设计里。


  iOS Human Interface Design Guideline


  人们不会注意到导航的设计,直到导航没有满足人们的期望(而让人们受挫)。设计师的任务,就是设计一个支持应用的架构和目的的导航,而让用户不会注意到它。导航的设计,应该让人感到自然和熟悉,而不应该主导了一个界面或者把用户的注意力从内容引开了。在iOS系统里,有三种主要的导航形式:


  层级导航


  在每一级页面只选一个入口,直到用户到达他们的目标页面。如果要去往另一个目标页面,用户必须一步步返回或者从头开始重新选择。系统里的设置和邮件使用了这种导航形式。


  层级导航示意


  扁平导航


  扁平导航允许用户在多个内容分类之间切换。系统的音乐和App Store使用了这种导航形式。


  扁平导航示意


  内容驱动或体验驱动导航


  该种导航允许用户在内容间自由地切换,或者内容本身就定义了导航。游戏类、书籍类、以及其它沉浸式应用一般采用该种导航形式。


  石家庄SEO内容驱动或体验驱动导航示意


  有些应用综合了多种导航形式。例如,应用的大框架采用扁平导航,而每个分类里采用层级导航。


  关于导航,苹果设计规范给出了以下建议:


  总是提供清晰的路径。用户应该总是能够知晓他们现在在哪儿以及如何去到他们的目标页面。无论采用何种导航形式,到达内容的路径是逻辑清晰、可预测、容易掌握的,这一点至关重要。一般来说,给每个页面分配唯一的路径。如果你需要让用户在不同的情况下都看到同一个页面,那么请考虑使用上拉菜单、警告框、弹出框、或者模态视图。


  设计一个能让用户快速、容易地到达内容的信息结构。认真组织应用的信息结构,以便使用特别少的交互操作和页面(就能承载下所有的信息)。


  使用手势来创造流畅的体验。让用户在操作时遇到特别少的阻力。例如,设计师可以让用户从屏幕边缘划动以回到之前的页面。


  使用标准的导航控件。用户对于导航控件已经比较熟悉,这可以让他们迅速的了解如何使用你的应用。


  以上介绍了苹果和谷歌设计规范中关于导航设计的部分。讨论让人认识更深刻,欢迎留言讨论。


  下一篇:知识付费,下半场怎么走 上一篇:继视频直播之后,语音直播火石家庄SEO





----------------------------------------------------------------------分隔线----------------------------------------------------------------------

版权说明:如果您觉得本文不错,请转载分享给您的好友,并留下出处!谢谢!
本文链接地址:http://www.youyuncn.com/news_2856.html


----------------------------------------------------------------------分隔线----------------------------------------------------------------------

优云网络从事网站建设多年,积累多年行业经验,是石家庄专业的微信小程序制作优秀品牌!
如果您有【网站建设】需求,和【微信小程序】加盟意向,都可以随时与我们在线取得联系!
优云网络24小时客户服务热线:188-3010-8130(微信同号 何经理)





Copyright © 2008 - 2018 优云网络 版权所有 违者必究 https://www.youyuncn.com/ All Rights Reserved
手机/微信:18830108130 QQ:81810632 公司地址:石家庄裕华区建华南大街蓝山国际A座1506室
工信部备案:冀ICP备15005251号-1 技术支持:优云网络
石家庄优云网络公司10年专注于石家庄网站建设服务,石家庄网站制作石家庄网站设计团队。服务满意客户近百家,欢迎来电洽谈合作!
亲,扫一扫
关注微信公众号
亲,扫一扫
添加微信好友