网页设计中的边缘设计。

当我们设计我们的产品时,我们经常为快乐的路径场景设计,理想的用户流没有任何障碍。但是在现实生活中,有些情况是不需要计划的。这种情况被称为"边缘案例"。

边缘案例可能非常少见,但它们对用户体验有显著影响。用户很少记得正面的互动,但他们经常记得负面的经历;如果你没有为这种情况做准备,整个过程可能很快就会失败。

在本文中,我将介绍一些您可能需要处理的边缘案例场景,以及如何在设计中为它们进行规划。处理边界情况有两种基本方法:

防止边缘情况发生

支持优势情况下

如果有选择的话,最好是防止出现这种情况。在某些情况下,这可以通过降低系统的复杂性来实现;较低的复杂性降低了出现边界情况的可能性。然而,有时不可能防止边界情况发生,所以您经常会发现支持边界情况是您的用户最好的选择:

1、战斗延迟加载

随着技术的快速发展,用户的等待意愿也降低了。根据谷歌的最新调查,2/3的移动网络用户说,加载页面的速度对他们的整体体验影响最大。为了满足用户的期望,你应该尽你所能让你的应用程序/网站加载速度尽可能快。但是不管你怎么努力,总有一些情况下你不能遵守速度指南。缓慢的加载时间可能是由有限的网络连接造成的。如果你能改善实际的表现,至少试着创造一种速度的感觉,种感觉的快慢往往比它实际的速度更重要。

一种可以帮助你的技术叫做骨架屏幕。骨架布局是页面的一个版本,在加载内容时显示。骨架屏幕给用户以速度的印象(大多数用户会认为加载速度比实际快得多)。

网页设计中的边缘设计(图1)

linkedIn使用框架屏幕给人以速度的印象

在纯CSS中检查这个Codepen例子的骨架效果。脉冲的效果让用户感觉网站是活的,内容是加载的。

2、设计空的状态

在你的应用程序或网站中,应该有数据填充的单独的屏幕在某些情况下是不可能显示的。例如,在一个健身应用程序中,用户挑战的屏幕会在第一次体验中被清空(仅仅是因为用户还没有遇到任何挑战)。作为设计人员,我们需要考虑页面在这种情况下的样子。显示空白页不是正确的做法。相反,我们可以提供如何用数据填充页面的说明。在iOS中,Khaylo的练习是一个很好的例子,说明了如何使用空白空间来创建上下文。

网页设计中的边缘设计(图2)

页面上的空白可以用来清楚地说明如何开始

3、处理用户或系统错误

每个用户与系统的交互都可能是错误的潜在来源。当用户需要提供数据输入时,错误状态尤其常见。我已经提到,最好是防止错误发生在第一个地方,这个规则应该应用于用户输入。但是当涉及到用户输入时,我们应该着重处理以下潜在的问题:

用户输入的数据无效。例如,用户在签出期间可能会将信用卡号错误输入。在这种情况下,应用程序应该提供详细的错误消息,帮助用户检测问题的根源。

由于技术问题,系统无法进行。在这种情况下,错误消息应该声明它的系统问题,而不是用户的。这将防止用户重新提交数据。

在这两种情况下,都应该确保应用程序能够优雅地处理错误。错误信息应该以一种清晰的、用户友好的语言(不允许使用行话)来写,系统应该提供一个精确的解决方案(这可能是一条指令或其他可能有用的方法)。

4、零结果

大多数电子商务网站和应用程序都提供搜索功能。在搜索功能中最常见的可用性问题之一是当用户看到空白页面时,会发现"0结果"。"在没有结果的情况下把某人丢到一个页面上是很令人沮丧的。"特别是如果他们已经尝试了几次。

如果你设计你的搜索功能考虑使用以下技术:

拼写检查和建议。有时,用户没有得到任何结果,仅仅是因为他们错误地输入了一个搜索查询。当系统检测到一个错误的项目并根据最可能的查询提供搜索结果时,它非常有用。另一个对用户非常有用的技术是自动完成建议。这减少了用户输入的工作量,并防止他们在一开始就输入错误的查询。

网页设计中的边缘设计(图3)

Amazon理解这个查询中用户的意思是"Amazon Alexa"。

提供有价值的选择。当没有匹配的搜索结果时,您可以提供特色内容或任何其他有价值的选择。例如,在电子商务网站的上下文中,这可能是同类产品。

网页设计中的边缘设计(图4)

