值得你深入了解的交互设计五大支柱教案.pdfVIP

值得你深入了解的交互设计五大支柱 随着单页式设计和移动端的兴起 ，网页中的交互设计越 越重要了。为了打造流畅而可靠的用户 体验 ，你需要对交互设计有更加深入的了解。 正如同我们在 《交互设计最佳实践 （卷1 ）》中所述 ，要做好交互设计 ，需要对多个学科有着深入的 了解和熟练的掌控 ，这也是非常符合逻辑的——你要试图让一系列事物所构成的系统令人感到友好 ，易于学习并且非常实用 ，这并不是一件简单易行的事情。 所以 ，让我们从最基础的交互设计的概念开始 ，深入了解核心设计原则 ，并且借助五步设计流程 ， 更好地完成交互设计。 真正优秀的交互设计 ，是由人情纽带所驱动的。那么问题 了 ，人的情绪纽带又是如何转化成数字 化的界面和接口的呢 ？答案的当然是存在的 ，但是并非是由非黑即白的是与否、对与错所构成。根 据我们的经验 ，真正成功的交互设计立足于基本用户体验设计的完美执行。 看起 不像是一个答案 ？没事 ，我们慢慢看下去。 1、结果驱动式设计 即使不亲自参与用户研究 ，但是你还是得知道如何对设计构建成熟的认知。 我们在 《用户体验设计师必备的4种UX文档》这篇文章中对于交互设计师必须知道的四种UX文档 有了深入的介绍 ，这些文档——或者说过程 ，可以帮你构建起有血有肉的“用户” ，对具体的产品流 程有更真实的还原 ： 1、用户角色 （Perso na ）：Perso na文档 （控制在2~5个 ）通常需要包含你的目标用户。作 为Perso na中的虚构的角色 ，它的属性和特征是 基于产品研究和用户定位 设定的 ，用作后 续设计过程中所面对的“理想用户” ，本质上 ，它就是一个占位符。作为人物设定 ，其中会包 含个人信息 ，远不止于年龄 和收入信息这么简单。Perso na 文档的目标是利用角色 验证你 的目标用户是如何感受如何看待你的设计的。 2、移情地 图 （Empat hy Map ）：它像是一个轻量级的Perso na文档 ，在资源短缺时间紧的状况下 ，可 以使用这个文档。Empat hy Map 将 Perso na 中的角色的个性和性格部分移除了 ，更加专注 于用户在特定情况下的感受。 3、用户剧本 （User Scenario ）：如果Perso na 是帮你设计了一个故事中的角色 ，那么User Scenario 就是故事的剧本。用户剧本通常是围绕着一个特定目标 设计的。比如说 ，第二天 是母亲节 ，要为母亲预订一份礼物。目标很明确 ，要达成目标 ，用户需要点击几次 按钮 ，走 哪些流程 ，需要多长时间 ，如何在过程中融入情感 ，贯穿始终。对整个用户流程有了预判 之后 ，设计师对于UI和UX 的设计就有了把握。 4 、用户地图 （C st o mer Jo rney Map ）：这份文档同上门的用户剧本很像 ，但是它比起前 者跨度更大 ，贯穿体验设计始终。设计人员可以对产品的背景有更深入的了解才能更好地 设计 ，而产品投 入使用之后也不是最终结束 ，这也是跨度如此之大的原因所在。用户旅图将 会涵盖角色信息、用户剧本和移情地图的全部信息。这么设定并不是要让用户旅图成为一 个 大杂烩 ，而是要将用户性格和用户流程、交互过程结合到一起 看待问题 ，每个阶段不同 环节 ，都牵涉到不同的情绪和情感。 2、可用性设计 确保可用性是最低限度的设计。如果你的用户都无法正常使用产品 ，就更谈不上吸引他们了。看看 下面的 Event Brit e 的座位设计吧。 这个在线的A PP允许活动的组织者从活动创建之初就可以保留特定的座位 ，整个流程保留了大量的 细节 （特定的行、列 ，是否靠近舞池等 ），设计者将多个步骤、多个流程整合到一个流程当中。 就像Event Brit e 这样 ，复杂的系统尤其要保证它的易用性 ，整个流程要流畅 ，让用户感到不费吹灰 之力就能搞定。在探索系统上耗费的时间越短 ，用户就越能做好手头真正重要的事情。 3、可供性设计和能指 可供性设计 ，在我们之前的文章中曾经解释过 ： Af f o rdance 是 James J . Gibso n 造出 的一个词 ，Gibso n 是20世纪最重要的认知心理学家 之一 ，他的生态学式视知觉论和直接知觉为认知心理学开辟了新的领地。af f o rdance 是 af f o rd (提供、给予、承担)的名词形式 ，环境的 af f o rd