网页UI设计技巧

用占位符演示表单内容

表单是界面中极为重要的组件之一，为了保持界面干净整洁，使用占位符描述表单内容是一种常见的手段。如果用户输入时占位符消失，他们可能会忘记应该输入什么内容或采用什么样的样式。

　　为了降低认知负荷，直接使用对应字段格式的占位符来展示给用户，通过字段输入框外确定文本告知用户具体输入的字段。这样不管什么时候，用户都不会存在不清楚填写什么问题的情况。

用清晰报错指引帮助用户

在填写表单字段时，即使有明确的指引，用户依然有相当大的概率填写错误，这个时候报错提示就显得十分重要。

　　用户在填写表单过程中难免会出现，这时要确保错误提示的色彩对比度足够强，方便用户能够定位。同时兼顾有视力障碍的用户，尽可能简单用词，告诉用户如何解决这些错过，避免用户去猜。

使用高对比度的焦点指示器

虽然绝大多数用户都会使用鼠标和触控板操控，但依然有部分用户习惯使用键盘，再者再进行多字段表单输入时，使用键盘Tab按键快速切换也的确比鼠标交互要快。

　　当用户使用键盘进行快速切换，选中按键和输入框的焦点指示器，尽可能使用对比度高的色彩，方便用户清楚知道当前选中的控件，以便产生疑惑或模糊不清的感觉。

　　提高控制界面可访问性，能兼顾更大范围用户，有效延长产品本身的价值，从而提高产品所带来的转换。