首页 > 网页教程 > 设计分享 > 设计教程:这10个小技巧让长表单填写更省事

设计教程:这10个小技巧让长表单填写更省事

时间:2018-01-29    来源:人人都是产品经理

针对长表单设计,本文作者结合自己的项目经验和使用其他APP时的一些好的体验,总结了10个小tips。enjoy~

表单设计是我们做产品设计时经常会做的一件事,特别是长表单,在设计时尤其要注意。

没有用户愿意对着一串很长且无聊的字段机械式的填写。

针对长表单设计,我结合自己的项目经验和使用其他APP时的一些好的体验,总结了下面10个小tips:

  • 提前告知所需材料,避免表单填写过程被打断 。
  • 用户激励,提前告知用户完成表单的奖励。
  • 清晰告知用户完成整个表单的步骤 。
  • 先易后难,将容易完成的表单放在前面 。
  • 自动填写。
  • 提供合适的输入方式。
  • 数据自动保存。
  • 识别代替输入。
  • 适时地鼓励与反馈。
  • 及时的帮助。

1. 提前告知所需材料,避免表单填写过程被打断

在用户正式开始填写表单前,提前告知用户完成表单所需的材料,比如身份证或工作证等,让用户可以提前准备好,避免途中因为准备材料被打断。 也可以防止用户在途中因为某些原因暂时不能提供相应的材料而中途放弃,这种情况对用户体验是一个很大的伤害。

△ 东兴198

△ 涨乐财富通

2. 用户激励,提前告知用户完成表单的奖励

在用户开始任务前,提前告知用户完成任务后可以获得哪些好处。比如可以获得特权、实物奖励等,增加用户对完成表单的期待感,可以有效地提升用户完成任务的动力。

△ 东方财富

△ 正和岛

3. 清晰告知用户完成整个表单的步骤

这个仅针对分步表单的设计。

在开始任务时,清晰的告知用户整个表单的填写有多少个步骤,每一步是什么,可以让用户形成一个清晰的预期,减少用户在填写表单过程中的不耐情绪。 未知的东西更容易让用户焦虑。

△ 51信用卡管家

△ 平安证券

相关推荐
25个创意独特的Web表单设计案例欣赏
7个技巧帮你设计出用户体验极佳的网页表单
设计一个体验友好的APP登录表单需要注意那些?
高用户体验的表单设计该怎么做?
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
15个超棒的无线移动终端UI设计案例赏析
响应式网页设计正成为移动互联网大势所趋
浅谈界面设计中的结构设计
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
国外精彩网页界面设计案例赏析
Photoshop教程:提高IOS设计效率的30个要诀分享
网站专题页面的视觉设计及结构布局要点分享
另眼观看用户界面扁平化设计的不足之外
产品视觉设计与用户心理的有趣现象
10个漂亮实用并附带源码的Web设计教程分享
优秀移动APP应用图标设计指南
在视觉设计中对像素的深度解析
什么是扁平设计?如何创建扁平化设计风格?
色彩情感对用户体验设计的影响
换汤不换药?看应用们如何“为iOS 7设计”
高效UI设计秘笈 Photoshop CC使用技巧图文教程
界面设计教程:如何做好扁平化设计之交互篇
移动应用图标配色诀窍 APP界面配色设计教程
产品设计教程:提升用户使用黏性的6个诱惑手段
扁平化:回归真实的设计
iOS7用户界面设计的10个准则分享
UI设计师自学记:抄袭别人,超越自己
Windows Phone 8 UI设计指南分享
APP设计经典:Pinterest的交互细节
从引导页设计说起 谈谈如何提高产品体验
游戏网站设计案例分享:聊聊那些让页面更加出彩的设计
8个评价UI设计作品好坏的标准
20个最火爆的Behance网页设计及UI案例解析
大开眼界!2014年最逆天的UI设计

精彩推荐

热门教程