Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
表单设计
- 10. 顶部对齐 标签 标签是与输⼊入框紧密结合的表单构成要素。 2个的对⻬齐⽅方式决定了⽤用户在浏览表单时，视 线路径的差异，不同的对⻬齐⽅方式所导致⽤用户不 同的体验。 这个是设计师在设计时不得不考虑的问题。 现在⽐比较常⻅见的对⻬齐⽅方式主要有： 顶部对⻬齐 ， 左对⻬齐，右对⻬齐，居内对⻬齐 • 易视觉扫描 • 易理解 • 综合优势明显 13年7月3⽇日星期三
- 11. 右对齐 标签 • 易视觉扫描 • 易理解 • 节约表单长度 • 反馈等信息易显示 • 综合优势明显 13年7月3⽇日星期三
- 13. 居内对齐 标签 • 最大限度节约空间 • 时间成本低 • 支持input单一 • 无法处理复杂内容 居内对⻬齐⽅方式是近期出现频率较⾼高的对⻬齐 ⽅方式，他可以最⼤大程度的节省表单空间， ⽤用户视线也是最短的。时间成本降到最 低。 但这种对⻬齐⽅方式也有⾃自⼰己的限制，标签内 容必须容易理解，逻辑不能复杂。 否则会让⽤用户迷茫 13年7月3⽇日星期三
- 14. 动作 3 13年7月3⽇日星期三
- 19. 快速 准确 高效 主要动作 次要动作 13年7月3⽇日星期三
- 20. 快速 准确 高效 减少⽤用户潜在的出错率，需要对 主动作 和 次动作 进⾏行视觉的差 异区分。 主要动作 次要动作 13年7月3⽇日星期三
- 21. 快速 准确 高效 在表单使⽤用频率很⾼高的情况下，动作的⾼高效 更为重要，主次动作区分明显，可以让⽤用户 短时间内完成表单动作。 Amazon Google Offer 主 次 主 次 13年7月3⽇日星期三
- 23. 静态帮助 根据⼀一些眼动仪的测量数据，⼤大多数⼈人填 写表单的时候会直接跳到第⼀一⾏行输⼊入框这 ⾥里。⽤用户有⼀一种⼀一开始就填写表单的倾 向，忽略帮助信息 所以静态帮助的使⽤用需要好好规划 • 优点: 简单,一目了然 • 缺点: 可读性不强，容易被忽略 13年7月3⽇日星期三
- 24. 动态帮助 动态帮助会利⽤用⼀一些视 觉元素与⽤用户产⽣生互 动，吸引⽤用户 • 优点: 信息可读性强，关注度高 • 缺点: 只有在填表或者触发时才出现 13年7月3⽇日星期三
- 32. 『淘宝对100个著名注册表单统计分析』 38% 62% 选填项 没有选填项 少于5个选填项 12% 34% 54% 必填项 5个输入框 6-8个输入框 超过9个输入框 简洁表单 13年7月3⽇日星期三
- 33. 1.7.1 简洁表单 表单信息简化是的一个愈发重要的趋势 Keep 保留 Cut 砍 Explain 解释 Postpone 延时 简洁表单 13年7月3⽇日星期三
- 34. 让用户忘记自己在填表单 弱化形式，忘记表单 简洁自然 保留功能 不强主题 画面融合整体感强 忘记表单 13年7月3⽇日星期三