非原创,但是自己有添加部分内容整理后发出~
(什么是信息架构)信息架构最早是有建筑师提出的,然后由两位图书馆学者将它发扬光大。信息架构主体是信息,信息架构通过分析、组织信息、并对信息结构化设计,它的任务就是信息与用户认知之间建立一个通道,是信息直观表达的载体。充分理解核心用户的需求,传达用户所需的信息。当我们进商场时候,你需要去店铺,你会根据什么信息很快找到你想要去的店铺?这个店铺具体位置信息,朝南还是朝北、店铺大小、距离电梯间等,这时候信息架构就能帮我们找到想要的信息了,缓解我们寻找目标信息的焦虑感。
(如何设计导航)导航设计是信息架构至关重要的一个环节。导航设计目的是为了让用户高效的完成任务、达成目标。导航设计如何更好的组织内容?哪一种导航类型是最好选择?如何设计最佳的导航菜单?首先通过分析确定用户的痛点。其次根据痛点对信息进行优先级划分,并根据优先级对信息进行组织。再根据组织好信息选择最佳的导航类型,同时结合信息内容对导航架构设计。
(如何设计导航,具体的方法)导航架构设计我们可以通过“痛点挖掘”、“信息组织”、“导航产出”循序渐进方式来。痛点挖掘通常运用用研的方法,定性+定量(问卷调查是定量,用户访谈是定性)。信息组织主要是确定信息优先级,信息优先级划分目的是帮助用户获取有价值信息,信息划分按“逻辑关系”及“用户场景”来确定 信息优先级。信息逻辑关系主要是对收集到信息,运用图示技术把不可视逻辑信息呈现出来,使其信息间逻辑清晰。每种导航方案都有优劣之分,具体根据业务需求指引用户为目标,进行分析和评估,从中挑选合适的方案。
自从有了砖头式的移动电话,到现在智能机已过了20年,我们习惯于使用智能电话与人沟通、交流、管理生活等,每一次科技进步让我们认识到与时俱进。设计友好的APP导航设计尤其关键,但需要周全考虑,尽量保持简洁和易用性。导航设计模式决定APP至关重要的作用,如何根据手机屏幕大小、分辨率、兼容性、特定手势、横竖屏以及合理的反馈等因素,再结合错综复杂的信息以最优的方式进行组合并转达给用户。随着移动互联网快速兴起,优秀的APP导航设计始于好的信息架构,设计优秀APP导航,能指明方向、到达该去目的地。
列举手机APP常见的几种导航方式及优缺点。
APP的导航设计主要包括:1抽屉式导航,2桌面式导航,3列表式导航,4Tab导航,5顶部,底部双tab导航,6顶部tab切换,7选项卡,8舵式导航。
1抽屉式导航
这种导航的核心思想就是隐藏,将最主要的信息显示在界面上,而将非核心的信息隐藏,抽屉式导航内可以是二级列表导航,也可以是一些重要信息展示,还可以是一些重要的操作选项入口。
优点:导航的条目不受数量限制,而且可根据选项的重要等级选择提供入口,或者将内容展示,操作灵活性比较大。
缺点:对于那些需要经常在不同导航间切换或者核心功能有一堆入口的APP不适用,因为需要二次点击。
2桌面式导航
桌面式导航是将APP各项重要功能的操作入口以卡片的形式放置在桌面上,用户可根据需要进入每个功能的子系统。这种导航方式,桌面的每一个功能入口都是平等的,没有重要等级之分。
优点:可以根据用户 需求个性化设置,用户可以自己添加选项入口。
缺点:由于可以设置个性化的属性,必然存在一些不规范,或选项过多不宜整理的情况。
3列表式导航
列表式导航与桌面式导航类似,每个列表项代表相应的功能的子系统。
优点:适用于类别、方式、类目比较多的情况,适合整理分类。
缺点:这种导航方式避免层级过深,尽量不要超过3层,否则用户很容易迷失在信息当中。
4Tab导航,也叫标签式导航
优点:能及时在不同选项之间进行切换,用户能清晰的知道目前所在位置。
缺点:选项数量有限,页面展示位3-5个。有更多的选项操作时可将最后一项设置为更多,将一些次要功能放置在更多里。并且这种显示方式会占用屏幕的一行空间。
5顶部,底部双tab导航
标签式导航除了设在底部和底部,另外有些产品内容比较多会采用顶部,底部混合使用标签式导航,如简书、微票儿。
优点:能看到导航下的推荐子项目,没必要时不必切换页面。
缺点:占用一定空间。
6顶部tab切换
用户通过在内容页面左右滑动手指即可在不同的类型之间进行切换。
优点:这种方式的用户体验改进了很多,尤其在连续切换时其操作方式的连续性比较强,主体页面的过渡也 更加平滑,会产生更加流畅的体验。
缺点:一次滑动只能切换到相邻的类别,要想直接切换到对应类别可以点击上方的类别列表,不过由于类别过多,有时候可能需要滑动一下类别列表才能完成操作。
7选项卡
选项卡式导航适用于架构简单,适用于浏览的页面。
优点:操作简单、隐喻明显,只需要手指左右滑动。
缺点:承载选项的数量有限,最多不超过20个。
8舵式导航
跟标签式导航相比,区别在于舵式导航把类似生产内容的主功能按钮放在中间,标签更加突出醒目,同时该主功能标签做了功能扩展,也因此给设计增加了一些个性化的亮点。