表单那些事@icojump.pdf

表单 那些事 饿了么UED @ICOjump 标签 输入框 元素 输入反馈 帮助信息 动作 ico.li 编写于 2012.11 5大元素 输入反馈 帮助信息 输入框 标签 动作 这5个元素是构成表单体验的基础 输入框 1 输入框 ⽂本输⼊框 单选框 输入框 下拉框 ⽂本区域 输入框 复选框 时间选择其他更多控件 输入框 选择合适的输入框 美丽说的⺫标群体是⼥性，默 Facebook的表单采⽤下拉式，⽤ 认选中了⼥的性别。和其定位相 户通过2次操作完成性别的选择， 符合 虽然2步操作，但是更准确 标签 2 标签 标签是与输⼊框紧密结合的表单构成要素。 2个的对⻬⽅式决定了⽤户在浏览表单时，视 线路径的差异，不同的对⻬⽅式所导致⽤户不 顶部对齐 同的体验。 这个是设计师在设计时不得不考虑的问题。 现在⽐较常⻅的对⻬⽅式主要有：顶部对⻬ ， 左对⻬，右对⻬，居内对⻬ • 易视觉扫描 • 易理解 • 综合优势明显 标签 右对齐 • 易视觉扫描 • 易理解 • 节约表单长度 • 反馈等信息易显示 • 综合优势明显 标签 左对齐 • 不易眼睛扫描 左对⻬由于标签和输⼊框之间有⼤段的参差