当前位置:首页 > 响应式网站建设

移动优先还不够好:满足网页设计旅程驱动的设计

2019-12-22

在最近的针对潜在医疗客户的销售会议中,我们Mad * Pow的团队发现自己正在回答一个非常熟悉的问题。我们介绍了以用户为中心的设计的基本方法,同意在研究和策略上进行领导,并且一切进展顺利。正当我们总结时,他们的团队负责人突然问:“哦,你们设计的是移动优先,对吗?”嗯,这是一个很难回答的问题。尽管“移动优先”的概念最初是一种帮助优先考虑内容并确保积极的,与设备无关的体验的理念,但预算和调度约束通常导致“移动优先”仅意味着“移动”。虽然“移动优先”的概念最初是一种帮助优先考虑内容并确保积极的,与设备无关的体验的哲学,但预算和调度约束通常导致“移动优先”仅适用于移动设备。但是根据我们医疗客户的分析数据,他们的大多数用户仍在桌面上。我们希望为那些积极的用户体验,并在手机和平板电脑的应用程序,为用户那些使用移动浏览器-甚至对于具有亲身体验的用户!认为移动是主要体验不准确的

我们得出的结论是,移动优先不能满足用户的需求。真正以用户为中心的设计需要从我们的用户所经历的旅程以及为完成其目标而遵循的流程开始。换句话说,旅程驱动的设计旅程驱动的设计自然是从以用户为中心的方法中产生的,该方法考虑了谁,何时以及如何显示真正复杂的用户需求。良好的设计不会迫使用户选择我们设计人员希望他们使用的设备;好的设计可以为用户提供公司在其旅途中想要使用的设备上所能提供的最好的服务。

移动优先有什么问题?

在移动世界的早期,我们(通常是设计人员)基本上是为台式机……小屏幕台式机设计的。用户体验设计师习惯于思考诸如用户如何访问网站以及完成任务所需的视觉,语言和上下文线索之类的事情,但是我们没有考虑屏幕尺寸的变化。在1999年,我们仅使用800像素。然后,我们扩展到1024,然后是1200。设计师感到欣喜!

随着移动设计的改进,电池寿命的延长以及Wi-Fi的普及,我们了解到用户很可能会通过移动屏幕访问网站。但是,台式机的所有设计注意事项都无法很好地体现出来。

移动优先是用户的胜利。2009年,Luke Wroblewski引入了此最佳实践。Karen McGrane在2012年与她的“移动内容策略” 添加到对话中。他们发现,在小屏幕的约束下进行设计有助于我们确定内容的优先级,从而为最终用户带来更好的体验。此外,移动设备的功能为参与体验留下了更多的机会。

尽管如此,它只专注于一项出色的经验。一种变体集中在优雅降级的概念上,它建议我们设计一个完美的体验(通常用于台式机),然后通过确保功能来考虑较旧的浏览器和较不常见的设备,即使设计遭受损失。同样,我们尝试了渐进式增强,建议先从小型(移动)开始,然后在设备或浏览器变大时增强设计。两者都不占整个领域的出色设计。

而且,更重要的是,没有人打算首先将移动设备视为仅移动设备

现在是2017年,我们认为每个项目都必须是适合移动设备的;因此,当预算减少时,移动优先会变成仅移动。毕竟,有34%的人主要是通过手机使用互联网,而自2015年4月起,Google对那些无法在手机上使用的网站进行了处罚。但是选择并不像移动或台式机那么简单。许多用户将设备切换为任务中的设备,这使我们更加关注内容并在各种体验之间建立一致性变得尤为重要。在医疗保健领域,有50%的智能手机用户下载了健康应用程序 -这也意味着50%的用户尚未下载。

在有关移动营销统计的最新报告中,Smart Insights的创始人Dave Chafey分析了这些报告并得出以下结论:

现实情况是,尽管智能手机在社交媒体,消息传递以及新闻和八卦等一些活动中非常受欢迎,但西方市场的大多数消费者还拥有台式机(和平板电脑)设备,他们倾向于将其用于更详细的信息。审查和购买。

