网页设计中的边缘设计。

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

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

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

防止边缘情况发生

支持优势情况下

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

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

相关推荐

  • 公司网站设计之后如何提高用户访问量?

    现如今,公司网站设计的目的,无非就是为了能够拓展网络业务,更好的文宣和发展公司。但大部分的公司其实对网站还是不具备一定的了解的,只认为网站建成之后就可以带来一定的效益了。那这样的想法也就大错特错了,…

    2019年10月23日
    0181
  • 免费注册网页的软件下载安装。

    在当今的数字化时代,网页设计已经成为了一种重要的技能,无论你是想要创建个人博客,还是想要为公司设计专业的网站,都需要掌握一些基本的网页设计知识,而在这个过程中,网页制作软件就成为了一个重要的工具,这…

    2024年7月4日
    00
  • 小编分享网页设计如何进行动态内容的平衡。

    一个具动态内容的网站需要网页设计支持,具有基于角色访问专用内容或访问个人数据,如个性化定价或推荐产品,成员门户需要更高级别的安全性,例如SSL加密;交互式功能,如论坛,在线聊天或表单;支付网关或安全访问在…

    2023年6月16日
    02
  • 界面设计技巧:如何让界面更有层次感

    现在是靠「样」食饭的年代,你看看各大媒体每年如何吐槽参加南宁小姐的「靓」女就知道啦!同样,网页设计不够「靓仔」都会失去用户对网站的期待,甚至产生厌恶感。所以,要想抓住用户的心,你就要好好掌握一些界面设…

    2022年6月25日 建站资讯
    0201
  • 分享网页设计中利于SEO优化的4个设计技巧。

    在设计或构建网站时,重要的是要有良好的seo做法,并相应地组织网页。这将帮助您的网站排名更高,并帮助用户轻松找到信息。“漂亮”的网站不一定等于有利可图或高转化率的网站。如何设计您的网站,使其利于seo优化呢…

    2023年6月16日
    00
  • 网页设计技巧:留白应该怎样用才好看

    不少设计师对「留白」都会有种莫名的喜爱,尤其在极简主义风格为主流的今天,「留白」更是设计师奉为设计必备的要素。想要一个元素有足够的吸引力,往往就需要通过周围留白来衬托,而这样的设计所营造的用户体验也…

    2022年6月25日 建站资讯
    0128
  • html横线怎么打。

    在HTML中,我们可以使用<hr>标签来创建一行横线。<hr>是"horizontal rule"的缩写,意为水平线,这个标签在HTML文档中表示一个水平的分隔线,通常用于将内容分割成不同的部分或者创建一个简单…

    2024年6月25日
    00
  • 5000字干货!超详细的保姆级间距设计规范。

    编者注:UI设计中的间距到底是什么,有什么作用,如何合理有效地使用?本文整理总结了五个方面,帮你掌握间距设计的方法。前言很多时候,我们发现自己精心设计的作品总是乱乱的感觉,究其根本,大部分都是文字、图…

    2023年3月2日 SEO操作
    01

联系我们

QQ:951076433

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