美文网首页
边界情况的设计

边界情况的设计

作者: Kaesar | 来源:发表于2016-06-16 16:36 被阅读120次

基础篇

目录
1.兼容性
2.横竖屏
3.网络
4.数据
5.上传下载
6.出错
7.对话框和提示

兼容性

系统版本
截至2016年6月24日,iOS最新版本为iOS9。iOS版本所占比例为:

iOS各版本比例
  • 兼容iOS7及以上


    iOS 9

数据来源于这里

手机版本
截至2016年6月24日,iPhone最新版本为iPhone6s。

iphone6S
  • 兼容iPhone4S及以上


    iphone

横竖屏

只支持竖屏显示

首页

网络

** 发送网络请求 **
显示菊花,可根据界面需求,考虑是否中断屏幕操作


菊花

** 无网络 **
一些主要操作依赖于网络,在无网络情况下给出提示。

  • 依赖于网络的界面应该先优先判断是否有网络,再处理其他异常。


    网络断开

网络请求超时
在程序默认的等待时间内没有得到的响应。设置等待和请求时间,超过30秒就获取失败,并超时提示。

  • 请求发送超时
请求发送超时
  • 服务器响应超时
服务器响应超时

数据

** 空数据 **
未产生数据的情况下,显示一定的信息让用户看到信息,了解界面是做什么的,并在适当的时候引导用户去产生数据。

还未添加银行卡 今天未收银 无会员 还没有员工 无收银员

** 搜索数据 **

  • 显示搜索过程


    搜索进度
  • 无搜索结果


    无搜索结果

** 数据请求 **

  • 数据请求过程和加载过程。中断屏幕操作


    菊花
  • 局部显示菊花,中断屏幕部分操作,但可以返回


    局部显示
可以返回

** 数据加载 **

  • 数据加载,默认20条数据。


    平台奖励账单

注意:10条数据太少,滚屏浏览会频繁的刷新数据,预期一次加载2屏幕的内容,便于用户浏览

  • 数据加载失败,可以重新刷新


    数据加载失败

** 数据刷新 **

  • 列表下拉进行数据刷新


    最近
时间点 日期

注意:
规则1:30分钟内,显示最新
规则2:一天内,24小时制,显示小时:分钟
规则3:其他仅显示日期

** 数据缓存 **

  • 缓存数据,建议20条记录


    平台奖励账单

*注意:
1.由于没有办法缓存全部数据,如果有新数据,数据重新加载
2.下拉刷新时重新加载
3.断网时可浏览缓存数据

下载和上传

下载
情况1:下载进度
情况2:下载失败
情况3:下载成功

注意:暂无下载需求

  • 上传

  • 上传进度


    上传进度
  • 上传成功,通过单独界面或者对话框的方式提示用户


    提交成功
收银成功
  • 上传失败,提示用户


    上传失败

出错

程序崩溃
程序应避免崩溃

接口异常
包括接口异常、参数不符合要求

提示

规范1.应该避免向用户描述接口异常,** 用户ID错误 **等专业名词
规范2.一部分错误,由服务端向客户端返回错误码,由客户端定义提示内容
规范3.另一部分错误,有服务端直接返回提示内容,客户端直接向用户提示

服务器异常
规范1.应该避免向用户描述“404”等专业名词

对话框与提示

Toast
Toast是一种简易的消息提示框。告知用户任务状态,操作结果,例如:发送成功,加载中,删除成功。Toast会在屏幕所有层的最上方。显示时间有限,1秒后消失。考虑到显示的时间,容易被用户忽略,不适合承载过多的文字和重要信息。Toast的出现与用户的操作行为紧密相关,所以其出现的位置与用户的操作最好能联系在一起。比如正在登录:

登录

规范1.弱提示,不需要用户特别关注和及时处理。用户不阅读也不会影响到使用
规范2.屏幕所有层的最上方,显示在屏幕中间位置,1秒后消失
规范3.除非特别需要,否则不加图标

网络请求失败(避免) 支付成功(提倡)

规范4.文字描述不要句号、问号、感叹号
规范5.弹出方式(淡入淡出,持续时间300毫秒,动画曲线:easy in easy out)
规范6.显示位置为屏幕上下居中、屏幕左右居中

