从iPhone Tab Bar学到的

在过去的几年中，iPhone成功的使得Tab Bar标签栏导航方式在移动设备上流行起来。Apple将tab bar和其它许多的设计原则整合到了他们的人机交互指南（HIG）中——但有些疑问他们从来没有回答。在过去的几年中我一直从事交互与图形设计，在这篇文章中我将分享一些我的想法有关什么是该做的，什么是不该做的。

第一课：魔法数字是5

这对从事iPhone设计的人来说不是新鲜事。自从iPhone的屏幕宽度为320点（dots）开始（1点＝2象素），Apple设计了标准的tab bar不能超过5个tab，每个tab包含其图标与可读的文字。

5个之后会如何呢？当然，我们可以采用使用”More”标签的方式放进标准的tab bar。但是我还是推荐尽可能的去避免”More”标签。为什么呢？

首先，你自然会损失掉一个tab

你将记录”More”标签下功能的这个重担交给了用户。如果你的”More”下面的内容达到5个时，问题更加突出，这些加重了用户的认知负荷能力（cognitive load）

一些测试表明用户根本不知道”More”功能的用途，而且根本不会影响用户（来源：Tapworthy – Designing Great iPhone Apps by Josh Clark）

当然，当你在各种视图下工作、数据排序以及分类时（例如iPod），使用”More”标签的方式来替代让用户自定义标签会更合理一些。因为自定义标签的这种行为在某些情况下只适用于高级用户。

第二课：询问用户的意见

这种方式在你的设计过程中会非常有帮助，但标签的分类和级别应该更接近于你目标用户群的想法。当我们做这种研究测试时，记得事实1中提到的内容，不断思考所有的内容是否能分类到五个标签之中。如果不行，请问自己是不是非得用tab bar作为导航方式呢？

第三课：花多的时间在图标和文字上

一些用于图标设计及文案设计的点子：

确定图标和文案能真实的标签这些标签下所要进行的行为。最让人闹火的事情莫过于明明知道程序中有一个功能，但却不知道在哪个tab下面

避免一些语义上无关的设计，例如一个笔刷的图标但下面却写着“报表”。可参见 picture word interference

如果你要创建另一个“我的收藏”的标签，不用试着重新设计星形图标或改变文字“我的收藏”（Favorites）。虽然重新识别一个事物的成本低于回忆事物，但是我们应该帮助用户减少认知负荷（Jacob Nielsens Ten Usability Heuristics）

避免出现重复的文字。例如，想象你需要创建“我的图书”“我的杂志”“我的CD”这样的情况。根据Stroop effect（斯特鲁普效应）的解释用户会主动忽略掉这些文字。

让图标设计得有含义及易于识别这样用户能立即知道该点哪个tab，避免让用户考虑例如“到底是扳手呢？还是在齿轮表示设置呢？”

如果你在设计图标的时候遇到一些问题，不妨进这一层下面的内容去看看下面的布局以及内容是否能激发你的灵感。

重申，实地测试和探索非常重要。问问用户他们的理解方式！“你们认为这个脸部图标表示什么？”“你们觉得应该在什么样tab下可以找到Finder”“你觉得图标是脸，而文字写着Finder，这样说得通吗？”

Figure 1 — 左： NUUS 24 使用了相似的图标， 中： Spotify 使用了房子图标和 “What’s new”的文字， Right： Vimeo 重复使用文字 “My Videos” 和 “My Stuff”

标签： 用户体验 设计 iPhone 

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。