Hi,我是七分。对于UI设计师来说,大家都知道ios的用户体验是很好的,那么究竟是哪些细节值得我们学习,自己在做设计的时候可以借鉴些什么?接下来的本期将为大家分享一篇关于iOS应用变得更好的6件事,一起开始吧!

以下为译文 ↓
0_W53cMiwiSlEsSNg2.gif

我一直致力于Web开发,尽管我很感兴趣,但我跳过了应用程序的开发和设计。
所以我决定研究在移动设计中需要注意的事项,我将根据Apple在iPhone上建议的“ 人机界面指南 ”,来 详细介绍这些项目。

接下来我将其分为几部分来介绍,让我们开始第一部分:

我认为无论是使用Android还是iOS的用户,都会同意iPhone的用户体验很好。

-清晰度

设计应从最基本的角度指导用户,它应该远离可能会使用户感到困惑的任何事物。在我们考虑使用图标时,您能快速知道哪个图标适用于什么。如果要发送消息,则可以轻松猜测哪个图标将可以发送消息。而当您要共享照片时,您可以猜测哪个图标将要共享照片。或者您可以通过图标的颜色,来了解某个功能是否处于激活状态。

这使iPhone易于使用且可预测,无论您以前使用什么设备,你都可以立即使用并且适应iPhone,而这些图标几乎是标准的。(苹果在创建标准方面发挥了重要作用,您怎么看?)
image.png

-尊重

ios在设计上有许多美丽而重要的细节,可帮助用户更好的了解ios上的功能。如果该界面可以更好的引导用户,则可以更好的解决问题。例如,如果背景模糊,而不模糊的部分就是我们关注的重点部分。

这样,我们可以更专注于实际的内容。每个细节在界面中都有含义:渐变、阴影和类似细节等。这些界面是为用户创建的,但不仅仅是因为它看起来很漂亮。

image.png
现实就是一切。
我认为,iPhone易于使用的最大原因是它呈现了真实的运动轨迹和图像呈现进行设计。让我为您展示一些简单的例子:让我为您展示一些简单的例子,当我们单击一个应用程序图标时,它会覆盖整个屏幕,就像打开和关闭我们的手掌一样自然。
image.gif

设计原则

应用程序设计中有6个基本标准,而您也将符合标准进行设计。

审美完整性

在确定美学完整性时,应用程序的类别和用户人群很重要。

例如,在新闻应用程序中,用户希望直接查看内容,而非新闻项目只是分散注意力,指导用户进行下一步操作。用户在阅读新闻后看到的第二件事是控件,诸如共享、保存、归档之类的控件。首先根据Apple准则进行设计,然后再根据整个应用程序进行设计。

image.png

让我们考虑一个体育活动应用程序。显然,您不应该一次性显示所有内容到同一个页面中。
image.png

重要的是此时要让用户留在应用程序中,所以每一步都感觉是游戏一样,让用户在展示练习时,同时可以体验练习。譬如添加带有动画的动作,而不要显示返回的操作。
image.png

一致性

直到今天,人们已经通过智能手机(在应用程序上)学到了许多习惯。这些习惯深深扎根于我们的生活中,很难改变这些习惯。譬如垃圾图标,导航位置和标题大小等一些设计元素几乎已标准化。

因此,不要随意改变,而对用户产生负面影响。如果您的应用程序将出现在App Store中,则使其看起来像一个iOS应用程序。用户可以从他们的旧习惯中学到的经验来更快地适应您的应用程序。否则,您将损害用户的习惯,并且可能无法满足Apple的某些条件。
image.png

直接操纵

动画、手势等直接吸引用户并响应某些运动。如旋转屏幕,是直接操作的一个示例。应用手势时,您希望在屏幕上看到响应。
1_XCX66YOqmHRHv2jISeKNpw.gif

反馈

很有必要在适当的时候提供反馈,以向用户显示所做工作的结果或警告用户等。反馈给人的感觉是用户仍在控制之中,这是对错误的良好警告。

例如,在付款确认中请求指纹/面部识别码是安全反馈。 例如,提交表单时,屏幕上显示的警报框是反馈报告结果

1_Ox7OVFLsA52TbJvnnYhC-g.png

通过这种反馈,用户可以更轻松地使用该应用程序。因为如果发生错误,应用程序会警告用户。这样,用户不怕采取错误的动作。

例如,进度条使您可以查看过程的进度。因此,不难猜测该过程将完成多长时间。

1_zPZaQ2t8ZHSrJUQ-GE3XxA.png

另一个示例,当您无法发送电子邮件时出现的红色感叹号,既是反馈又是一致性的示例。感叹号是警告,红色表示用户习惯中的错误/危险操作。
而声音是巨大的刺激,即使您不看屏幕,您听到的声音也可能具有正面或负面的含义。例如,当您发送邮件时;同时使用动画、声音和进度条进行反馈。

隐喻

我们几乎在所有设计中都使用隐喻,特别是在移动应用程序中,隐喻的使用非常普遍,以至于用户甚至都没有注意到。我们可以将这个比喻解释为“现实生活”中,某件事“数字化”的场景。在iPhone邮箱中使用字母图像表示“正在通信”,“查找我的iPhone”由雷达图标表示,在消息中使用对话气泡可能是旧动画片的隐喻,谁知道……

不仅应用程序,而且应用程序中使用的设计元素都包含隐喻,开关图标唤起了真正的拨动开关。当您录制声音时,它会唤起“模拟频率计”中的频率。这些隐喻并非无处不在,有人认为这些隐喻已经形成了我们的用户习惯。

1_fOwUHakrdJj3a4QV0h-L3A.png
我们在左右翻转屏幕时所应用的手势也受到书页翻转的启发。

用户控制

应用程序可以指导用户,警告错误,提供反馈,但从不控制用户。正如我所说,反馈可以为用户显示结果,并可以防止潜在的危险。但是,将所有权限授予该应用程序并不会给用户信心。

例如,在需要摄像机访问权限的应用程序中,警报框会警告您“ 使用该应用程序需要摄像机访问权限 ”,它说明了为什么需要使用摄像机,但这也提供了拒绝访问的机会。用户处于控制之中,因此,该应用程序给人信心。

假设用户改变了主意并希望允许访问摄像机:然后-根据应用程序的设计-再次出现警告框,或由应用程序说明将授予摄像机访问权限的位置。(在这种情况下,再次显示警报框,或在应用程序中保留访问功能对于用户更友好,因为用户不必进入设置进行繁杂的操作。)

1_jDS_rj4_itqvYNTmVSonKw.png

结果

iOS建议的第一部分已经结束。据苹果称,这些功能使iOS有所不同。所有这些细节都是为了提供更好的用户体验,在设计之初的宗旨是,永远让用户保持第一使用权。

作者:Ali ÇORAK
https://uxplanet.org/what-behind-apples-human-interface-design-de32cc09157e
本文翻译已获得作者的正式授权(授权截图如下)

image.png