Web界面设计

Bill Scott

出版时间

1970-01-01

ISBN

9787121091674

评分

★★★★★
书籍介绍
这其实不是一本讲'界面'的书,而是一本教人如何把网页变成富交互剧场的工具书。它最见功力的地方,在于把'拖放'这类看似简单的动作拆解出十几个必须精确处理的微状态:用户怎么知道自己能拖动、悬停时是否给出有效落点、反馈该落在真实对象还是幻影上。这种近乎偏执的细节拆解,正是它区别于泛泛而谈'用户体验'之作的价值所在。全书以六大原理为骨架,用75种流行模式与大量反模式,为设计者、开发者提供了一套可查可抄的实战语汇。需要提醒的是:翻译略显生硬,且书中案例多集中于早期富网页,部分细节已显陈旧;但作为理解富交互设计底层逻辑的入门与工具书,它依然不可替代。
作者简介
Bill Scott居住在美国加利福尼亚州洛斯盖多斯,目前是Netflix公司的UI工程总监,他在这个职位上发挥着自己在界面工程和设计方面的专长。此前,他是雅虎公司的Ajax技术推广专家,并负责管理Yahoo! Design Pattern Library(Yahoo!设计模式库)。 Bill的IT从业经历漫长而耐人寻味,他对设计可用性产品的技术和创意具有独到的见解。通过www. looksgoodworkswell.com可以了解他广泛的爱好和思想发展脉络。 Theresa Neil是一位居住在美国得克萨斯州奥斯汀市的用户体验咨询师,她的职业是为创业型公司和财富500强公司设计互联网应用程序。访问www.designgenie.org可以欣赏她的设计作品。
AI导读
编辑书评
  • 本书的真正价值在于它将Web交互从“视觉装饰”提升为“行为工程”。Bill Scott和Theresa Neil并未止步于罗列好看的UI,而是通过六大原理揭示了高效交互背后的认知负荷管理逻辑。例如,“直截了当”原理实质上是减少用户心智模型与系统模型之间的映射距离。相较于《About Face》侧重宏观理念,本书更像是一本“交互组件字典”,填补了从理论到代码实现之间的巨大鸿沟。其局限性在于时代性,部分RIA案例已过时,但其关于状态保持、即时反馈的核心洞察依然精准击中现代Web应用的痛点。
  • 值得读,但需讲究策略。对于初级设计师,本书可能因缺乏背景铺垫而显得碎片化;但对于中高级从业者,它是打磨细节的利器。建议将其作为“查询手册”而非线性读物,遇到具体交互难题(如复杂的表格编辑或拖放排序)时定向查阅对应章节。同时,务必克服翻译障碍,可辅以网络上的优秀读书笔记。在同类书中,它独特之处在于极致的“实操导向”,不谈论玄学,只解决“这个按钮该怎么动”、“这个弹窗怎么关”的具体问题,是构建高可用性Web应用不可或缺的基石。
核心看点
  • 本书核心在于提炼出Web界面设计的六大原理:直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应。作者并非空谈理论,而是基于Alan Cooper等经典交互思想,结合大量流行网站案例,将抽象原则转化为可落地的设计模式。这种从原理到模式的推导逻辑,帮助读者建立系统性的设计思维框架,而非仅仅记忆零散的UI技巧。
  • 书中详细拆解了超过75种富交互构建模式,涵盖页内编辑、拖放操作、上下文工具及覆盖层等具体场景。每个模式都配有“最佳实践”与“反模式”对比,深入剖析如费茨定律在悬停即现工具中的应用,或虚拟滚动对页面性能的优化。这种微观层面的细节把控,使得本书成为一本极具实操价值的参考手册,直接指导开发者解决具体的交互难题。
  • 本书强调“Stay on the Page”(足不出户)的理念,主张通过AJAX等技术减少页面跳转,利用嵌入层、标签页和动态邀请来维持用户心流。它敏锐地捕捉到了Web应用向RIA(富互联网应用)转型的趋势,指出优秀的Web界面应像桌面软件一样响应迅速且连贯。这一观点在当时具有前瞻性,至今仍深刻影响着单页应用(SPA)的设计哲学。
读者共识
  • 普遍认可本书的工具书属性与案例丰富度。读者一致认为书中提供了大量切实可行的设计模式和反模式,尤其是针对页内编辑、拖放和覆盖层的具体指导,被评价为“巨有收获”、“开眼界”,是解决具体交互难题的实用宝典,而非空洞的理论堆砌。
  • 对翻译质量存在显著负面共识。多条短评明确指出“翻译比较悲剧”、“翻译奇烂”,认为语言障碍影响了阅读体验和知识吸收。尽管内容本身受到肯定,但糟糕的译文成为许多读者推荐此书时的主要顾虑,建议有条件者阅读英文版或参考优质中文笔记。
  • 部分读者认为内容过于细碎或缺乏宏观视野。有评论指出书中“讲细节,也有点太细了”,或者感觉“花里胡哨”。这表明对于寻求底层心理学原理或完整设计方法论的读者来说,本书更像是一本组件目录,缺乏对设计整体流程的系统性串联,需配合其他理论书籍阅读。
精彩摘录
  • "拖放过程涉及到大量细节。在拖放期间,须要处理许多特定的状态。我们反这些微状态称为趣味瞬间(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"
目录
序
前言
原理一:直截了当
第1章:页内编辑
1.1 单字段行内编辑

显示全部
用户评论
狭义上,这本书讲的其实不是如书名所暗示的“界面”的设计,而是一些富交互模式在web设计中的应用。内容本身挺好,翻译比较悲剧。
太贵了也·······
翻译奇烂,内容还可以
我果然不适合Web Designer,看的很没感觉
外行粗读,印象最深的是,这本书的作者居然懂得心流和格式塔原理,并把这些家伙们用到了Web界面设计里(我们是如何在网页中沉陷不可自拔的……)。
理念永恒,参考已过时
现在看有点脱离了时代,但比其他很多用规则罗列来穷举的书更系统,这本不是菜谱,是老厨师归纳的经验
讲的是富交互的Web应用而不是页面,关注的是如何设计才能“好用”而不是“好看”。用的例子比较老,很多交互方式在今天看已经是不少网站的标配,内置在各种各样的 Design System 中。
内容老了,但是能看出作者想要从实例上总结出比较好的网页交互体验。相对来说还是过于细节。
電子版少了中間幾章 以後再讀
全部深度解读 →主题书单高分榜最近更新