赞助商
立即赞助

不仅要考虑到一般情况,设计师还要为极端情况而设计

产品经验3年前 (2021)发布 流光
2.4K 0 0

Nick Babich :我们在进品设计时候,经常会优先考虑理想状况下各色场景,而理想用户流程是没有任何问题和障碍。是现实生活往往不是这样,在囧途情况不时会发生。而计划问题,是我们所说「边缘情况」,或者说「极端情况」。

极端情况发生率很低,是它们于用户体验有着大影响。于积极、畅交互,用户很少会记,是偶然碰到极端情况,则会在内心身处留下深刻印象。如于极端情况没有合理处理案,个品体验可能会此受损。

在今天的章当中,我将会分享一些相对见的极端情况的处方法,如何通过在设计中合的规划来规避。解决极端情况通有两种基本的方法:

  • 防止边缘情况发生
  • 为边缘情况的处供支持

出选择,是防止极端情况最好法。在某些情况下,过降低个系统复杂性可以起到防止作用(比如限制用户和系统交互时候可执操作数量)。复杂性降低可以让极端情况发生率降低。是,有些极端情况是法完全规避,此你需要过设计和支撑来缓解这些极端情况带来影响。

1. 和延时加载进行斗争

随着技术发展,用户越来越不耐烦了,不愿意等待是最接表现。根据Google 最新调研,2/3移动端用户表示,页加载速度于他们移动端体验影响最大。为了满足用户期望,你应尽可能让网站/APP 尽快加载。是在实使用场景,会有各情况让加载法畅地进。延时加载原很多,可能是网络连接不好,或者其他。是不论如何,你应该创造出「正在努力加载加载速度」感觉。要知,看起来加载速度比实加载速度更要。

在载页面的过程中先载整个布的骨架,给人一种速感,一种看起来实际载要快得多的观感受。这种技术被称为骨架布。

不仅要考虑到一般情况,设计师还要为极端情况而设计

LinkedIn 就是通过骨架布给人载速很快的印象。

2. 设计好空状态

很多和 APP 的页面当中,设计的时候被填充了各种各样的数据和容,但是在实际的情况当中,它们有可是没有可数据的,就是我们说的空状态。如在某个健身应当中,户在成第一次健身之前,户挑战页面是没有数据来填充的,可是空白的。作为设计师,这种情况是需要尽量规避的,一个空白的页面留在那里肯定是行的。相反,设计师可供诸如如何填充页面的说明,或者引导性的容,而是留一个人懵逼的页面。iOS 平台的 Khaylo Workout 这个应就是空状态页面设计的典范例。

不仅要考虑到一般情况,设计师还要为极端情况而设计

可使空状态页面来为户供正确使的说明。

3. 解决用户和系统的错误

每个户和系统之间的每一个交互都可是错误的来源。当需要户输入数据的时候,错误就很容易现了。我们到过,为了防止在这个环节错,最好的办法是供户输入的规则。但是当涉及到户输入的时候,我们应该着手处潜在的问题:

  • 用户输入数据效。比如,用户在结帐时候输入了误信用卡号码。这情况下,应用应该提供详细精准报信息,帮助用户定位问题来。
  • 由于技术问题,系统无法继续行。在这种情况,错误信息应该明确地说明是系统成的,而是户成的,这可阻止户继续交数据。

在这两情况下,你都应该确保应用或者网页能够正常处理误。误消息要晰,使用用户友好语言来编写(避免使用高深术语),系统应该提供精确解决案(这可能是系列指令,或者其他可用东西)。

4. 可用结果为零

绝大多数网站和 APP 都会提供搜索功能,在搜索功能最常见可用性问题是用户搜索到结为零,然后获是个空白页,并提示信息为「找到0个结」。这样结疑是会让用户感到沮丧,特是他们为此反复搜索了好几。

如果你控制你的搜索功,请考虑按照面的方式来处:

不仅要考虑到一般情况,设计师还要为极端情况而设计

  • 提供拼写检查和搜索建议。有的时用户仅仅只是输错单词或者词汇,因此没有得到有用的结果。当系统检测到输错误的时,查询并提供最接近的能的正确的搜索关键词,一功能非常有用。另外一个接近的功能就是搜索建议,提供对用户正有用的关键词组合,以减少用户的输的工量,还以规避错误的输。
  • 没有匹配搜索结时候,为用户提供可能有用条目或者精选内容。例如在电商网站,搜索结往往会提供相关、类似品。

对比一下普和亚马逊的搜索页面就以轻松地明白我所说的意思,普的零结果页面几乎就是个死胡同,相反亚马逊则给用户进一步搜索的能,以及相关的产品推荐。

不仅要考虑到一般情况,设计师还要为极端情况而设计

如何找到极端情况

些设师认,极端况往往意料之外的况,但实际,绝多数的极端况可以提预测的。两种方法可以帮找到极端况:

  • 计评审。为了创造出色的计,你应当主动寻找极端情况。计评审是一个非常有用的环节,它可以帮助产品队找许多潜在的优势案例。在产品计的早期,就应该进行计评审。为了获得更好的结果,最好邀请开发人员和其的队成员参此类会议。
  • 使用真实用户测试。尽早其他的团队员的帮下寻找极端况一种很好的办法,但它不能保证会发所的问题源。只真的用户行测试的时候,能帮了解用户使用的产品的时候所面临的问题。同时,得一提的,严格且节制的可用性测试,用户可能会因常被指示什么很难暴露极端况的存。所以,好创建一让用户可以试探索的体系,灵活的测试充足的时间下,易找到问题。

结语

在设计产的时候,我们会更专注于绝大多数的户的需求,使80/20原则来创建交互场景,探索户体验。而绝大多数情况,这样的思路确实带来了优良的体验。但是极端情况是始终存在的,对于细节的专注与否是产脱颖而的键。注极端情况。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

三木自习室:今天这篇译文是关于 MVP 产品和 MAP 产品的,在读到这篇文章之前,我确实只知道互联网产品有 MVP 产品这么一说,...
产品设计
画过不少图标,也总结了很多大神的方法,在此归纳一下简单的图标画法,希望对大家有帮助。作为一名 UI 设计师,必须要重视 ic...
ICON
这篇内容较少,但是非常重要实用,因为提供了很明确的几份设计走查表,用于在发布产品之前检验问题、清单共有4个,分别针对不...
交互设计流程
最新的一期前端开发者干货合集来了!在这个栏目当中,我们主要是给前端开发者提供各种实用有效的工具,其中不少工具也是设计...
前端干货
旅程映射创建了一个完整的体验视图,正是这一过程将不同的数据点聚集在一起并进行可视化处理,以了解产品需求,从而可以吸引...
产品设计
@糖糖糖就是糖 :关于水彩,最近经常被问到有什么书籍推荐么?有什么工具推荐么?真的非常感谢大家的喜欢和信赖。终于动笔,...
手绘
现在,当你打开 Instagram、Airbnb、Apple Music、Twitter、Dropbox 这些应用的时候,乍一看很难区分清楚彼此的区别:带有圆...
App设计
@Jenny黄静雯 :​​​空状态是APP内必然存在的一个状态,适宜的空状态设计可以提升用户体验,实现用户留存。鉴于空状态在异常状...
交互设计