我们必须问:患者是通过在家中的电话来诊断,然后转到桌面还是在医生办公室用手机搜索?那个鞋店购物者是不是在偷看他们的手机以进行更便宜的在线交易,还是他们回家并在平板电脑上进行购买?

随着物联网的扩展,在线和离线之间的鸿沟已经消除,我们的体验很可能会跨越手机,笔记本电脑,平板电脑,电视,手表,冰箱,汽车甚至卫生间像素和尺寸意味着远远不及响应式设计,自适应内容和旅程映射。没有明显的出发点的旅程,并没有明确的模板可循。为了优先处理内容并为移动设备以外的屏幕设计,我们需要将旅程作为一个整体来关注。

探索旅程

使旅程优先设计比移动优先设计更有效的原因是,我们正在整体上看待该过程。这意味着即使预算很小,也需要花费时间和金钱来考虑设计更多屏幕尺寸的想法。此外,旅程优先提供了上下文,这是当今设计的必要元素,而移动优先设计开始时并不是重点。

旅程驱动设计的第一步是绘制旅程本身,重点关注某人如何实现目标,而问得最好的人是最终用户。大多数以用户为中心的设计项目已经从研究阶段开始。这是一个机会,可以听取用户或潜在用户的意见,并了解他们的期望,他们的痛点以及在体验中使用的设备。

在研究的基础上,我们创建角色,然后绘制每个角色的理想旅程,包括记录实现最终目标的每个接触点。这是企业和角色之间通过电子邮件,网站,社交媒体,商店访问,电话,邮寄或其他方式进行沟通的时期。这些接触点将是我们可以实际设计的,以便塑造出完整的体验。换句话说,我们不必控制用户外出散步时手机静音时的操作,但是我们可以控制用户收到我们的电子邮件时看到的内容,这将影响用户他们没有连接时的经历

对于我们的一位医疗保健客户,当我们考虑最终用户如何与保险公司进行互动时,这一点变得尤为明显。尽管患者的目标是获得实验室检查结果,但在前往医生办公室的途中,患者可能会想知道自己的共付额是多少。如果他们检查了移动网站以进行登录,那么这就是我们的接触点。如果他们在医生办公室寻找列出典型自付额的迹象,那是另一个潜在的接触点。预约后,在提出索赔后,我们将有机会通过电子邮件向患者发送更新-另一个接触点。

所有这些接触点都在一个生态系统网络中融合在一起,这是我们从事旅程驱动设计时的主要工具之一。生态系统网络将帮助我们在网站区域,物联网所涉及的其他各种技术以及用户所采取的行动之间建立联系。在生态系统网络上,我们还可以识别角色在每个数字接触点上使用的设备。我们可能从用户研究中了解到了这些信息,或者我们可以从分析中收集到了这些信息,这些信息的粒度是如此之细,以至于告诉我们网站上哪些页面最受哪些设备访问。

从旅程到设计

知道接触点并设计生态系统图是一件好事,但仍然存在设计适当的用户界面和交互以帮助最终用户实现其目标的问题。我们仍然需要构建最终可以开发为应用程序或网站的线框或模型。

对于某些设计师而言,创建生态系统图或将其转变为旅程图(无论是当前的还是理想的)都取决于旅程驱动的设计,然后再回到移动优先。在移动大小的模型中查看所有设计的一致性很有吸引力,并且涉众喜欢这种凝聚力的感觉。但是我们作为设计师的工作是根据需要的各种屏幕来出售它们。我们需要独立考虑每组交互。如果有一个理想的用户旅程始于移动设备,但是在四个屏幕切换到桌面之后,那么我们需要为移动设备设计四个步骤,然后再切换到桌面。如果同一应用中的另一个预期用户旅程(也许是高级用户的旅程)在平板电脑上开始,那么我们应该从平板电脑设计开始。如果手表上还有其他表壳,那就是我们开始的地方。

在设计每个交互之后,请问以下关键问题:

  • 我是否已针对最关键的设备进行了设计?
  • 还有哪些其他设备可以发挥作用?
  • 这种互动背景是什么我的用户实际在哪里?

