编辑推荐
设计思维可以帮助我们创造出完美的用户体验
而草图则可以让我们开始像设计师一样进行思考
此书则一步一步教您怎样把自己的IDEA落实到草图上,从而实现真正的设计!
此书
为你的草图
为你的设计
为更好的用户体验
为更好的生活
提供强有力的实战工具!
内容简介
设计思维可以帮助我们创造出完美的用户体验
而草图则可以让我们开始像设计师一样进行思考
此书则一步一步教您怎样把自己的IDEA落实到草图上,从而实现真正的设计!
此书
为你的草图
为你的设计
为更好的用户体验
为更好的生活
提供强有力的实战工具!
《用户体验草图设计工具手册》是《用户体验草图设计》的配套阅读图书,将指导你如何一步一步地用草图来表达你的设计理念,并介绍了多种草图方法。这些方法将成就你做草图的基本功,其中有的适用于完善想法,有的可以帮助你在工作组织内部交流基于体验的设计。各种草图方法会让你的设计灵感一一实现,这本《用户体验草图设计工具手册》所描述的方法将成为行业标杆模型。
内页插图
目录
序言vii
致谢ix
第1章 进入角色
现在让我们开始草图设计之旅。什么是用户体验?为什么草图设
计是思考与创建用户体验的好方法?为什么有那么多设计师随身携带
绘画本,你又为什么要加入他们的队伍?你如何开始通过草图来激发
并改进自己的设计想法?
1.1 介绍
设计用户体验草图
1.2 为什么要设计草图
Buxton《用户体验草图设计——正确地设计,设计得正确》一书的概要
1.3 绘画本
用来记录、演进、展示、收藏想法的基本材料
1.4 10加10:收敛设计漏斗
拓展10种不同的想法,并对选出的想法进行改良
第2章 对现实世界进行取材
尽管大部分人认为草图是一种创建新想法的方法,然而草图的很大一部分其实是关于快速收集现有想法。从我们周围世界中进行取材是有巨大价值的。当你从他人处获得想法时,你可以使用那些想法作为起始点,来激发你产生不同的方向,进行头脑风暴,将现有想法发展为新想法,或对大量想法进行融合。你不必一个人做这件事情,有一些方法来记录这些获取的想法,使你可以与同事们进行分享和讨论。
2.1 涂鸦式草图
快速画出想法——任何地点,任何时候——抓取想法的精髓
来鼓励交流
第3章 单一图像
典型的草图将能及时捕捉一个单一瞬间,通常是你设想的用户体验中的单一场景。然而我们不会教你如何成为艺术家,我们会向你展示可以用来创造草图的不同方法。
3.1 草图前的热身
始终有所收获的草图练习
3.2 画出你所见
绘画精确性的练习
3.3 草图词汇表
画物体、人和他们的行动
3.4 普通草图
草图的基本元素:绘画、注释、箭头和备注
3.5 合作式草图
用草图来进行头脑风暴,表达想法,促进交互
3.6 绘图软件
用常见的数码呈现工具来画草图
3.7 用办公用品进行草图绘制
使用常见办公用品来创建可编辑草图
3.8 模板
预先画好草图中固定、不变的部分,作为使用及重用的模板
3.9 照片描图
创建草图轮廓集,以建立草图构成基础
3.10 混合草图
合并草图与照片
3.11 用塑料泡沫设计草图
在物理介质上设计草图
第4章 及时抓拍:视觉化叙述
想象一个人与系统一段时间内的交互行为是交互设计的特别之处。故事板用一系列独立的图像来捕捉这些时间元素,这些图像一屏接一屏地描述发生了什么。
4.1 顺序故事板
视觉化说明一段时间内的交互顺序
4.2 状态转变图
一种视觉化描述一段时间内状态、转变及决策路径的方法
4.3 分支故事板
视觉化说明一段时间内的交互决策
4.4 叙述性故事板
讲述一段时间内关于使用情境的故事
第5章 让用户体验活灵活现
如果故事板中的每幅草图间都已经有了良好的起承转合,那么你就可以将这个故事板升级成为一个可互动的视频。这些视频可以通过回放这些故事,展示故事的分支剧情来进行可视化的叙述。
5.1 动态的任务流
将交互流程制作成一个图像配准的动画
5.2 动作路径
流畅的动画效果可以突出人机交互时的体验
5.3 动画分支
利用不同的路径实现动画中的支线剧情
5.4 关键帧和渐变动画
创造更为复杂的动画原型
5.5 线性视频
使用视频去展示一段纸面的交互流程
第6章 邀请他人参与草图设计
动画原型可以通过回放故事或是呈现故事不同的分支剧情对交互流程提供可视化的叙述。其另外一种用途是引领目标用户进入这种可视化叙述,让用户进行真实的行为操作并获得自己真实的感受,产生真正的用户体验。然后你可以探寻用户对于这个动画原型的真实感受。或者你还可以向他人展示你的工作,然后请他们为你提出建议。
6.1 探寻原始的心智模型
了解人们是如何通过草图上的可视化元素对界面进行解释
6.2 绿野仙踪
草图在人类“法师”的操纵下对人们的操作进行反馈
6.3 发声思考
获知用户在使用界面草图时的真实想法
6.4 草图板
将草图张贴到布告栏与同事进行分享
6.5 审查
把你的草图创意呈现出来,请大家提建议
前言/序言
用户体验草图设计工具手册:开启创意灵感,提升设计效率 在当今数字产品爆炸的时代,优秀的用户体验(UX)已成为产品成功的关键。而草图设计,作为UX设计流程中最具创造力、最快速、最直观的环节,更是不可或缺。它不仅能帮助设计师快速捕捉灵感,验证想法,还能有效地与团队成员、客户进行沟通和协作。然而,对于许多新手设计师而言,如何高效地利用手中的工具,将脑海中的创意转化为清晰、可行的草图,却常常是一个挑战。 《用户体验草图设计工具手册》正是为了解决这一痛点而诞生的。本书并非枯燥的技术说明书,而是一本集理论指导、工具解析、实践技巧于一体的实用指南。它旨在帮助每一个怀揣着对用户体验的热情的设计师,无论你是初涉设计领域的新人,还是经验丰富的资深从业者,都能在这个瞬息万变的行业中,找到属于自己的设计利器,让创意如同泉涌,让设计流程更加顺畅,最终打造出令人惊艳的用户体验。 本书将带你深入探索,那些被无数优秀UX设计师所信赖和使用的草图设计工具。 我们将告别那些笼统的概念,直击工具的核心功能,让你真正理解它们是如何为你的设计过程服务的。从桌面端到移动端,从免费开源到专业付费,我们将为你一一梳理市面上主流的草图设计工具,让你能够根据自己的需求和预算,做出最明智的选择。 第一部分:草图设计的基石——理解工具的力量 在正式介绍具体工具之前,本书将首先为你打下坚实的理论基础。我们将深入探讨草图设计在整个UX流程中的定位与价值。为什么草图如此重要?它在产品生命周期的哪些阶段发挥着关键作用?通过对这些根本问题的解答,你将能更深刻地理解使用草图工具的必要性,并为后续的学习和实践注入更强的驱动力。 草图的定义与演进: 从纸笔到数字,草图的形态如何演变?我们将会回顾草图设计的历史,让你了解其发展脉络,以及现代工具如何突破了传统限制。 草图在UX流程中的角色: 从概念构思、用户流程梳理、信息架构设计,到线框图的初步绘制,再到原型迭代,草图设计贯穿始终。本书将详细解析草图在每个环节的独特价值。 草图的优势与价值: 快速迭代、低成本试错、高效沟通、激发创意……我们将深入剖析这些优势,让你在实际工作中能够更有意识地运用草图来提升效率和质量。 不同类型草图工具的对比: 纸笔、思维导图工具、流程图工具、专业UI/UX设计软件的草图功能……我们将为你提供一个清晰的概览,帮助你理解不同工具的适用场景。 第二部分:主流草图设计工具深度解析——掌握你的设计利器 这一部分是本书的核心内容,我们将逐一介绍市面上最受欢迎、最实用的草图设计工具。我们不会停留在表面介绍功能,而是深入挖掘每个工具的独特之处,演示如何利用其核心功能来解决实际的设计问题。 纸笔草图的经典与革新: 尽管数字工具日益发达,但纸笔草图依然是快速构思的利器。本书将分享一些经典的纸笔草图技巧,以及如何结合扫描、云同步等方式,让纸笔草图的价值得到延伸。 专业UI/UX设计软件的草图模块: 诸如 [此处可插入您希望提及的具体软件名称,例如:Figma, Sketch, Adobe XD] 等软件,早已将草图设计纳入其强大的功能体系。我们将详细介绍它们在草图绘制、组件复用、版本管理等方面的强大能力,并提供实用的操作演示。 [软件名称1]: 深入解析其核心草图功能,包括但不限于: 快速绘制工具: 如何利用形状、线条、文本工具快速勾勒界面元素。 组件化与复用: 如何创建可复用的组件,加速草图绘制过程,保持设计一致性。 低保真原型制作: 如何在草图阶段就实现简单的页面跳转和交互,初步验证用户流程。 协作与分享: 如何利用其内置的协作功能,与团队成员实时沟通、反馈。 插件与扩展: 介绍一些常用的草图设计辅助插件,进一步提升效率。 [软件名称2]: 同样,我们将对该软件进行详尽的解析,重点突出其在草图设计方面的特色功能。 [此处可根据软件特性,列举更多具体功能,例如:智能布局、矢量编辑的灵活性、与其他Adobe产品的联动等] [软件名称3]: ... (以此类推,根据您希望提及的软件数量和特性进行补充) 专注于流程与思维导图的工具: 在产品设计初期,清晰的用户流程和信息架构至关重要。我们将介绍一些专门用于绘制流程图、思维导图的工具,以及如何将它们与UI草图相结合,形成完整的概念蓝图。 [流程图工具名称1]: 如何绘制用户旅程图、用户流程图,梳理用户行为路径。 [思维导图工具名称1]: 如何进行头脑风暴,组织想法,构建信息架构。 免费且强大的在线草图工具: 对于预算有限的设计师,或者只需要偶尔进行草图绘制的场景,免费工具也能提供出色的解决方案。我们将推荐并解析一些优秀免费在线工具的用法。 [免费工具名称1]: 介绍其易用性、核心功能及适用场景。 [免费工具名称2]: ... (根据实际情况进行补充) 第三部分:精进你的草图设计技巧——从入门到精通 拥有了强大的工具,更重要的是掌握运用这些工具的精湛技巧。本书将分享一系列实用的草图设计方法和最佳实践,帮助你提升设计效率和作品质量。 从需求出发,绘制精准草图: 如何将模糊的产品需求转化为清晰的草图意图?我们将教授如何进行用户研究、竞品分析,并将洞察转化为草图元素。 构建可复用组件库: 学习如何高效地创建和管理组件,统一设计风格,节省重复劳动。 迭代与反馈的艺术: 草图设计并非一次性完成,而是一个不断迭代和优化的过程。我们将探讨如何有效地收集和整合反馈,让草图不断完善。 与团队高效协作的草图沟通: 清晰的草图是跨职能团队沟通的桥梁。本书将指导你如何绘制易于理解的草图,并有效地与产品经理、开发人员、测试人员进行交流。 从草图到高保真原型的衔接: 介绍如何将低保真草图平滑地过渡到高保真原型,以及草图在原型设计中的重要性。 实战案例解析: 通过具体的产品设计案例,我们将演示如何运用本书介绍的工具和技巧,从零开始完成一个完整的草图设计流程。 案例一: 移动App的首页草图设计 案例二: 网页后台管理界面的流程梳理与草图绘制 案例三: 复杂功能模块的草图探索与优化 第四部分:草图设计的未来趋势与进阶 随着技术的发展,草图设计也在不断演进。本书将展望草图设计的未来,并为你提供进阶的思考方向。 AI在草图设计中的应用: 探讨人工智能如何辅助草图生成、优化和分析。 更智能化的设计工具: 了解未来设计工具可能具备的特性,如自动布局、智能组件推荐等。 个性化草图风格的塑造: 如何在标准化工具的框架下,融入个人设计风格。 持续学习与实践的重要性: 鼓励读者不断探索新的工具和方法,保持设计的敏锐度。 《用户体验草图设计工具手册》不仅仅是一本关于工具的书,它更是一场关于创意、效率和协作的设计之旅。无论你是希望快速提升设计能力的新手,还是追求卓越的用户体验的资深设计师,本书都将是你不可或缺的助手。让我们一起用手中的工具,勾勒出更美好的数字未来!