Luke Wroblewski
一切都始于大学一年级。那时候,我下午上艺术课,深夜“猫”在机房写代码,完成计算机作业。从那时起,我就萌发了平衡表单与功能的想法。抱着这种想法,我去了国家超级计算机应用中心(National Center for Supercomputing Application, NCSA)工作,那里诞生了第一代大众图形界面的网络浏览器 NCSA Mosaic。互联网通过设计和技术产生用户体验。我那时满脑子想的都这些。
AI导读
核心看点
系统拆解表单结构、元素与交互逻辑
详解标签对齐与输入框类型选择
提供即时验证与错误处理最佳实践
读者共识
经典之作,历经多年仍具极高实用价值
细节决定成败,是表单设计的权威指南
逻辑清晰,适合查阅参考而非通读
精彩摘录
"It's free and will always be"
"Design Principles Design Principles are the guiding light for any solution. They articulate the fundamental goals that any solution should embody. In the case of Web form design, the principles I continually strive for are: ·Minimize the Pain: People want what lies on the other side of a form so the"
"Best Practices ·Take the time to evaluate every question you are adding to your forms. Be vigilant about removing everything that isn't necessary. ·Strive for succinctness in all the questions (labels) you ask in your forms. ·When succinct labels may be misinterpreted, look for opportunities to use "
"Best Practices ·Ensure that the titles of your forms match people's expectations and succinctly explain what form is for. ·For forms requiring substantial time or information requiring look-up, sue a start page to set people's expectations. ·Make sure that you illuminate a clear path to completion t"
"Best Practices ·Web form labels should use succinct.natural language and consistent capitalization to make answering the question they as easy as possible. ·When you are trying to reduce completion times or if you need flexible label lengths for localization, consider top-aligned labels. ·When you h"
"Best Practices ·Use the right input field for the type of question you are asking: Does it require a yes or no answer; a selection from mutually exclusive options; etc.? ·Where possible, ensure that field lengths provide meaningful affordances that help people answer questions effectively. ·Otherwis"
"Best Practices ·Avoid secondary actions on forms whenever possible. Provide people with a single path to completion. ·If secondary actions are required, ensure that there is a clear visual distinction between the primary and secondary actions. ·When you are distributing the questions in a form acros"
"Best Practices ·Don't use help text to compensate for the shortcomings of your forms. Striving to minimize the amount of help text on your forms will push you toward better design solutions. ·Help text is best for explaining unfamiliar data requests, such as why certain questions are being asked, se"