尽管这些设计不会像一堆移动屏幕那样具有凝聚力,但是它将具有用户场景的上下文及其特定动作的原理。另外一个好处是,这种非线性思维方式将鼓励采用新的设计方法。另外,前端开发人员喜欢尽早为每种屏幕尺寸获得几个屏幕。它可以帮助他们安排开发工作。

对于我们的医疗保健客户,我们在便签上绘制了一个理想的行程图,每个接触点使用一个便签,每种可能的设备使用不同的颜色。一旦理解了旅程中的接触点,我们就可以根据屏幕上的交互进行思考。我们设计了用于平板电脑的每个屏幕,以及最可能在移动设备上完成的六个屏幕和最可能在较大的台式机显示器上完成的四个屏幕的变体。我们使用了移动优先和响应式设计的最佳实践,从而使屏幕吸引了所有设备的用户。

但最重要的是,我们通过将互动与旅程联系起来改善了作为讲故事者的工作即使是最出色,最关注用户的设计师,当他们开始专注于个人互动时,也可能会忘记叙述。从一种设备转移到另一种设备将帮助您更新自己,一次又一次提醒您用户是谁,他们在哪里,他们为什么在做自己的工作以及他们的主要关注点是什么-特别是当他们的关注点不在时在您的用户界面上!

添加内容

对于使用内容的设计师,旅程驱动设计还有另一个好处。内容策略师倾向于通过确定屏幕的目标是什么来计划屏幕内容,然后提供副本以实现该目标并获得所有相关消息。在传统的UX设计中,不同的内容策略师使用不同的方法确定任何给定屏幕的目标。但是,通过旅程驱动设计,设计师和策略师将尽早确定目标或行动发生的每一步。

设计师和内容策略师应共同努力,考虑整个旅程中每个接触点的目标。内容策略师可以等到最终在线框图中写副本时,才可以帮助确定生态系统映射过程中的目标,这使设计师可以设计出与内容紧密结合的东西。

此外,内容策略师还需要考虑哪些内容是静态的,哪些内容是自适应的当设计师为旅程的不同步骤设计不同的屏幕时,他们可以洞悉内容的感知方式,用户是否会分心以及内容策略师应考虑哪些其他线索。

简而言之,以旅程为导向的设计为我们提供了一个广阔的视野,可确保您越少进入项目,惊喜越少,工作也就越容易。它使整个团队保持合作,所有人都参与生态系统的创建,以便在设计开始之前尽早共享决策。

不断发展壮大

从本质上讲,行程驱动设计仍然只是以用户为中心的设计的另一种形式。映射生态系统并确定旅程后,旅程驱动的设计将像其他任何UX项目一样进行。需要为其他屏幕尺寸创建设计,然后检查跨设备的一致性以解决边缘情况。可用性测试,修改和迭代与其他任何过程一样,都是旅程驱动设计的一部分。

想要开始使用自己的旅程图?尝试以下步骤:

  1. 从用户研究开始。向当前成员询问他们如何实现目标-这是识别当前用户旅程的好方法!
  2. 在研究过程中,寻求痛点。当您了解痛点时,集体讨论潜在的解决方案就容易多了。这些潜在的解决方案成为理想的用户旅程。
  3. 跟踪旅程中的步骤。当团队进入线框和视觉设计时,请不要忽略在其指定设备上开始每一步的基本原理。注释或旅途的数字化版本可以帮助您时刻关注这些问题。
  4. 测试旅程。基于旅程进行设计很棒,但是接下来我们需要确保它可行!跟踪分析,找出人们在哪里下车以及沿途使用的设备。然后返回并改善理想的旅程。

我们生活在物联网中。假装手机,台式机或平板电脑将成为未来之路是没有用的。还有更多的设备可以使用,还有更多的技术可以注入我们的房屋,工作场所和通勤场所。旅程驱动的设计允许设计随着技术的发展而扩展和发展。我们开始越来越多地实践这种做法,并希望在接下来的几个月中分享一两个案例研究。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号