导航栏设计的要求有哪些,导航栏菜单的设计与实现( 三 )


不要在一个标签不起作用的时候移除它 。如果你在某些情况下移除一个标签而在另一些情况下不这么做 , 这会使用户感知到的你的程序设计不稳定甚至不可预测 。最好的方法是保持所有标签向用户开放 , 只不过如果某个标签下的内容不能用时要解释给用户 。例如 , 如果一个用户并没有离线文件 , Dropbox里的离线文件标签对应的屏幕告诉用户该如何使用离线文件 。这个功能也叫做空状态处理 。
△ Dropbox的空状态
(3)隐藏导航
如果屏幕内容是一个滚动式的信息流 , 标签栏可以在用户向上滚动加载新内容时隐藏 , 而在用户尝试向顶部回滚时重新显示 。
△ 底部导航拦可以根据用户的滚动方向动态变化
(4)视觉愉悦
避免使用直接的横向运动来在不同视图间转换 , 不同视图间应该使用淡入淡出的动画来进行过渡 。
△ 淡入淡出的动画
三、总结
底部导航应该:
可见且结构良好——使用3-5个标签栏并避免使用滚动式结构;
清晰的——标签栏应该易于浏览且尺寸足够大;
简单的——确保每个导航图标带领用户前往合适的地方 , 并保持包括底部导航在内的所有元素在整个程序中都具有一致性 。
四、结论
【导航栏设计的要求有哪些,导航栏菜单的设计与实现】帮助用户正确的导航应该是几乎每一个站点和应用程序中一件极为优先的事情 。这种做法背后的目的是创建一个符合用户的自然心理模型的交互系统 。
你是在为你的用户设计 。多去考虑你的用户角色 , 想想他们在使用你的程序时的目标 , 而你正需要设计出合理的导航结构帮助他们实现目标 。对他们而言 , 你的产品越容易使用 , 他们就越有可能真的去使用 。

推荐阅读