bst365最新正规买球

北京网站设计——有哪些异常情况 如何处理?
  • 更新时间:2024-07-19 00:17:59
  • 网站建设
  • 发布时间:1年前
  • 287

设计中的异常是指正常状态以外的情况。比如你要设计一个下载按钮,下载按钮需要有多少种状态?

正常状态下需要提供的下载按钮的状态应该是: 点击下载(下载前) 正在下载(或正在下载、59%下载等) 下载完成如果你在设计中只提供这三种下载状态: 不够(其实有些新手设计师只提供点击下载的状态)。

还要考虑如果下载过程中出现断网,或者用户暂停下载等情况怎么办?

这是例外。

因此,除了前面三种状态,还需要提供继续下载、下载失败等状态。

下载完成后,一般会自动安装当前设计。此时会显示正在安装。如果未自动安装,则需要进行安装操作。安装完成后,提供打开操作。

当然这里包含的异常状态主要是暂停后继续下载、下载失败等。

下图是我制作的下载按钮。可以看到很多状态,比如点击下载、下载完成、安装、打开等,视觉上是一样的,只是文字不一样。 

即便如此,交互设计师和视觉设计师都应该给出这些应有的状态,否则程序员将不知道在哪种情况下使用哪种形式的按钮。主要包含以下 7 种情况:网络环境相关:下载失败、服务器错误、网络断开、网速慢、加载失败、网络连接失败(wifi密码正确、连接不成功);空状态:搜索结果为空,无浏览记录,无收藏,无购买记录,无订单记录,无下载记录等;表单异常:密码错误、输入字符太少、数量过多、账号密码等不符合相应规则、账号过期、必填项未填写(提示定位)、必填项输入字符为空等。时效性:二维码/验证码的过期/失效,如有效链接、二维码等;限制值:上传文件超过限制大小,操作过于频繁(频繁刷新,点赞,摇一摇,戳戳等,需要友情提醒);不可用:账户不存在、账户过期、选项不可用、按钮变灰等;其他:外接设备连接失败(如遥控器、音响、手机等)、断电/低电量、安装失败; 2、用户在操作过程中感觉不到这种异常,对用户操作影响较小。

事实上,登录、支付、提交等一些按钮仍然处于“不可用”的状态。当用户没有输入信息时,登录按钮是灰色的,只有在用户输入相应信息后,该按钮才会高亮显示。 2. 异常情况总结通过上面的例子,相信大家已经充分了解了设计中的异常是什么以及如何处理。下面总结一下设计中常见的异常情况。

异常处理其实分为两种情况。两种异常情况的处理1、界面有明显提示,需要用户了解情况,影响用户下一步操作。

主要是用户切换任务导致的异常:比如按home键突然退出/切换应用,返回键退出,下载进程退出等。

以上是设计中常见的一些异常情况的总结。看到这里,很多朋友可能会说,这么多,我怎么记不住。

我个人的建议是:如果你熟悉以上异常,那么在设计类似模块时,你会实际考虑相应的情况;如果对这些不熟悉,可以将文章中描述的异常作为checklist,在设计相应模块时,可以参考是否会出现上述情况。 3、异常处理接下来分析这些异常情况的处理方法,以异常的方式进行处理。

与网络环境相关:下载失败、服务器错误、网络断开、网速慢、加载失败、网络连接失败(wifi密码正确、连接不成功) 1、下载失败一般需要有明确的下载失败提示,可以提示通过弹窗、Toast、列表等方式,如下图提示用户进行下一步操作,如重试、重新下载、删除等操作。

2.空状态搜索结果为空,无浏览记录,无收藏,无购买记录,无订单记录,无下载记录等。

其实空状态很好理解,就是当页面没有内容时,空页面一般会提醒用户当前页面的空状态,也可以提供适当的引导。

比如在影视app中,如果观看记录为空,可以为用户推荐电影,比如热门电影,猜你喜欢,以及其他热门推荐,供用户选择。

但是,如果您不确定您推荐的用户是否喜欢,则不建议进行推荐。

3、表格类异常:密码错误、输入字符太少、数量过多、账号密码等不符合规则、账号过期、必填项未填写(提示定位)、必填项输入字符不正确空等

4. 对时间敏感的二维码/验证码的过期/失效处理,如有效链接、二维码等。

