苹果人机界面设计指南中的10个想法

值得注意的iOS准则在



图片



过去的几个月中,我一直在开发iOS应用程序,并且一直在参考Apple人机界面设计准则。我发现该指南对于任何初学者或当前的UI / UX设计器都是必读的。



该指南出奇地易于理解。它不是用过分的技术行话写的,而是直接为IOS设计接口。



这篇文章提供了指南中最引人注目的设计标准摘录。



我知道大多数人只是浏览这些文章,而实际上并没有阅读它们,因此图像只是为了娱乐而已-尽情享受。



1.



« , , , , . , , , . , , . , ».

Apple




睡眠周期应用程序就是一个 很好的例子。该应用程序具有舒缓,黑暗,无破碎的界面,非常适合在睡觉前设置闹钟。



除了颜色外,我还要补充一点,当与界面进行交互时,还有各种上下文因素会影响用户的行为。考虑用户在使用我们的应用程序时所处的位置,他们有多长时间以及他们的情绪状态。



总是有好有坏的例子。导航应用程序需要最少的阅读和控制,Kindle在户外阅读时不会眩目,笔记应用程序无需网络连接即可运行,等等。



如果打算在运行时使用您的应用程序,则在设计中需要考虑一些约束和注意事项。



Shopify上有一篇很棒的关于用户上下文设计的文章,我向有兴趣深入研究该主题的任何人推荐。



2.尽可能延迟授权



图片



« , , - . , . – , , . , , ».

Apple




Apple鼓励我们重新考虑我们的应用程序登录体验。如果可能,请完全删除注册和授权。



不幸的是,我当前正在开发的应用程序不允许我完全删除输入。但是我使注册屏幕显示的尽可能远,以便用户可以感觉到注册后可以得到什么样的体验。



提出各种选择以使注册尽可能快也是一个好主意。我目前正在使用的应用程序支持自动完成密码,Facebook登录名,Google登录名,Apple ID和标准的电子邮件+密码。



3.观察人们在设置中选择的显示模式



图片



“如果您为应用程序提供自定义外观,那么您将为人们增加工作量,因为他们必须调整一些设置。更糟糕的是,他们可能会认为您的应用程序已损坏,因为它不响应其系统外观选择。”

-使用Apple黑暗主题的指南




4.尽快显示内容



图片



不要与启动屏幕混淆,第一个屏幕是显示页面上元素的屏幕。创建一个与应用程序的第一个屏幕几乎相同的启动屏幕。



« , -, , ». , , ; . « ».





« , , . , , , . . , , ».

Apple




5. , ,



图片



“ IOS提供了一系列系统颜色,这些颜色可以自动调整以适应光线水平以及辅助功能设置的更改,例如增加对比度和降低透明度。该系统的颜色在浅色和深色背景以及浅色和深色模式下都可以单独使用或组合使用。



``请勿在您的应用程序中使用固定代码的系统颜色值。提供的颜色值供您的应用程序设计过程中参考。实际的颜色值可能会因各种环境变量而有所不同。始终使用API​​来应用系统颜色;请参阅UIColor以获得开发指南

-苹果色建议




“ SF Symbols提供了一组1,500多个一致的,高度可定制的符号,您可以在应用程序中使用它们。苹果设计的SF符号与San Francisco系统字体无缝集成,因此符号可自动为所有重量和大小的文本提供视觉垂直对齐。您可以在运行iOS 13和更高版本,WatchOS 6和更高版本以及tvOS 13和更高版本的应用程序中使用SF字符。”

-苹果SF符号




如果您想学习如何使用SF符号,请观看以下视频



6.使用熟悉的,易于理解的单词和短语



图片



« . , . , , . , , , . , ».



« , . , . , „“ „“, ».

Apple



这里最重要的是要了解您的听众。如果您的应用程序是为普通的Joe开发的,请避免使用术语。如果它是针对高度专业化的建筑师团队的,那么您可以采用其他方法。



7.考虑需要帮助



图片



“积极寻找人们可能陷入困境的情况。例如,在游戏中,当您暂停或角色没有前进时,您可以显示有用的提示。如果人们第一次错过某些内容,可以让他们重播该教程。”

-苹果应用程序架构指南




添加快速提示,客户服务聊天,聊天机器人,常见问题解答,帮助中心等。将帮助可能会感到困惑的用户。



在我正在构建的应用程序中,我使用了多种帮助图标来向用户解释操作。这样可以使我的界面保持整洁,而且还提供了一种在需要时学习更多信息的方法。



8.必要时帮助人们避免丢失信息



图片



“人们是否使用撤消手势或按钮关闭屏幕,如果某项操作可能导致丢失用户生成的内容,请提供一项行动计划以说明情况并提供解决方法。”

-苹果通用原则指南




« , , . , . , , . , , , , ».

Apple




9.



图片



« , . . , , - ».

- Apple




10. ,



图片



« , , , , ».

Apple





图片


通过参加SkillFactory的付费在线课程,了解如何从头开始或在技能和薪资水平上获得高水平职业的详细信息:





更多课程


有用






All Articles