如果你是一名UI设计师，你有多少次接触过苹果的人机界面设计指南？这份被视为标准的设计指南，融合了数十年来最经典、最实用的设计规范和技术。它非常可读且易于理解。本人机界面指南中包含的知识无疑是无价的。很多设计师同学通常只是粗略的扫一眼内容，但是如果你身处一个设计项目中，当你带着一定的需求和问题再次阅读时，你会发现很多设计规则背后隐藏的深层含义和愿景。最近几个月一直在开发iOSAPP。在这个过程中，我对这个设计规范有了更深的理解，也注意到了很多设计的关键点。在今天的文章中，我将结合我最近的实践经验，分享从Apple的iOS人机设计指南中选出的10个要点，对于正在设计App的同学应该会有很大的帮助。1.测试各种光照条件下的配色方案“在不同的气氛、一天中的不同时间和天气下，室内和室外的光照条件有很大的不同。当你想把你的APP应用到现实世界中时，有时候，你看到的颜色屏幕上的颜色并不总是相同的。所以，你总是要在各种不同的光照条件下（包括室外不同天气）预览你的应用程序，看看颜色显示是否合适。如果需要，在此基础上调整颜色，以便配色在大多数情况下都能提供最佳体验。”——AppleColorDesignGuidelines事实上，SleepCycleapp就是一个典型的例子。这款app使用了非常舒适的深色配色方案，你的眼睛可以非常舒服地浏览信息。深色和浅色模式都很方便，特别适合睡前定闹钟等使用场景等用户行为。因此，用户在使用应用程序时需要考虑到用户所在的位置、时间段和情绪状态。事实上，如果你仔细看，你会看到很多好的或坏的案例。导航应用程序应该是需要最少阅读和触摸操作的应用程序。Kindle保证了用户在户外阅读时屏幕不会刺眼。noteapp基本上可以离线使用，等等。如果你打算设计一个慢跑应用程序，那么你还必须考虑环境和限制。Shopify有一篇很棒的文章，介绍如何通过设计充分利用您的环境。2、尽可能延迟用户登录“用户往往被迫先登录自己的账户，然后才能进行有效的操作，这种情况让很多用户放弃了使用APP。您必须让用户有机会爱上您的应用程序，然后才能使用它。在购物应用中，你应该允许用户随意浏览各种商品，并在他们需要购买时提醒他们登录。在流媒体应用中，让用户随意浏览大部分内容就足够了，而允许部分内容需要登录后才能查看。”——苹果授权登录设计指南苹果在其设计规范中敦促设计者尽可能重新审视登录机制，如果可能，甚至完全删除登录和注册链接。不幸的是，我们绝大多数的应用程序都不太可能删除登录机制。但是，当我在设计APP时，我尽量将注册链接后移，保证用户体验产品后主动注册，并根据实际产品调整预期，引入外部账号机制注册登录也是一个不错的选择。我目前使用密码自动填充，Facebook登录，谷歌登录，苹果登录，邮箱注册。3.让APP的颜色模式跟随系统的颜色模式深色模式已经很宽了广泛用于各种系统，尤其是iOS。“如果一个APP提供了特定的颜色模式，可能会增加用户的工作量，他们可能需要调整更多的设置来保证系统的统一性和舒适性。更糟糕的是，如果APP不遵循系统颜色模式，用户可能会认为该应用程序已损坏，无法按照他们在系统中设置的外观选项进行操作。”-AppleDarkModeGuidelines启动页通常用于介绍页面的元素和功能。“如果你的app在启动页的预览看起来和实际页面不一样，用户可能会因为这种不一致和不兼容而感到不舒服。另外，请让你的启动页和设备当前的颜色模式保持一致，请参考有关详细信息，请参阅暗模式说明。”-Apple的启动画面设计指南“不要让屏幕上的所有内容在显示之前加载，让用户永远等待。当用户点击时，APPfinallyGood立即显示，可以使用占位符文本、占位符图像或其他内容表示内容正在加载，当前不可用。当内容加载完毕，替换内容。只要有可能，尽量在后台预加载好，比如转场动画，系统导航菜单等。”——苹果的loading设计准则5、充分利用系统提供的颜色在设计时尽量调用系统对文本、符号、图标等视觉元素进行预制配色，可以为你省去很多工作量。“iOS提供了一系列系统配色方案，可以自动匹配满足需要的色调和饱和度，并可以与系统的辅助功能设置联动，比如自动增加对比度、降低透明度等。在系统的深度在色彩模式和灯光模式下，这些预制的颜色无论是单独使用还是组合使用，都会非常突出。”》不要在你的应用中使用颜色编码把这些颜色给死，系统提供的这些颜色仅供你在设计过程中参考。在实际应用场景中，这些实际颜色值会在一定范围内波动范围随着环境的变化而在背景中。开发时，始终使用API来定义颜色。开发人员文档请参考UIColor文档。”——AppleColorDesignGuidelines“SFSymbols提供了一套超过1,500种一致、高度可以在APP中轻松使用的可配置字符，Apple设计的SFSymbols和SanFranciscoSystem字体可以无缝集成，两者在粗细和大小上自动保持光学垂直对齐。iOS13及更高版本可以使用SFSymbols,watchOS6及更高版本，以及tvOS13及更高版本。”—AppleSFSymbols用户指南6.使用熟悉且易于理解的词汇“技术可能令人生畏，尽量避免使用缩写和tec用户可能不理解的术语。使用用户容易理解和接受的短语。一般来说，对所有人有吸引力的App应该避免使用高科技词汇，技术术语适用于特定技术人员使用的App。”“使用相对非正式和友好的语气来表达。非正式和平易近人的语言风格，能够像午餐时与某人聊天一样自然地表达自己，可以拉近您与用户的距离。”-AppleTerminologyUsageGuide这里最重要的一点是了解您面对的用户。如果您如果你正在与一个非常普通的用户打交道，那么你可能想避免使用行话。如果你的应用程序的用户是一个高度专业化的架构师团队，那么你可能不得不采用一种非常不同的方式来展示。7.预测并提供帮助向用户“主动预测用户可能被困在哪里，比如在用户暂停游戏时提供相关的指导和帮助。如果用户第一次错过了什么，那么门户网站允许用户重复观看教程。”——AppleAPPArchitectureDesignGuidelines添加快速提示、常见问题解答、帮助中心或聊天机器人，可以有效帮助用户解决困惑。在制作APP的过程中，我会在一些界面中添加帮助图标，以教育用户操作，这样可以保持我的界面整洁。如果需要，我还会提供一个额外的按钮来帮助用户了解更多信息。8.必要时帮助用户避免信息丢失》无论是使用滑动关闭手势还是关闭按钮，如果该操作可能导致用户内容丢失，请描述情况并提供解决方案信息丢失》——AppleDesignPatternGuidelines》除非你取消或删除，否则用户可以一直保留现有的信息和内容，这会让用户安心。通常情况下，用户不需要手动保存，而是打开或删除用户。当关闭一个文件或切换到另一个APP时，更改会定期自动保存。但在某些特定情况下，例如编辑现有文件，或需要确认当前内容时，保存和更改的操作取消也有意义这时候自动保存可能不能满足用户的需求。”——苹果文件处理指南还是同样的操作。在虚拟现实等游戏或应用程序中，自定义手势可能是体验中很有趣的一部分。在其他应用程序中，最好使用标准手势，这样用户就不必费力地去发现和学习和记忆。”——AppleGestureDesignGuidelines10.不要在通知中包含敏感、个人或机密信息“你无法预测用户在收到通知时正在做什么，因此您需要避免在屏幕上推送可能敏感的信息。个人信息。”-Apple通知设计指南
