北京土人景观设计公司 古建筑改造( 四 )


4. 导航项可以重复一个页面允许两个主导航,同一界面允许两个相同的导航项目 。并不是说一个条目在导航中只能出现一次,也没那么死板 。
5. 不要让用户有惊喜这对于To B的设计非常重要,不同于To C的产品,B端产品的一个重点就是满足用户的预期,所以一定要避免“这个设计就是为了好玩”的想法 。
6. 导航的反馈需要保持一致隐喻可以在所有界面布局、所有组件、所有控件和所有模式中找到 。例如,单词链和带有“跳转”的单词链代表不同的隐喻,因此我们需要赋予它们不同的外观和交互响应,以向用户提供反馈 。
7. 导航不一定是有层级关系的回到导航最初的定义,它的本质是将信息分类,让用户快速完成任务,这也是导航的工作 。
很多时候,我们不必拘泥于这个项目应该严格存在于哪个层次的想法,而是如何根据用户的需求,合理地将这个项目划分到最合适的集合中 。
8. 按权重布局的三种导航样式这是一个基于外观的点 。根据大量的案例研究和眼动测试,市面上最常见的导航按照信息权重布局可以分为:横向、纵向和垂直 。由于不讨论这部分,我们在上图中直接梳理了各种布局的特点、优缺点和应用场景 。
三、六步导航设计法知道了上面的分类和注意事项,下面我们就用一个具体的案例来深入体会一下导航的交互设计(因为这个内容很精彩,涉及到保密,所以这里就不具体展示了,用示意图的方式来描述) 。一共六个步骤,看看这是不是也是你工作场景中的一个头疼的问题 。
1. 搞清楚每一个导航项的定义有必要搞清楚导航项的定义,因为导航项的定义决定了你的目标界面是什么 。所谓目标界面,就是导航带你去哪个分类信息的地方 。
那么我们先来梳理一下导航中各个导航项的接口定义,这也是我们日常工作中整理导航非常重要的一步 。
问题一列,我们自然会有各种各样的疑问 。例如,导航分类之间存在一些现有的流程关系,但有些分类不属于该流程 。为什么?
比如有些导航类别和导航项目名称相同,但内容不同 。这是为什么呢?(想想这是不是我们工作中经常遇到的问题)?这些都是我们后期需要优化的地方 。
2. 搞明白用户的使用路径保留以上问题,我们来做第二步 。在这一步,我们需要搞清楚用户的使用路径,因为这样才能对任务产品进行一级分类 。
通过基于不同角色的用户体验图,可以得到不同的用户操作路径,因此可以顺利得到这套操作流程的大框架 。
基于业务中的任务链接,推导出每一步的操作路径,这样我们就可以将用户的操作路径细化为一级导航 。
3. 区分一下权限我拿到了一级导航,需要角色的权限进行区分,这也是B端产品的本质属性 。
于是我们对每个导航项的角色权限进行了梳理,然后一级导航中每个导航类别对应的角色瞬间一目了然 。
据说用户登录不同权限的产品,可以看到不同的内容 。这是一个优秀的带权限导航设计 。
4. 区分一下界面数据性质到这一部分,对于一些完全没有接触过数据的同学来说,可能很难理解 。我们首先需要知道的是:“同一个数据源可以帮助我们区分接口的性质,同一个数据源往往有一组相同的接口包围着它 。”


推荐阅读