有效性更多体现在二维码、支付码、验证码等有时间限制才有效的情况。通常,它们失效后需要刷新。手机端的筛选操作一般是点击或者下拉刷新; PC端一般是点一下,但是在TV端,按“OK”键刷新。 

如下图所示,显示了QQ二维码扫描登录页面和UC浏览器手机登录页面。

5.限制上传文件超过限制大小,操作过于频繁(频繁刷新、点赞、摇一摇、戳戳等,需要友情提醒)

v>对于文件过大无法上传、下载这种建议都是采取弹窗的方式告诉用户当前状况,明确问题并且加上操作提示。如新媒体管家中的导入的 word 的文件不能超过10M的提示如下左图所示。
对于操作过于频繁,比较常见于 QQ 中的抖动窗口,其实在一些电视页面的手机截图工具中,刷新太频繁也会弹出 Toast 提示。
6. 不可用账号不存在、账号过期、选项不可选、按钮置灰等。
账号不存在用于登录时,输入的账号不在已注册的账号中,则会提示此账号不存在,是否立即注册等。
7. 账号过期APP 或网站中,登录账号后,如果太久不使用,则会有过期的期限,设计师需要根据 APP 的具体情况设置登录过期的时间期限,此时需要提醒用户重新登录。
主要有 Toast 和弹窗两种方式提示,这需要根据账号过期对用户的影响大小来决定用哪一种方式。
如下方左图所示,登录账号过期对用户使用此应用的影响不大,则可以采用 Toast 轻提示的方式处理;如下方右图,如果不登录账号则无法使用此应用的功能,则需要采用弹窗强提示的方式,提示用户去登录。
8. 选项不可选主要包含当前的选项中有不可选的选项,还包括在不达到某种条件情况下,无法使用此功能的按钮等。
9. 其他外接设备连接失败(如遥控器、音响、手机等)、断电/电量过低、安装失败。外接设备连接失败需要提示,如果知道连接失败原因,建议给出原因。
断电情况通常用于 PC 端和 TV 端,断电后需要为用户恢复文件。很多设计软件都有这个功能,一旦软件无响应或者其他异常情况导致文件出问题,一般都会提供恢复文件。安装失败后需要提供提示安装失败原因,如存储空间不足、文件已损坏的提示。
10. 用户切换任务引起的异常较多如按 home 键突然退出/切换应用、返回键退出、下载过程退出。
11. 服务器出错服务器出错的页面常见的500、501、502、503、504、 505 等 5 开头的页面。其中这些错误的解释如下:500 内部服务错误:顾名思义 500 错误一般是服务器遇到意外情况,而无法完成请求;501 服务器不具备完成请求的功能;502 Bad Gateway错误;503 服务器目前无法使用(由于超载或停机维护);504 Bad Gateway timeout 网关超时;505 服务器不支持请求中所用的 HTTP 协议版本。服务器异常时,在网页端的处理方式为提示+返回,在移动端的处理方式为提示+重试,下图是一些普通的处理方式。
近几年,很多网站和应用将这种异常页面设计的相对美观和有故事性一些,提升了整体的趣味性,减少用户的焦虑。例如网络被外星人劫走了之类的,相信大家也看过很多。这里就不举例子了。
12. 网络异常断网、网速过慢、网络连接失败(wifi 密码正确,连接不成功)
其实都是属于网络异常的情况,加载失败有时是网络速度慢造成的,有时可能是IIS(Internet Information Services 互联网信息服务)空间不足。下图是一些网络异常情况下的处理方式。
如果网络异常之前应用没有缓存之前的页面的内容,则整体提示用户网络异常,也可以提供一个操作指导用户操作;
如果网络异常之前页面已经缓存则显示之前的页面,Toast 轻提示用户网络异常,此类异常建议用户再次打开时,回到上次用户离开前的状态。如果数据被清理,则回到上次保存的数据页面中。四、总结文章主要总结了设计中常用的异常情况,并且给出了相应的解决方案,最长用的规则就是给出异常提示+下一步操作提示,既明确了出错原因,又指引用户下一步操作,用户是相对容易接受的。
本文章来源推来客:北京网站设计公司

我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!

本文章出于推来客官网,转载请表明原文地址://www.tlkjt.com/web/11625.html

扫码联系客服

3985758

回到顶部