Menu Close

再利用VS优化设计manbetx官方网站手机版

通过 Jakob Nielsenon 5月21日,二千零一十二

总结:在不同的媒体形式(如印刷品和印刷品)中重复使用内容和设计虽然便宜,但有辱人格。manbetx官方网站手机版在线或桌面与mobile.高级用户体验需要紧万博官网manbetx下载密的平台集成。


当涉及到用户体验策略时,有两个对立的学校:

  • 再利用:尽可能少地设计-最好只有一manbetx官方网站手机版个-并在尽可能多的平台上重复使用相同的材料。
  • 平台优化:为manbetx官方网站手机版每个主平台设计不同的用户界面,尽可能紧密地集成用户体验层。

Repurposing has hugecost advantages.大部分工作只能做一次。但在大多数平台上,结果往往是不合格的用户体验.如果设计最初针对一个平台进行了优化,随后移植到其他平台上,并且只进manbetx官方网站手机版行了最小的更改,那么这一点尤其正确。

Over the 17 years I've been writing the Alertbox column,反对重新调整用途的运动是一个反复出现的关键主题。早年,主要问题是试图改变印刷设计策略用途的宣传册网站:manbetx官方网站手机版

平台优化用户体验

苹果公司历史提供了紧密集成设计的最著名的例子:manbetx官方网站手机版

  • 这个麦金塔需要鼠标驱动的软件,几年来甚至没有提供光标键来阻止软件供应商简单地移植他们的DOS产品。
  • 这个iPod苹果手机集成了物理设备,the on-screen user interface,以及下载音乐和应用程序的基础设施(即使iTunes应用程序是个差劲的继母在这种关系中,可以忍受一些设计上的爱。manbetx官方网站手机版

相比之下,微软窗户emphasized its broad ability to work across many different hardware systems with the addition of plug-and-play/pray devices to suit the user's taste.因此,开发人员永远无法确定哪些硬件和服务支持他们的应用程序可以在Windows计算机上找到。Windows1甚至被设计成manbetx官方网站手机版主要在没有鼠标的情况下使用。由此产生的总体用户体验与Macintosh相比基本上没有集成。

Windows CEwas a particularly egregious example of the repurposing strategy: taking a manbetx官方网站手机版design that worked fairly well on desktop computers and porting it to pocket-sized devices — where it worked miserably.

在过去的十年里,微软一直在努力克服其用户体验混乱的遗留问题,现有产品有较大的改进。另一方面,视窗8可能对触摸屏的使用过度优化,并有在主流台式电脑上工作不佳的风险。跨平台重新调整单个设计的用途的想法可能又一次走得太远了。manbetx官方网站手机版

苹果手机shipped,许多其他电信供应商推出了模仿触摸屏硬件的竞争产品,但提供的集成度较差的软件是从为其他平台优化的系统移植的。

以下视频来自我们的2009年初的移动用户测试,其中包括一些iPhone半克隆。在这里,the poor user is simply trying to use a存储定位器to find the nearest department store:

试图在早期的iPhone竞争对手上使用商店定位器的用户,其用户界面非常糟糕。(注:视频无声带;在大多数浏览器中,将鼠标悬停在视频上方以显示控件(如果控件尚不可见)。

(为了保护测试参与者的隐私,并使其成为面向家庭的网站,我抹去了音轨,but rest assured that the user pronounced negative comments on this UI.)

显然,仅仅在手机上提供一个大的触摸屏是不够的。软件用户界面也应该针对这个平台的特性进行优化。

Cost–Benefit Analysis

这个benefits of platform-optimized user interfaces清楚:

  1. 可用性得到提高。
  2. 用户更有可能实现他们的目标。
  3. Conversion rates increase.
  4. 你赚更多的钱。

但是,of course,优化比重新调整用途的成本更高。所以,the real question is whether thiscost is bigger or smaller比你通过提高可用性赚的更多钱还要多。

(当我从网站上谈论“赚钱”时,我不想把案件限制在e-commerce sites.这个投资回报率案例同样适用于B2B网站-用新导线测量,例如-以及收集捐赠的非营利网站government sites fulfilling their mission以更低的成本。)

在许多情况下,the cost–benefit analysis favors a unified manbetx官方网站手机版design.例如,在设计桌面manbetx官方网站手机版网站时,there's no reason to create different versions for PC vs.Mac用户是因为这两个平台最近非常相似。同样地,您可以使用响应式设计或相关技术,让一个站点为用manbetx官方网站手机版户提供19英寸显示器和24英寸显示器,尽管前者会看到更多信息。

在这种情况下,单独优化设计的好处太小,无法保证多个桌面设计;manbetx官方网站手机版iPhone和移动领域的Android。(尽管你应该为一些像本地图标这样的东西做一些调整,正如我们在移动设备的可视manbetx官方网站手机版化设计当然。

片剂,考虑iPad与Kindle Fire:我们的用户调查显示Kindle Fire有足够不同的可用性要求为它设计一个单独的站点会有一些好处(可能对其他中型平板电脑也有好处,manbetx官方网站手机版即使我们没有测试它们)。另一方面,我们的研究还发现,在KindleFire的屏幕上展开时,针对流行手机优化的网站工作得相当好。对于大多数公司,theconversion ratedifference between serving the regular mobile site and creating a Fire-optimized site would be fairly small.

为Kindle Fire设计和维护一个单独的用户界面所带来manbetx官方网站手机版的额外收益是否值得付出额外的成本?Amazon.com certainly thinks so,但他们希望把一船货物卖给半俘虏的观众。对于绝大多数公司来说,然而,这种成本效益分析将以另一个结论结束:重新调整移动网站的用途。

另一个大多数公司决定不使用单独的用户界面的情况是残疾用户.为了完美地支持盲人用户,需要一种针对听觉媒体中的线性表示进行优化的设计。manbetx官方网站手机版可访问性不足为了创造良好的可用性,只需大声朗读一个为视觉媒体中的二维显示而优化的设计。manbetx官方网站手机版

在实践中,盲人用户太少了,仅仅为他们创造一个更好的设计是没有回报的。manbetx官方网站手机版为所有残疾用户提供完美的服务需要更广泛的不同用户界面,每个都针对各种各样的残疾进行了优化。The cost is mind-boggling and the profits would be fairly small,because each class of disability contains a fairly small number of users.让普通网站访问的常见策略确实会惩罚残疾用户,使他们比非残疾用户的效率和成功率更低。虽然我不喜欢无障碍策略,我承认它是唯一经济有效的解决方案,so I reluctantly recommend it.

Returning to the issue of重新调整打印内容的用途在线使用,大多数传统报纸和杂志都选择坚持这一策略。因此,他们在互联网上的成功率比那些使用网络写作指南.像cnn.com这样的网站,苦工报告赫芬顿邮报,Craigslist比报纸网站更成功,尽管在传统意义上没有那么好或彻底。

报纸应该放弃印刷内容,从头开始创造在线内容吗?There's no doubt that doing so would improve their websites.但是成本效益分析将是负面的,因为几乎可以自由地重新调整现有文章的用途,manbetx官网手机登陆然而,经营第二个新闻编辑室的成本是巨大的。

For another example,考虑三维电影:最好的有不同的电影摄影比将用于同等的2-D电影。在三维中,the camera should linger longer on establishing shots to give the audience time to look around the environment.(人们从经验上想在好的3D电影中做些什么)在另一个极端,简单地重新调整现有镜头的用途,使其成为伪3D,几乎总是一个失败的秘诀。

响应式设计:足够高的移manbetx官方网站手机版动可用性吗?

When considering手机与台式计算机,平台差异非常大,因此创建两个独立设计的好处是巨大的。manbetx官方网站手机版此外,两个平台都有许多富有的用户,因此,最大化转化率带来的利润是可观的。

仍然,问题仍然存在成本效益分析是否真正支持两个站点,or whether it would be more profitable to stick with a single site.

第一,你必须考虑你所在组织的规模以及你与移动和桌面用户之间的业务往来。有些公司规模太小,高的转化率无法转化为足够的钱来支付两种设计。manbetx官方网站手机版Others might provide services that are targeted solely to mobile or desktop users and thus wouldn't suffer much from a lower conversion rate among the few users on the opposite platform.

即使您的组织规模足够大,可以从单独的移动和桌面设计中获利,manbetx官方网站手机版一些人评论我的移动网站vs.完整地点“专栏声称成本太高,因此建议采用响应式设计。manbetx官方网站手机版

首先,响应式设计不是免费的manbetx官方网站手机版在交互设计或编码和实现方面。manbetx官方网站手机版对于一些网站,它可能比其他实施战略便宜;如果你是这样的话,那就走那条路吧。

But the most important point is that responsive manbetx官方网站手机版design — if done correctly — does involve creating distinct user interfaces for each platform.毕竟,整个想法是设计适应(或“响应”)用户特定平台的功能。manbetx官方网站手机版

我所看到的大多数响应性设计示例都manbetx官方网站手机版非常原始,而且还不足以创建移动与桌面使用需要。它是not enough to simply modify the layoutby moving stuff around on the screen and enlarging or diminishing particular manbetx官方网站手机版design elements.这只适用于将桌面设计调整为19-vs.manbetx官方网站手机版24-inch monitors or for a mobile manbetx官方网站手机版design for an iPhone vs.Kindle Fire。

移动VS桌面设计manbetx官方网站手机版差异远远超出了布局问题。.

  • Most important,内容应该不同:短小精悍的写作对于较小的屏幕是必需的,因为缺少上下文减少文本理解.
    • Yes,人们可以在Kindle或其他平板电脑上阅读小说,但这主要是适用于具有线性情节的简单小说这很容易理解。阅读面向商业的内容或其他需要更高层次认知处理的非小说在小屏幕上更困难。
    • 除了文字之外,other content formats should also be manbetx官方网站手机版designed for the medium.例如,small images should be cropped and zoomeddifferently than large images to emphasize salient details.仅仅重新缩放一张图片来填充给定屏幕大小的可用空间是不够的。(举例来说,看见4图manbetx官方网站手机版像的设计迭代在手机屏幕上代表一个韩国流行音乐组。)
  • The IA changes todefer secondary content to secondary pageson mobile devices.
  • 交互技术因手指和鼠标驱动的差异输入。
  • 该功能集在移动设备中被减少,以降低复杂性,并适应较小的屏幕。

有了足够的编码,所有这些差异都可以通过响应式设计得到支持。manbetx官方网站手机版事实上,you could argue that a manbetx官方网站手机版design isn't responsive enough if it doesn't accommodate all the salient platform differences.然而,一旦你考虑到所有的差异,我们回到正题一:两种不同的设计。manbetx官方网站手机版

何时为平台优化

可用性是关于转换率maximization whereasmanbetx官方网站手机版design is about profitmaximization.因此,谨慎的业务决策有时可能会生成一个用户界面,从纯粹的可用性角度来看,这并不是我们想要的全部。

它是okay to repurpose两种情况下多平台的manbetx官方网站手机版单一设计:

  • 当平台非常相似,因此,小的调整足以使相同的设计在两个地方都能很好地工作。manbetx官方网站手机版
  • 当你期望得到very little business从一个平台或你简单的价值负担不起to create a second manbetx官方网站手机版design.只要你意识到你给了一些客户不合格的用户体验(并且可以忍受相关的转换率下降)。这是一个理性的(如果不愉快的话)商业决策。

相反地,你应该创造不同的设计manbetx官方网站手机版针对每个平台进行优化在这两种情况下:

  • 当平台very different需要不同的交互技术,特征,IA和内容,or dramatically different layouts that are too hard to achieve through responsive manbetx官方网站手机版design.
  • 当你期望生成这么多生意从某个平台上的用户,您希望将转换率驱动到他们的绝对最大值。即使平台相对相似,distinct user interfaces are a smart choice when the stakes are high.

期望同一用户界面最适合3.5英寸屏幕和30英寸屏幕,with no modifications beyond moving a few things around.Diversity in our interactive platforms requires diverse interaction manbetx官方网站手机版design.