注意:
1.Toast的位置,显示时间可修改

参考安卓设计规范

Alert
Alert是模态的提示框。使用Alert时必须传达出清楚且可操作的信息。Alert会打断用户的操作,要求用户集中精力来处理其传达的信息,并需要一次点击才能结束,因此要让用户明确知道警告框出现的合理性和必要性。并且Alert的出现必须非常克制,这样用户才不会因为频繁的点击确定而导致不必要的损失。

Alert警示框
  • 在用户进行操作后,APP执行操作前,如果用户的操作的结果会带来比较严重的后果,如不可撤销的数据删除,金钱交易,退出登录等。
数据未保存,返回确认 退出登录确认
  • 出错提示


    提交失败
  • 表单校验提示


    表单填写不符合要求

规范1.只在必要的时候显示标题,用简单的文字作为标题告诉用户结果


登录失败

规范2.句末可以使用问句“?”,不适用句号“。”和其他标点符号
规范3.操作按钮,避免出现简单的“是”、“否”
规范4.如果有2个操作按钮,希望用户点击的操作放在右边

Action Sheet
操作列表提供一组与当前上下文的两个或更多的选择,响应控制或操作警报。让人们开始任务之前或执行一个潜在的破坏性操作之前请求确认。在小屏幕,一个操作列表从屏幕底部向上滑动,在大屏幕,操作列表是一个弹出层。

打折

规范1.提供一个取消按钮,让用户放弃任务。取消按钮操作列表的底部。
规范2.使用红色突出执行破坏性或危险动作的按钮,在操作列表顶部显示
规范3.避免使用滚动的操作列表

参考iOS人机界面指南

8.中间状态
类似下载,上传,导入,添加等操作都有一个过程,需要响应/等待时间,通过给中间过程状态增加一些动画。比如:

登录


正在登录

重置密码


重置密码

支付


支付

注意:
1.最小干扰原则。不增加干扰的前提下,对用户使用,理解有帮助
2.不影响操作的连贯性。考虑是否会中断屏幕操作
3.考虑支持取消或者返回
4.操作结果给出必要的反馈

相关文章

  • 边界情况的设计

    基础篇 目录1.兼容性2.横竖屏3.网络4.数据5.上传下载6.出错7.对话框和提示 兼容性 系统版本截至2016...

  • 边界值分析法

    边界值分析法也是一种黑盒测试用例设计方法。由大量的测试经验总结得知大量错误往往发生在边界情况,所以针对边界情况设计...

  • 设计中的添加变化(五)

    改编自伊达千代前辈的《版式设计的原理》一书 边界 配置要素多的情况下,如何设计要素之间的“边界”是很重要的。 在设...

  • 那些培训机构不会教你的事儿(3)

    本章继续讲解测试用例设计方法——边界值 经验告诉我们,边界上的值出现问题的概率比较大。一般情况下边界上的值一定要取...

  • 从0到1设计一个CPC分时自动投放系统(三)——效果和评估

    前言 上篇文章我们设计了一个简单的算法,并分析了的边界条件和边界情况。这篇文章,我们将评估推广通自动投放算法使用前...

  • 2020-05-26

    异常逻辑、极端情况、边界问题、页面细节在产品设计阶段无法100%考虑周全,目前大部分产品经理的做法是在设计阶段尽量...

  • Vue 处理边界情况

    访问根实例 1 .this.$root2 .所有的子组件都可以将这个实例作为一个全局的store来访问或者使用3 ...

  • vue 处理边界情况

    访问根级组件实例 $root $root访问的是根节点的属性,小型项目可以用在根节点设置属性等提供给子页面调用,...

  • 一些边界情况的处理

    程序的边界情况(有时候也叫退化情况),不是经常遇见。有些边界情况对结果影响不大,有些却能产生莫名其妙的结果。只要用...

  • 第五讲 二分搜索(1)——模板

    模板 模板分为五步: 空列表判断 循环状态初始化 循环的执行条件(当碰到边界时跳出循环) 循环内部情况 边界情况

网友评论

      本文标题:边界情况的设计

      本文链接:https://www.haomeiwen.com/subject/pcbmdttx.html