来自苹果设备的网页设计经验

虽然我很欣赏有很多快乐的Android、黑莓和WinMo用户,但在以前痛恨苹果转向iPhone之后,我相信这款设备及其姊妹产品iPod Touch和iPad的设计方式展示了一些东西良好的原则和最佳实践我们这个行业的许多人(不管他们在苹果公司的地位如何)可能会更频繁地跟进,即使你不同意他们的一些方法或产品。

来自苹果设备的网页设计经验

这篇文章致力于我所相信的这些伟大的“生活”课程,这些课程可以从网上和网下的许多资源中获得。这篇文章之所以关注苹果,主要是因为它在硬件和产品质量方面的独特之处,它的软件功能,甚至它浏览网页的方式。没有什么比从非网站的资源中获得灵感更能让你思考的了,希望这篇文章也能帮到你!

注意:值得一提的是,这篇文章中概述的许多经验教训和实践可以基于任何其他移动设备,然而,值得指出的是,当涉及到一个有效的用户界面时,苹果确实能够真正地与用户的需求建立联系。

兼容性是王

我不得不佩服苹果设备对遵循现代网络标准的前瞻性思考。你不需要Flash,却可以通过最新的W3C规范来满足的意识形态已经在业界落后了。但它给了唐突的脚本作者和那些建立了难以访问的Flash站点的人一个警钟,这确实对我们这个领域的未来产生了积极的影响。因此,从设备的这个元素中得到的教训就是优雅地降低代码。原因是不管我们喜欢与否,所有的用户实际上并不是生来平等的!

兼容性是王

兼容性是王

图1:在第一代iPhone问世之前,手持式浏览非常糟糕。现在它就像桌面一样!

关于设备本身如何操作的第二个教训类似于有多少制造商处理解决缺陷的情况……修补程序和补丁!这是一个事实,当一个设备(或站点——或应用程序)变得更大、更复杂时,发生bug的几率就会增加。渐进地升级你的网站来解决出现的问题(比如发布版本补丁)是帮助访问者的好方法(而不是做一个IE然后离开几年)。

注意:利用CSS3媒体查询的i设备是一个提供简单、优雅的兼容性的经典例子。你可以根据它的视口对网站进行个性化设置,这一想法将在我们如何迎合未来日益增长的设备和浏览方式方面发挥巨大的作用。

约定只是工作

接下来是约定。访问者浏览我们的网站并知道在哪里点击、指向或阅读的方法之一是遵循模式和惯例——经过一段时间的训练,他们已经学会了遵循和适应这些模式和惯例。在苹果设备中,这些模式是在图标的背景下形成的,这些图标是由图片和文字描述来描述的。虽然你可能不需要在你的网站上到处放置苹果风格的图标,但避免神秘的肉类导航是必要的。

约定只是工作

约定只是工作

图2:使用标准化约定的菜单导航比使用外部机制更容易。

除了导航和可用的信息架构之外,设计元素的结构(以及功能)也很重要。在设备的设置菜单中,所有的选项都是标准化的,因此使用的便捷性和如何配置的认知度大大提高。对web的熟悉并不会导致轻视,但是清楚地了解用户可以做什么,并且记录您的工作是非常重要和有用的。

注意:虽然图标、标准化表单和菜单在智能手机中很常见,但我们布局导航菜单的方式、我们如何构建内容(和评论框),甚至我们如何显示有多少tweets或喜欢的博客帖子,都已经演变成了一套惯例和设计模式。

保持你的标准

虽然web标准(当然)一种有意义的方式来维持一定程度的质量而不是你的工作,另一个潜在的类型的标准可以持有一个网页设计师是一组严格的实践,你将如何构建和什么样的材料你不允许在你的网站上。我们都知道苹果严格监管它的应用程序商店(和其他服务),但我们有什么不同吗?我知道大多数设计师不会按照道德原则使用blink标签、字幕或动画剪辑!

保持你的标准

保持你的标准

图4:为了保持我们工作的质量水平,我们都给自己设定了标准。

最终产品的质量很重要,如果你玩过iPhone,你就会知道它不是什么便宜的塑料玩具(尽管它可以玩!)构建质量几乎反映了我们对工作的质量控制水平,也就是我们放在网站上的内容。我们有理由将其与我们遵循标准、规范和最佳实践的方式进行比较,以确保访问者希望在其中浏览高质量的产品。

注意:在一款应用进入app store之前,苹果会对其进行一系列的质量和安全检查。当我们生产服务和网站时,我们经常做同样的事情,除了使用更启发式和更少内在偏见的方法(如可用性或可访问性测试)。

改善和重申

我们可以从这些设备中得到的另一个教训是改进和重复你所生产的产品。虽然这听起来似乎是一个显而易见的观点,但有些网站没有创新(只是复制别人),没有突破界限,似乎在试图创造一些有价值的东西(除了克隆现有的服务)时失败了。iPhone有如此多的原创性(作为一个设备),你只能希望更多的设计师将创新在他们的网页设计工作!

改善和重申

改善和重申

图5:如果某个东西坏了,你需要修复它,发布补丁或召回都是选择!

解决争端和问题(比如产品的根本缺陷)是苹果公司最近才从iPhone 4的天线问题中学到的一课。虽然我不打算对死亡之握展开激烈的讨论,但是反思bug和问题的本质是很重要的。在网页设计中,我们需要更负责任的修复我们网站的缺陷,并保持软件尽可能的最新。你不希望一群愤怒的用户匆忙地按下后退键。

注意:当你创建一个网站时,你不应该仅仅放弃1.0版本。因此,许多网站不断地重新设计他们的用户界面(而不是升级他们已有的优秀但稍显陈旧的版本)。考虑将您现有的设计逐步推向未来。

思考和观察

从网站、软件、硬件、现实世界和其他资源中获得灵感,可以为你打开一个全新的领域,让你获得如何构建解决方案的深思熟虑的想法。采取这些创新的动机,并把它们变成有用的教训,可以在你的网站上实施,这是一个过程,我们的行业更应该定期进行。如果你发现自己被想法困住了,为什么不考虑将想法付诸行动的其他方式呢?

思考和观察

思考和观察

图6:撇开缺陷和挑战不谈,苹果确实知道如何让用户界面“正常工作”。

回顾iPhone,我认为一致性、简洁和简单的实现、创新的决心、挑战先入之见以及确保兼容和以惯例为中心的体验等理念都是物超所值的。虽然苹果设备并不完美,但它们将在未来的迭代中不断发展,你可以创造出一种体验,这种体验对于任何接触它的人都是有意义的,这是网页设计师应该希望追求的东西。

问题

什么真实世界的设备给了你灵感去创造一些独特的或创新的东西?你有什么经典的例子来说明打破常规的思维方式是如何改进你的方法论的吗?你怎么看苹果的用户界面?欢迎在评论区告诉我们。

2020-04-16 17:43
相关热门