美文网首页移动设计交互设计&用户体验@产品
iOS和Android规范解析—导航设计总结

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

作者: 沐风与体验设计 | 来源:发表于2017-11-28 17:04 被阅读155次

    前面几周,我们依次介绍了iOS和Android设计规范中,关于导航控件的内容,各控件对比见下面的表格:

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

    Material Design Guideline

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

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

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

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

    制作任务清单

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

    找出你的关键用户,以及他们可能会进行的操作

    确定优先级

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

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

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

    分组和排序

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

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

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

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

    拆解

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

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

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

    本文为小密圈“交互小殿堂”本周主题“场景思维”的节选内容。文章后半部分将介绍iOS设计规范中对于导航的介绍。感兴趣的朋友可加入小密圈“交互小殿堂_格兰芬多”查看完整文章。

    交互小殿堂_格兰芬多

    交互小殿堂第二期开张啦!第二期的知识星球,我们有了更响亮的名字“交互小殿堂_格兰芬多”。使用这个名字,是希望大家可以更好的互动,并且就像格兰芬多学院精神那样,大胆探索交互的奥秘,不怕困难,勇往直前。下面我来详细介绍一下知识星球的用法。设置了6个主题,帮助你系统学习交互:

    - 场景思维(3周)

    - 心理模型(1周)

    - 流程设计(5周)

    - 正确使用控件(15周)

    - 测试方案(3周)

    - 用研(2周)

    以上这些专题,将每周固定发布在我的小密圈“交互小殿堂_格兰芬多”。

    同时,为了让大家更好地掌握每周的专题,安排每周的计划如下:

    - 周一在小密圈“交互小殿堂”独家发布一篇主文,介绍本周主题;

    - 周二至周五解答圈友们关于本周主题的问题;

    - 周六分享优秀交互设计案例,并带领大家解析设计亮点;

    - 周日公布文末问题的答案。

    6个专题结束后,会为大家提供7个需求,供大家实战,锻炼之前学到的技能。

    具体的安排如下:

    第一周,给出需求说明和重点提示;

    第一周剩下的几天以及第二周,大家根据需求进行交互方案设计;

    第三周集中点评大家的方案,给出建议。

    真的能学到东西吗?

    其实在开始交互小殿堂第一期之前,怀疑过自己是否能hold住,犹豫过是否真的能为圈友带来价值,直到。。。大概是7月份,当时的小密圈发生了一次“服务器升级”事件,导致小密圈有两周无法使用,结果圈友们在微信群里的呼声真的让我暖到心底:

    出于隐私考虑,以上头像和昵称均已隐去

    这给了我极大的信心和鼓励!让我意识到这个交互小殿堂这个圈子的确能帮助大家学习到交互知识。要知道,在这个互联网时代,我可不想自砸招牌啊,哟喂。

    加入圈子方法

    说了这么多,相信你也有自己的判断啦。如果想加入,请使用下面的方法:

    点击链接加入https://t.xiaomiquan.com/Z7ieYfM

    另外,多人同行,有优惠哦:

    两人一起报名,享9折优惠;

    三人一起报名,享8折优惠;

    四人一起报名,享7折优惠;

    五人及五人以上一起报名,享6折优惠;

    需要优惠的朋友请加我QQ联系:605130227

    相关文章

      网友评论

        本文标题:iOS和Android规范解析—导航设计总结

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