表单提示检查清单

已经数不清设计过多少个表单了,但最近和表单的接触尤为频繁。因为在设计几个工具型的APP,涉及到大量的数据需要用户提交,必然就会有不少的表单。在开发完成后的测试阶段,发现了一些问题。比如在设计过程中自认为已经是司空见惯的一些反馈提示开发同事并不清楚,以至于需要反复的核对。

而每一次在设计表单的时候,也会感觉很烦。毕竟大部分表单都很常见,也有成熟的模式。由此我想,应该可以把一些相对固定的设计过程也模式化,这样就不用每次设计的时候都需要重头开始,这样可以避免遗漏也可以节省大量时间。

首先我想到的就是表单提示。

表单中所需要用到的提示大致分为三个类型:

1. 帮助提示

2. 正确提示

3. 错误提示

帮助提示:在用户填写前,告诉人们如何回答问题。也就是说,帮助提示就是帮助用户顺利完成表单填写的信息。当然,帮助提示的表现多种多样,会根据实际情况而不同。

正确提示:确保用户知道填写了正确的数据,给用户信心和鼓励。

错误提示:这可能是最常见的提示。分为用户填写或操作错误,以及系统原因产生的错误。

上面三种提示出现的时机,显示方式以及文案都有很大不同,遗漏了哪一点都会对体验带来损失。一个表单涉及到输入项往往很多,如果每一次做设计文档的时候都要重头写一遍,我的体会就是要么设计师头痛,要么设计师偷懒。我是一个比较偷懒但还算敬业的设计师,所以在经历了好多次的折磨之后,产生了做一个检查清单的想法。这样在设计的时候,对于大部分常见的表单,完全可以复制粘贴,然后适当修改一下就大功告成。想一想我真是机智呢。

以常见的登录表单为例:

虽然只是简单的两个输入框加一个按钮,也有不少的提示逻辑需要处理。随着不断的填充,大部分常用的反馈提示都不需要重新设计,直接或者稍做修改就可复用。而且这样的清单交给程序员也清晰明了。

这其实也是设计模式的一种体现,代表了常规问题的最佳实践。除了表单反馈提示,还有很多设计问题都可运用这样的思路解决。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,123评论 25 709
  • 一. 表单设计的影响与原则 1.1 表单的产生 由内而外,网站根据自身信息存储格式要求,从数据库映射成表单。 由外...
    晓梦蝉君阅读 14,194评论 1 30
  • 本文主要包括以下几个方面的内容 1、何时给用户反馈提示才显得及时而又不多余? 2、不同的反馈形式都有哪些特征? 3...
    拾脚印阅读 12,624评论 8 59
  • 一大早起来,看见手机屏幕上都是谢娜怀孕的消息,本以为自己也会充满爱的过完这一天,甚至有一个这么幸福的未来,然而,我...
    杜柳飞阅读 2,828评论 0 0
  • 与人相处时 要管好自己的嘴 这十句话请千万不要说出口 不要评价任何人,因为你也不见得有多优秀。 不要伤害别人,因果...
    蒹葭essay阅读 1,477评论 0 0

友情链接更多精彩内容