为什么许多现有的技术和设计一旦被苹果公司完成,就会获得前所未有的体验和普及?-智虎

  • 时间:
  • 浏览:3
  • 来源:网上购彩

如果你想为iPad设计一个鼠标光标,你会怎么做?

你可能会说,没问题,只需在iPad上添加一个鼠标光标。这并不难。所以你提出了下图中的设计,它和桌面版的鼠标完全一样,就是说,它是准确的,大家都熟悉的,甚至还有iPad上跨平台设计的温暖。你感到满意,所以你可以在第一时间把它推销给消费者。

让苹果来做。我们需要给iPad添加一个鼠标光标。因此,就这件事而言,苹果需要一个十几个人的设计团队持续一两年,因为这是一件需要投资才能做好的事情。苹果和其他公司的起步方式相同,没有区别。让我们把鼠标移植到iPad上,看看它是如何工作的。

最重要的是什么?虽然指针是准确的,但这里的经验并不好,错误的判断可能出现在指针的顶端。例如,指针在上面的图片中的位置,例如,用户想要订购的实际上是暂停音乐,并且因为指针具有像素级的精度,图片上的位置很可能被识别为最后一首歌曲,因此用户将会感觉他犯了一个错误,并且体验将会非常糟糕。

这种体验中的分离感是如何产生的?事实上,这是因为对准确性的理解不一致。例如,上图中的按钮是为触摸iPad而设计的,所以应该考虑手指的大小。这些按钮的精确度不高。用户只需要在一定范围内点击,但鼠标指针不需要。这是一个高精度的输入设备。这两者的结合会造成一个问题,而且精确度也不匹配。

解决方案是什么?苹果公司提出了“动态精确度”的概念,在这个概念下,鼠标指针在iPad上的精确度可以随时根据不同的界面元素进行调整。达到输入精度与界面预期精度相匹配的效果。例如,在上面的图片中,iPad的指针被替换为19磅的圆圈,以帮助用户完成过度精确。

如果您仔细观察上面鼠标指针的移动,您会发现鼠标在输入按钮点击时会降低其精度,并将其转换为按钮本身的大小以匹配视觉精度。由于这种感觉,在我上面的例子中,按钮之间的移动消除了模糊空的情况,在这个例子中,用户不知道选择哪个按钮。鼠标的位置已经变成了两个确定的状态,或者是按钮一,或者是按钮二。没有鼠标指针放在中间的模糊状态,用户可能点击错误。

利用动态精度的思想来解决鼠标精度的问题,苹果的眼睛又回到了我们现在熟悉的鼠标光标上。这东西看起来像这样。我们对此很熟悉。似乎没什么问题。

等等,有问题吗?这种设计可能是每个研究设计的人都无法忍受的。这个设计的图标被一个巨大的黑色物体半覆盖着,就像头上的箭头,它真的无力呕吐。该怎么做,花更多的时间隐藏鼠标,只需在选定的图标上覆盖一个半透明的图案,它将是完美的。

等等,似乎还有另一个问题。尽管鼠标光标总是在屏幕的顶部,但按钮似乎有问题。如果你仔细观察下图,你会发现鼠标光标模式叠加在图标上。这种叠加会导致图标的颜色发生变化,所以设计这些图标的人会不高兴,因为它们没有按照预期的颜色显示。突然的颜色变化也会导致界面一致性的破坏。

1如何解决?设计一个新的过渡。每当鼠标光标接近图标时,鼠标层会自动向下移动到图标的底部。如上图所示,当光标进入图标区域时,它将自动向下移动,当它离开该区域时,它将自动返回到顶层。

1图标问题得到解决,然后测试是否完成。唉?为什么用这个词不容易。在下图中,我们熟悉了文本光标的选择,似乎没有什么问题。但是迁移到iPad似乎总是一个问题。

1是,因为手动选择时指针不准确,但选择时鼠标光标非常准确。统一设备上两种输入模式之间的差异会导致指向精度上的分离感。在下图中,您将看到我们熟悉光标的操作,它依赖于中点来判断线的位置。此时,我们关心的操作精度是精确到线,而输入精度是精确到点。这种精度上的差异将导致用户选择他们不想要的线路,只要有一点点偏差。

1如何避免因用户错误选择而导致的挫败感?解决方案仍然是动态准确性。例如,在下面的动画中,新的设计将清楚地通知用户当前选择的线,并在接近中点时自动粘贴,从而完全消除鼠标位于两条线中间的模糊状态。此时,鼠标精度会从一点到一行降低。

还记得文章开头给出的日历示例吗?当用户拖动时,创建日历的时间间隔实际上是固定的,即每15分钟一次。鼠标的准确性会给用户一种错觉,以为他们可以拖放更准确的时间。解决方案是动态准确性。当鼠标光标到达该点时,每15分钟将给出一个磁吸引点,以清楚地通知用户这里有一个清晰的时间间隔。

2动态分辨率。接下来,我们将再次回顾这个小点。实际上,您可以看到两个鼠标光标。顶部的控制光标判断实际光标位置,底部的显示光标根据需要改变形状,给用户一个清晰的功能感觉。

