用户体验设计字典的使用手册

副标题：《界面设计模式》读后感&读书笔记

《界面设计模式》

书的核心，在于“模式”这一概念，起源于建筑领域，但更适用于用户界面，读完这本书最大的感慨是：这本书既不算设计理论，也不是设计流程，这本书是可以说是用户体验设计的字典，包含了各种设计的名词、图解和案例。

当遇到任何设计难题的时候，它会提供自己很多选项，也会带来很多启发，非常适合设计师、产品经历、开发者阅读。

此文并未理论展开，而是通过思维导图的形式整理的该书的使用索引手册，方便我在工作学习过程进行实践并融会贯通，也供大家参考。

第一章 用户做些什么

本章介绍了14种模式，这并不是设计模式，而是设计情景，作者用14句简单的话来设计者了解用户正在的需求在哪儿。本章是用户体验设计的展开章，也衔接了产品需求，从需求到设计最关键的一章，设计师如何看懂情景剧本？读懂用户的心理模型？

第二章 组织内容：信息架构和应用结构

本章介绍了10种模式，重点不在模式，而是页面上，不同的页面有自己不同的“使命”，不同的使命，决定了模式的使用。

第三章 到处走走：导航、路标和找路

本章介绍了13种模式，都是web设计中最常见的页头、页脚、导航的设计模式。

第四章 组织页面：页面元素的布局

本章介绍了13种模式，我把每种模式都用最简单的文字描述了一下（紫色部分），目前使用非常广泛，易懂易用，在实际操作中，我们要面对的是如何再出现新的创意，或是达到更好的用户体验，如何组合这些模式模型？

第五章 列表

本章介绍了11种模式，列表的应用是相当广泛的，基本通吃所用web端或移动应用设计，现有的常用模式也一应俱全，但什么是最合适的设计才是最值得深究的问题。

第六章 完成任务：动作与命令

本章介绍了11种模式，很多都可以应用在软件设计或者是在线功能网站设计中，也是顺应了未来云端共享、去软件化等网站的发展趋势，在对这样的软件、网站类型设计过程会有很多可运用之处。

第七章 显示复杂数据：树、表格及其他信息图形

本章介绍了11种模式，新名称特别多，web设计中应用很多，相对来说移动端会少一点，不过如果涉及到“数据可视化”的问题会给我们非常多的启发。

第八章 获取用户输入
本章介绍了11种设计模式，之前也经常会在其他博客文章中会读到相关内容，都会被当做设计原则来对待，之前我也翻译过一篇文章：《移动app的文本输入框设计》（欢迎阅读）。 第九章 利用社交媒体

本章介绍了12种模式，而且基本上都是应对实际需求的情境设计，一开始读的时候会有觉得像是在介绍如何做自媒体？仔细阅读，会发现，自媒体和利用社交媒体其实基本上就是一回事，都是为了提升用户体验的设计，概括来说，就是与社交媒体交叉的那个部分的设计需知。

第十章 迈向移动设计

本章介绍了11种模式，都是移动设计的常用模式，但我认为更出彩的部分是如何设计需要的注意点，而且如果想做更有创意的设计必然要考虑更深入，而不是仅仅停留在常用模式之中。（我同时在阅读《移动设计》一书，也受益颇丰，有机会再分享。）

第十一章 修饰外观：视觉风格和美感

本章介绍了7种模式，主要阐述视觉设计与界面风格会用户在认知上带来不同的感受，可以通过七种模式的设计和搭配来达到与用户共鸣。

以上，就是我对本书的梳理，希望能给各位同行一些帮助，如有不当之处欢迎交流，与君共勉，谢谢！