2B产品设计套路一:表单设计( 八 )

\r\n错误的显示形式 , 为了让用户更直观的找到错误项 , 一般是在输入/选择框的下方用红色文字提示 , 如下:\r\n(4)帮助\r\n2B业务中有些字段信息比较专业 , 用户可能一下理解不了 , 所以我们需要给用户一些指引 , 教给用户填写什么 。 \r\n帮助的显示形式主要是【?】图标+ 鼠标 hover 显示帮助信息 , 或者是直接用灰色文字显示在输入框下方 。 第一种hover显示的方式可以展示更多的内容 , 输入框下方显示的方式更加直观 。 \r\n我一般会选择第一种形式 , 除了对输入内容进行描述外 , 一般会给出一个栗子 , 这样的帮助更加直观一点 。 第二种形式的帮助在输入框比较多的时候会让整个页面显得比较乱 , 而且还要处理和错误校验信息显示的关系 , 所以我一般不会用这种方式展示帮助信息 。 \r\n(5)搜索、联想与推荐\r\n如果以下拉框选择形式填写信息 , 但是选项非常多 , 用户会很难找到想要的选项 。 所以一旦选项需要滚动查找 , 就最好加上搜索选项的功能 。 当然最好可以把用户使用次数较多的选项放在最前面“常用选项/热门选项”里 , 形成一个小的推荐功能 。 \r\n

推荐阅读