2光标控制的具体工作模式如下。控制光标负责检查实际位置,而显示光标负责用户感知。由于iPad的触摸版比Mac小,有时用户会遇到点击时手会发抖的情况,他们想点击某个按钮,但由于控制光标靠近按钮的边缘而滑出,导致点击失败。为了避免此处的挫折,每次用户离开触摸面板时,控制光标将自动居中,如图所示,确保用户下次单击时光标停留在预期的按钮上。

2解决了显示问题。让我们看看苹果是如何判断滑动位置的。例如,在下图中,您想要使用触摸板滑动光标来选择左侧的设置图标。此时,您所做的可能是在触摸面板上向左滑动,但是有几个可能的结果,或者您滑过光标并运行到标尺,或者您稍微远离光标并停在设置旁边。

2有可能做得更好吗?苹果公司设计了一套磁引力位置预测来解决这个问题。是同一张照片。在苹果的眼里,它是这样的。当鼠标离开触摸面板时,光标将根据滑动距离和速度来判断预期的最终位置。下图中的最终位置是这些同心圆的中心。此时,根据最终位置产生一系列外围磁吸引点。判断磁引力点下方是否有可控按钮。下图中的设置图标是最近的磁引力控制按钮。因此,用户的光标会自动吸附在上面。对于用户来说,这种感觉让他们感觉非常强大,他们可以随时选择自己想要的东西。

谈了很多关于光标的逻辑,但没有谈它的设计。开始之前,你可以看看下面图片中的动画,感受一下。是的,我们看到的平面按钮实际上是有深度的。例如,当你点击时,你会发现你的点击动作是真实的,就像按下一个按钮,另一个按下的动作。记住我们之前讨论的控制点,为了让用户在光标变成按钮时仍然感觉到控制点的位置,控制点现在变成了点光源。

3清楚地告诉用户选择什么是光标的责任。例如,下图中所有选定的图标都将具有浮动的特殊效果,并且将有我前面提到的控制点光源来通知它们的控制点。

3实现这种特殊效果实际上将原始图标分为四层。根据光源变化,最上面的光源层告诉控制位置,第二层是实际图标,第三层是动态位置层,第四层是阴影层。

3这种设计逻辑似乎没有错。然而,在某些情况下,这些设计逻辑可能会导致重要的视觉反馈。例如,在下图中一组按钮的高亮选择中,如果继续使用图标的半透明层,则实际显示的颜色太暗,无法减少辨别。对于这些按钮的显示,采用浮动设计并取消光源,如下图中的日历选择按钮。有许多类似的小细节修改点,所以这里就不再重复了。

3因此,光标的逻辑和显示问题已经解决。让我们看看苹果如何进一步推广光标设计,使其清晰地传达功能。首先,作为一个方向对象,光标必须随时可见,所以光标的显示颜色与当前背景有关。如果你仔细观察,你会发现光标会改变自己的颜色,同时保持下面内容的颜色。其次,对于常见的拉框,光标将成为一个方向图标,如下所示。

但在iPad中,光标的功能方向不止于此。它可以根据需要自动调整颜色,成为一个功能图标。在变化过程中,还需要考虑光标的中心位置是否清晰,当填充类型转换为边缘线类型时,视觉权重增加。

4更精彩的是:我说了一篇文章。也许你根本没有在iPad上见过这个光标,因为只有少数人在iPad上有触摸版本。

回去看看问题,回答问题,然后问ARM。实际上,苹果公司已经做了很多年的准备,比如四年前宣布取消32位应用支持,五年前推出金属图形层统一框架,所有这些都是在为苹果公司的ARM做准备。只是太多的人分析事物,只看现在而不是大局,选择被蒙住眼睛或者真的看不到它们。今年的表现很出色,但这只是过去几年所取得成就的一个证明。

我希望我的例子能回答你的问题。事实上,苹果不是一个向导,但在设计时会认真考虑用户。愿意在别人不关心的细节上投资,经过一点积累,你会有自己独特的用户体验。尽管用户对每年由创新带来的小问题充满愤怒,但他们仍然希望有人能努力让这些别人一点也不关心的细节,所以他们尽最大努力做到宽容,这可能就是默契。

-

这篇文章的所有来源:苹果WWDC:为苹果电脑设计指针

在过去几年里,苹果发布了近100个设计视频。本文的参考源也是其中之一。这篇文章不是设计视频的翻译,但我看过视频。在WWDC与苹果工程师沟通后,我在这里用文字表达了一些想法。事实上,苹果每年都会发布这些视频。我认为初衷和其他人一样,这些经历应该被更多的人所了解。本文的初衷是一样的。

有些人可能不熟悉观看苹果公司的WWDC官方视频。事实上,你可以通过在iOS或苹果应用商店下载“开发者”应用来观看所有视频。如果你没有苹果设备也没关系。苹果开发者官方网站也有。链接如下:所有视频。

-

你可能会感兴趣的其他一些词:

你对硬件变化有什么看法?4用精神分析心理学谈论游戏和电影思考手写笔记的设计11小时前编辑同意了8535 332条评论。分享收藏喜欢把它收起来

猜你喜欢