导航模式是提高可用性的捷径,当你看到近年来最成功的交互式导航设计时,最明显的赢家是那些完美实施基本原则的人。今天小编主要给大家分享ui底部导航栏设计规范,希望对你们有帮助!
简单
首先,导航系统必须简单。好的导航应该感觉像一只无形的手在引导用户,一种方法是根据移动用户最有可能执行的任务,来确定移动应用内容和导航的优先级。
可见
正如雅各布·尼尔森所说,识别物体比记忆更容易。这意味着你应该通过操作和选项的可见来最小化用户的内存负担。导航应该始终可用,而不仅仅是当我们期望用户需要它的时候才能用。
明确
导航功能是不言而喻的,你需要以简洁明了的方式传达信息。在没有任何外部指导的情况下,用户应该一眼就知道如何从点a移动到点b。想一下购物车图标,它作为一个标签或标识符,用户不需要考虑如何导航就进行购买,该元素指导他们执行适当的操作。
一致性
所有视图的导航系统都应该相同,不要在不同页面的位置放置导航控件,不要欺骗你的用户。永远保持言行一致,你应该的导航中使用“最不意外的原则”。导航应该激励用户参与你提供的内容并与之交互。
标签栏
许多应用程序使用标签栏来显示应用程序最重要的功能,Facebook可以通过触摸提供核心功能的主要部分,允许在功能之间快速切换。
图标
底部导航应该与图标内容进行适当的结合,虽然有一些用户熟悉常用的图标,但大多数图标代表的功能包括搜索、电子邮件、打印等都很常见。
颜色
避免在底部标签栏中使用不同颜色的图标和文本标签,相反,遵循这个简单的规则,用应用程序的主色给当前底部导航(包括图标和任何显示的文本标签)着色。