简单地比较HP和Amazon的零搜索结果页面。惠普的零结果页面对用户来说是一个死胡同。相反,亚马逊提供了进一步搜索和推广相关产品的建议。

如何找到边缘案例?

一些设计师认为,设计边缘案例类似于预期的意外。但事实上,绝大多数的边缘案例都可以在产品发布之前预测。有两种方法可以帮助你:

设计回顾:为了创造伟大的设计,你应该积极地寻找边缘案例。设计评审是一个非常有用的技术,可以帮助产品团队发现许多潜在的边缘案例。在产品设计过程的早期进行设计评审。为了获得更好的结果,邀请开发人员和其他团队成员参与这样的会话是很好的。

与真正的用户进行测试:在其他团队成员的帮助下,尽早寻找边缘案例是一个很好的方法,但它不能保证你会发现所有潜在的摩擦源。只有与真正的用户进行测试,才能帮助你了解人们是如何使用你的产品的,以及他们面临的问题。与此同时,值得说的是,严格的适度的可用性测试不会仅仅因为用户经常被告知要做什么和按什么顺序,就会暴露出大量的边界情况。所以最好给用户一个机会去尝试一个系统,给他们更多的时间和更灵活的任务。

结论

当我们设计产品时,我们经常将帕累托原则应用于我们的设计;我们关注的是大多数用户的需求,应用80/20规则,并开发用户体验,以实现最可能的交互场景。在大多数情况下,这允许我们为用户创造良好的用户体验。但是注重细节是区分优秀设计和优秀设计的真正原因。边缘案例的设计是关注细节的一个很好的例子。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/217267.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月14日 01:36
下一篇 2023年2月14日 01:36

相关推荐

  • 从 Dribbble 高赞的 828 个作品中,总结出 2022 设计趋势。

    Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位,对 Dribbble 设计的研究会让我们看清设计的方向。为了保证这篇文章的质量,Dribbble 年度的每个作品都超过 550 赞。在此原则下挑选了 828 件作品,作品总…

    2023年3月1日 SEO操作
    015
  • 界面中的英文字体有哪些注意事项

    1、 网页设计时要选取或者设计英文字体的时候,必须要重视可读性和易读性!尤其是大写字母。 2、 英文字体的选择要合理的挑选内部空间均衡、外部轮廓锐利、末端清晰的字体。因为在字体缩小的时候,空间会被模糊、填…

    2022年6月10日
    0158
  • 网页设计千万不要只注重价格

    互联网有时候是一个“劣币驱逐良币”的年代,而且美其名曰“颠覆”,所谓的颠覆是打破原有的商业模式的基础之上重铸新的商业模式,在网页设计领域,上海网页设计认为,在网页设计这个领域,也面临着这样的考验,对於大…

    2022年6月25日
    0190
  • 在网站运营上,企业应该重视哪些内容

    随着互联网的发展,越来越多的企业意识到网站建设的重要作用,互联网上的网站数量不断增加,网站运营的难度也会变得越来越大,更甚者有部分企业在网站运营上注入大量的资源,但最终的效果仍然不如人意。那麽,在网…

    2022年6月25日
    0121
  • 如何让动效设计快速又清晰

    快速 当界面设计当中的控件元素需要借助动效来转变位置和状态的话,动效元素的速度应当设计得适中。简单来说就是不能太慢,不能让用户为了动效的加载而等待。同样的,也不能太快,否则用户不能很好的明白和理解这个…

    2022年6月25日
    0124
  • UI设计基础知识:新手该用哪款UI设计软件

    谈起UI设计软件,相信很多设计师首先想到Sketch,与曾经设计界的一个Photoshop相比,Sketch虽功能不够强大,但胜在更轻量,更高效。但时至今日,每年都有不同的设计软件、动效工具、标注工具、原型工具问世,UI设计…

    2022年6月23日 建站资讯
    0132
  • 12种常见的网页布局设计详解(多图)

    为什么了解网页布局很重要?网页布局在很大程度上决定了网站的访问者将如何与网页内容进行交互。这里将介绍12种常见的网页布局形式,例如卡片式、分屏布局、网格布局……一起来看看吧!1、卡片式网页布局卡片式布局被…

    2023年3月1日 SEO操作
    011
  • 品牌网站设计,不只是这么简单。

    20世纪,世界上最伟大的发现,网络肯定是其中之一。如今大大小小的公司,都想搭上这台快车,透过建设一个网站,扩展销售平台,提升销售额。 但是,许多网页设计公司只关注于网页设计本身,忽略了企业希望了解通过网…

    2019年5月13日
    0233

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息