用户体验和交互设计.pdfVIP

用户体验与交互设计 我常被问起 ：“你是做什么的 ？” “交互设计师。” “交互设计是做什么的 ？” 我很尴尬的解释一堆 ：“ @# ￥%…….” 对方更是疑惑 ：”那….是不是网页的视觉设计 ？” ……… 网上搜到一张图 ，发现不只是我 ，很多交互设计师都存在困惑。缺乏职业存在感。 交互设计的特色之一——“虚” 交互设计似乎是个很难解释 ，有点”虚、空、玄“的东西。互联网的快速发展 ，交互设计少了些可以 借鉴的方法。交互设计这个行业似乎只能靠前人经验、自身灵感、悟性体会 ，江湖中野蛮发展着。 简直就是武林中的内功了得。 交互设计的特色之二——纠结 ，有木有 ！ JJg在 《用户体验要素》中 ，将交互设计设置在结构层。 一方面 ，交互设计恰恰处在抽象的战略向具体实现页面的转化过度阶段。从产品开发流程中 ，交互 设计上从产品经理接到需求 ，分析需求并最终交付网站高保真的原型。要把“抽象”的点子和想法如 实贴切用界面语言表现出来。满足公司商业需求。 另一方面 ，交互设计师的诞生某种程度是为了提升产品可用性。其实就是要满足产品使用者——用 户的要求。 说起来简直就是吃饭靠公司 ，目标是用户的“无间道”。要不断平衡公司“商业”利益 （不能丢饭碗 ）， 和用户体验利益 （专业道德 ）之间的矛盾。具体来说 ，就是在交互设计思考的过程中 ，考虑用户逻 辑+公司的特殊需求两部分内容。 能不纠结么….. 交互设计的内容有哪 ？ 有人问我交互设计难么 ？ 我说“不难 ，你想 ，用户的操作行为就俩 ：点击、拖拽。” ：） 其实 ，我理解的交互设计主要分为两块 ：信息架构和操作细节。交互设计的产出物 （交付物 ）也应 当包含这一静一动两块。 下面从交互设计不同阶段的产出物 ，来谈谈我自己交互设计方法和思考过程 ： 1.接需求 这个阶段主要是接到产品经理等拿来的需求 ，比如FRD文档。和产品经理讨论需求 ，了解重点。 2.需求分析——翻译成界面语言 俗话说 ，T hink f irst ，Design next .对于接到的需求 ，第一件要做的事情就是仔细分析和讨论下需求 的逻辑、内容和目的 ，而不是马上风风火火的开工。这个阶段的重点在于梳理用户逻辑+特殊需 求 ，最好能高度概括成几点。 忍不住引用臭鱼博客的一个灰常贴切的案例 ： 一个需求文档。里面描述了页面需要承载的信息。 第一步. 概括信息 •您选择了回邮方式办卡 ，概括解释这个办卡方式。 •接下来您应该 下载申请表 •回邮办卡的全过程是这样的… •一系列注意事项。 第二步. 排序 1. 您选择了回邮方式办卡 ，概括解释这个办卡方式。 2. 接下来您应该 下载申请表 3. 回邮办卡的全过程是这样的… . 一系列注意事项。 第三步. 翻译为界面语言 对于单一的页面 （并非整站 ，没有操作逻辑 ）的产品来说 ，需求分析完 ，交付物出线框图 ，后面视 觉和开发静态页面足够了。 3.结构框架 实际产品往往复杂很多 ，在需求分析的时候要对产品结构进行梳理 ，表达出网站的层级结构。做出 类似的站点地图 （sit e maps ）。这个除了可以把公司所提供的内容层梳理清晰 ，为全站导航也奠定 基础。 .流程图 （f low chart s ） ：表达用户或系统对某项任务执行的流程。流程图的重要性在于从用户的使用逻辑来分析交互逻辑 是否合理 ，走得通。 其实流程图分为单个用户流程图和多用户流程图。它不仅是提高可用性的利器 ，也是信息架构的好 工具。具体详情可以看 ：利用任务角色来做信息架构 举一个购物网站的例子 ：使用者主要包括购买者、买礼物的人、通过EDM(email营销)进来的人和退 货者。 先画出“购物者”的流程图 再画出其他角色的流程图 继续画出“买礼物的人”的业务流程。如果这家B2C网站增加了“买礼物”的需求 ，增设了“我的愿望 清单”用来记录、显示我想购买的商品或者公开、指定给好友。 你会发现不同用户角色可以复用相同的页面。比如 ：购物车、搜索结果list 页、送货地址、确认页面 等等。 画出所有用户角色的流程图 ，整体看一遍 通过梳理不同用户的行为路径 ，可以更好地梳理复杂问题。你不仅可以从开始紧盯用户来网站的目 的和需求 ，还可以避免遗漏页面和页面上关键性的操作。 所谓避免遗漏页面就是查看整站是否缺失了某些页面 ，首页、类目集合list 页、list 页、det ail页 ， 以及操作后的结果页。个人觉得在