|
一级导航一般都是大功能模块之间的区分,二级导航一般用于单个功能模块里面的内容作为层级区分,请谨记。目前国内app设计质量不齐,导航规则混乱,没有一个完整的Design system来指导整个企业的产品规则,所以我们可以从自己产品做起,在产品设计中把信息架构搭建好。 无规则的视觉流 要做好视觉引导我们就要懂一些设计心理学,我们要了解人是如何阅读,如何观察,如何记忆,如何思考,如何集中注意力,如何快速进入流的状态等等。 最常用的阅读模式是F pattern和Z pattern。
一个页面一屏出现了这么多耀眼入口,我该如何选择?没有主次,看起来所有都很重要? 前面认知负荷原理讲到人在处于工作记忆的时候一次只能处理两到三条信息,那么这么多入口在这里,用户就需要花费脑力去抉择,就导致负荷增加。 清晰视觉流是怎样的?
目标清晰,视觉流符合用户阅读习惯,不需要再去思考,减少认知负荷。 需要大量思考 如何才能减少用户使用产品过程中的费脑力的思考?设计的时候避免使用难以阅读的UI patterns,要遵循常用用户界面模式,不需要重新发明轮子bottom navtation patterns。
图1是开眼视频的首页,底部tabbar上面4个icon。如果不加文字说明,用户很难去阅读理解,增加记忆负荷图2 是instagram,底部tabbar即使不加文字,我们都能90%以上看懂要表达的意思,因为这些图形用户已经熟悉,不需要再去思考记忆。
腾讯视频 在section divide header,采用了用户熟悉的设计模式,点击动漫精选更多酒进入对应的栏目页面,如何用户心理模型爱奇艺在section divide header,采用双入口(标题上和栏当前栏目底部),且与用户使用目标不一致,当第一次点击进去后,用户发现和预想的不一样,然后很懊恼退出,找其他入口?这种新模范用户需要重新去记忆,重新去思考,增加负荷。 设计原则:尽量使用用户熟悉的图标样式,可以在常用图标样式去做微创新,集合自己品牌,提取关键因数,植入图标里面。 常用入口不要轻易改变它已有的属性,保持原来用户习惯的模式。 总结 上面通过日常生活中所见的产品和大家聊了造成认知负荷的原因,及在设计中如何去避免,有以下几点: 视觉层次必须清晰易懂; 导航架构必须清晰,且层级分; 去掉不不要的视觉元素; 使用UI-patterns,避免重新发明轮子。 希望这篇文章能帮到您! (责任编辑:admin) |









