Designing Web Interfaces

Bill Scott, Theresa Neil

出版时间

2009-01-01

ISBN

9780596516253

评分

★★★★★
书籍介绍
这不是一本教你'如何做出漂亮界面'的书,而是一套把网页交互拆成可复用零件的工具书。作者以'设计模式'为核心,系统梳理了拖放、筛选、搜索、分页等常见交互背后的设计原则——直接操作、轻量、留在页面内、给出邀请、运用过渡、即时响应。读者反馈中最受认可的,是它提供了一套'考虑问题的思路':设计时该权衡哪些环节、采用哪些手法、有哪些工具可选,甚至可以当作字典随时查阅。书里对'拖放'这类细节的拆解尤为扎实,连'趣味瞬间'、幻影、缩略图等微状态都逐一列出。需要提醒的是:本书成书较早,语言偏啰嗦,部分读者觉得'有点年头',但其设计思想仍具借鉴价值。适合想系统构建交互体系、或需要一本可查证的实战参考的设计师。
作者简介
Bill Scott is director of UI Engineering at Netflix in Los Gatos, CA, where he plies his interface engineering and design skills. Scott is the former Yahoo! Ajax evangelist and pattern curator for the Yahoo! Design Pattern Library. He has a long and glamorous history in the IT world, due mostly to his unique understanding of both the technical and creative aspects of designing usable products. His ramblings and musings can be found at www.looksgoodworkswell.com. Theresa Neil is a user experience consultant in Austin, Texas, where she designs rich applications for start-ups and Fortune500 companies. Her work can be seen at www.designgenie.org.
AI导读
编辑书评
  • 本书的真正价值不在于罗列过时的UI样式,而在于它首次系统化地将‘交互心理学’编码为可复用的‘设计模式’。与同类竞品相比,它填补了抽象理论(如Cooper的原则)与具体代码实现之间的巨大鸿沟。尽管案例陈旧,但其提出的‘Make it Direct’等六原则至今仍是衡量优秀Web应用的标尺。它值得读,但不是为了学画图,而是为了建立一种‘模式识别’的思维直觉,让设计师在面对新问题时,能迅速调用已有的成熟解决方案,而非盲目创新。
  • 局限性在于其对移动优先时代的适应性不足,且过度依赖桌面端的鼠标交互逻辑(如Hover状态)。在当今触屏主导的环境下,部分‘提供邀请’的策略需重新审视。然而,作为O'Reilly的经典之作,其严谨的结构和基于大厂实战的经验背书,使其成为交互设计领域的‘圣经’级参考书。建议在重构老旧Web系统或制定企业级设计规范时重读此书,它能提供极具说服力的标准化依据,帮助团队摆脱主观审美争论,回归以用户任务效率为核心的理性设计。
核心看点
  • 本书构建了六大核心交互设计原则(直截了当、轻量化、页面内操作、提供邀请、使用过渡、即时反应),将抽象的体验理念转化为可执行的设计模式。作者基于在Yahoo和Netflix的实战经验,提炼出75种具体界面组件的最佳实践,旨在解决Web应用中‘如何落地’而非‘为何如此’的问题,为设计师提供了从理论到代码实现的中间层指导。
  • 书中强调‘微状态’与‘趣味瞬间’的处理,特别是在拖放等复杂交互中,详细拆解了用户认知路径与视觉反馈机制。它不局限于静态UI规范,而是深入动态交互的逻辑闭环,教导设计者如何通过Ghost对象、有效/无效放置区提示等细节,降低用户的操作焦虑,确保交互过程的可预测性与流畅性,体现了对人性心理的深度洞察。
  • 作为一本工具书性质的指南,其价值在于建立了标准化的设计索引体系。不同于《About Face》侧重原理阐述,本书聚焦于具体控件与模式的选型与应用场景。它通过大量真实案例剖析,帮助读者在面对特定业务需求时,能快速匹配最合适的交互模式,从而在保证用户体验一致性的前提下,提升开发效率与设计决策的科学性。
读者共识
  • 读者普遍认可其‘教科书式概览’的定位,认为它是Web交互设计的经典参考手册。多数评论指出,该书提供的6大原则具有极强的普适性和持久生命力,即便技术迭代,底层逻辑未变。然而,也有声音批评其行文略显啰嗦,部分案例描述过于冗长,导致信息密度不均,需要读者具备一定的筛选能力。
  • 关于翻译质量存在争议。中文译本被部分专业读者诟病术语不准或语句生硬,影响阅读流畅度。有评论建议直接阅读英文原版以获得更精准的理解。尽管如此,国内读者仍肯定其内容的系统性,认为即使翻译有瑕疵,其构建的知识框架对于规范国内混乱的交互设计现状仍有重要参考价值。
  • 新手读者常感到‘眼高手低’。许多人表示读完后感悟颇深,但在实际动手实现时仍觉困难,因为书中侧重‘为什么这样设计好’以及‘有哪些模式可选’,较少提供从零开始的完整工程实现教程。因此,共识倾向于将其视为‘灵感来源’和‘检查清单’,而非‘手把手教学’书籍,需配合实战练习才能内化。
精彩摘录
  • "拖放过程涉及到大量细节。在拖放期间,须要处理许多特定的状态。我们反这些微状态称为趣味瞬间(interesting moment)。 1、用户怎么知道可以拖动 2、拖放对象的目的是什么 3、在哪里可以或者不可以放置拖动的对象 4、通过什么视觉元素来表示拖动能力 5、拖动期间,怎样表示有效和无效的放置目标 6、是否允许用户拖动实际的对象 7、还是只允许拖动实际对象的幻影ghost 8、还是拖动一个小缩略图 9、整个拖动与放置期间,要给用户哪些视觉反馈。"
  • "6 Design Principles: 1. Make it Direct 2. Keep it Lightweight 3. Stay on the Page 4. Provide an Invitation 5. Use Transitions 6. React Immediately"
用户评论
这本书给我带来的: - 一个设计模式的总结和索引,可以当做字典和工具书来用 - 考虑问题的思路:设计的过程,设计需要考虑的方面,设计中采用的手法,以及可以选择的工具 需要练习设计网站来检查自己是否吸收了这本书的东西
Web界面常用方法教科书式概览
讲的挺不错的,废话稍稍有点多
有点年头的书了,但是讲的设计原理和思想值得借鉴,写得稍微啰嗦。
写得非常好
像这种专业工具书就不要看豆瓣的书评了,多半都是没读完就上来瞎评论的。p.s. 翻译的确很烂
下载
全部深度解读 →主题书单高分榜最近更新