1、交互设计全流程解析EXPLANATION TO ALL PROCESSES OF INTERACTION DESIGN 目标用户和场景在互联网领域，设计师在设计一款产品之前，需要明确产品是为哪个用户群体而设计。不仅如此，设计师作为用户体验的守护者，需要明白用户为什么要什么使用你的产品？用户使用某个功能，最在意的是什么？这一切，都能通过不断还原用户的使用场景来找到答案。人们常说，交互设计师要有同理心，场景思维，就是帮助设计师理解用户的最好用的工具。2.1 确定目标用户著名的美国设计理论学家维克多帕帕奈克：第一步：理解用户的期望、需要、动机，并理解业务、技术和行业上的需求和限制；第二步：将这些所知
2、道的东西转化为对产品的规划（或者产品本身），使得产品的形式、内容和行为变得有用、能用，令人向往，并且在经济和技术上可行。2.1 确定目标用户同样是设计一款手机，当用户群体不同，设计的方案可能截然不同美图手机 中兴老人机 华为Mate102.1 确定目标用户处于不同发展阶段的产品，可以使用不同方法确定产品的目标用户：对于已经处于成熟期的产品，可以通过分析用户的属性和行为数据，得到目标用户的画像；对于处于拓展期的产品，需要进行市场调研、分析竞品，根据公司策略明确产品的目标用户人群；对于从无到有的产品，这一方面依赖产品经理对于产品的定位和嗅觉，捕捉潜在用户，满足他们尚未被满足的需求；另一方面也要做市
3、场调研，分析竞品来确定用户。2.2 人物模型人物模型来源于研究中真实用户的行为和动机。人物模型是合成原型（composite archetype），建立在调查过程中发现的行为模式基础上。提供设计基础，提升设计的效率；与产品、开发、其他设计师讨论时提供依据；便于实施精准营销，分析产品的潜在用户；业务经营分析以及竞争分析，为公司战略提供建议。2.2 人物模型人物模型制作四步法：1.调查用户2.寻找关键变量3.数据归类4.形成人物模型图人物模型图示例2.2 人物模型1.调查用户例如，团队需要调查用户对某应用金币商城的满意程度，通过定性、定量不同方法如下：定性研究：通过对用户进行访谈，询问“上次使用金
4、币商城有什么体验？”“上次使用时遇到了什么问题”等问题进行研究；定量研究：通过研究用户的3日留存、7日留存、人均金币消耗量等数据进行研究。调查用户就是通过定性和定量的方法获得关于用户的想法、行为、数据等信息。2.2 人物模型2.寻找关键变量关键变量指导致用户在使用目标产品或服务时，产生行为差异的核心因素。与目标产品、服务的关系；对目标产品、服务的观点及态度；相关竞品、服务的使用情况；使用相关产品、服务的情景；当前面临的问题或障碍。2.2 人物模型注意需要考虑一类关键变量：产品类型 为调研可穿戴设备的关键变量衡量表示例 2.寻找关键变量2.2 人物模型3.数据归类用户信息分布较多的信息点，就是目
5、标用户的标签。之后，设计师可以根据标签提炼出用户的目标和痛点。2.3 场景思维场景：英文是Scenario，本来是一个戏剧领域的词，意思是“剧情概要”，也就是用简短的话描述发生了什么事。场景的概念用到交互领域，是由Rosson和Carroll在他们的著作可用性测试：场景基础上的人机交互里提出的Usability Engineering:Scenario-Based Development of Human-Computer Interaction将设计工作的焦点从“定义系统的操作”转变到“描述什么人将使用该系统去完成其任务”。2.3 场景思维好的设计解决问题（包豪斯）。交互设计是一门把抽象的需
6、求转换为具象的界面的学科。2.3 场景思维好的设计解决问题（包豪斯）。交互设计是一门把抽象的需求转换为具象的界面的学科。2.3 场景思维场景=特定类型的用户（who）在某某时间（when），某某地点（where），周围出现了某些事物时（with what），萌发了某种欲望（desire），会想到通过某种手段（method）来满足欲望。2.3 场景思维白领小美（用户）在周五晚上（时间），回家的地铁里（地点），收到了备忘应用的提示（出现某物），想起了要购买周末在家做饭的食材（欲望），于是打开春播应用（手段）挑选。2.3 场景思维设计机会点：在地铁上，可能需要进行单手操作；另外信号可能不稳定，需要注
7、意无网络等情况的提示；小美有周五购买周末食材的习惯，应用在周五晚上推送的转化率会比较高；小美设置了备忘，说明她应该经常使用春播购买，可以根据购买历史进行推荐。2.3 场景思维添加“商品列表按照价格从低到高排序”的功能场景描述：刚开始工作的小美（用户）在吃过晚饭后（时间），在家里的沙发上（地点）搜索某品牌的体恤衫，看到“排序”按钮（出现某物）想看看这个牌子最便宜的T恤是否喜欢（欲望），于是按价格从低到高（手段）筛选后继续浏览。设计机会点：按价格排序的用户在我们的应用里多吗？如果多，那么意味着用户经常需要进行排序的操作，所以在设计的时候，可以把排序的入口放的明显一点，容易操作一点2.4 场景的分类
8、场景的类型用户场景硬件场景客观场景目标场景实际场景硬件自身的特点2.4 场景的分类客观场景，就是用户在生活中遇到的真实情况（一般多是问题）的概括。一般来说，客观场景用于发现新需求，也用于了解我们的用户。公司职员王先生（用户）晚上6：00（时间）下班（出现某物），需要打车回家（欲望），在公司门口招揽出租车（地点），可是一直招揽不到出租车，最终走了两公里路到附近的商场才打到了车（手段），而且发现商场附近待揽客的出租车非常多，王先生觉得非常郁闷，“为什么资源不匹配呢”。2.4 场景的分类目标场景，是描述用户使用你的产品，来满足他在客观场景中的目标公司职员王先生（用户）晚上6：00（时间）下班（出现某
9、物），需要打车回家（欲望）。王先生在5：50时，打开“滴滴打车”APP可以看到公司附近有很多出租车，王先生输入出发地和目的地确认打车。30秒后出租车司机李师傅接单，王先生可以在手机上清晰的看到李师傅的车辆位置，10分钟后王先生成功上车。到达目的地后，王先生用手机在线支付了打车费，开心的回到家陪女儿吃晚饭（手段）。2.4 场景的分类实际场景，主要用于可用性测试。它是由用户在实际的参与式体验过程中测试目标场景，进行产品的测试及适用性评价。2.5 场景的应用1.确定目标用户2.先描述出客观场景，然后找到目标场景，最后在实际场景里进行测试2.5 场景的应用目标场景设计师主要是依托目标场景来进行设计。2
10、个方法：1.体验与自己产品类似的产品或者功能，并且设定一个目标，然后用这些已有产品来体验这个过程，看是否能达到目标。2.寻找类似的场景，从而获得目标场景的信息。2.5 场景的应用确定客观、目标、实际场景的时候，注意分清主场景和次要场景人 数：预估此场景的使用人数规模频 率：预估此场景的用户活跃度重要性：用户对此场景的感性主观上的评价满意度：用户对目前使用方式的满意度易用性：用户目前的使用方式的痛点有多痛意愿性：用户将来的使用意愿2.5 场景的应用以用户使用网易新闻视听tab的目标场景为例2.5 场景的应用 方案以提供更好的浏览体验为核心，提供了分类、标签、跟帖露出等辅助信息；在页面顶部，提供了
11、我的下载、我的关注等功能入口，满足次要场景，2.5 用户场景地图用户体验地图定位用户使用产品过程中的体验痛点。图形化展示产品利弊，有利于团队更好地交流和讨论，共建解决方案。2.5 用户场景地图用户体验地图制作方法：1.前期准备工作：通过观察记录、行为研究、调查问卷、访谈用户等方法，获得大量真实有效的用户数据。2.确定关键节点：分析第一步调研的记录，将有价值的记录转化成用户的行为（Doing）、情绪（Feeling）、思考（Thinking）：行为：我+动词。例如：我购买商品；情绪：我觉得 例如：每次使用App都提示我登录，我觉得好气。想法：我认为 例如：我认为详情页再方便一点就好了。2.5 用
12、户场景地图用户体验地图制作方法：3.绘制用户体验地图 2.5 用户场景地图用户体验地图制作方法：3.绘制用户体验地图。将积极情绪和消极情绪的数量进行加减，在坐标上标记出来并连成曲线，就能做出类似这样的情绪曲线 4.针对体验不佳之处探索解决方案：将现存问题进行提炼，与其他同事一起讨论办法。2.5 用户场景地图用户场景地图：设计师使用场景思维，将用户经历某个过程的场景用类似用户体验地图的思维来进行排查，从中发掘设计机会点 例如，某设计团队，接到一个需求：希望能设计一款提升司机用车体验的系统，基础的功能包含播放音乐、播放电台、导航、拨打电话等基础功能，并可适当增加其它有价值的功能。接到这个需求，如何
13、下手？2.5 用户场景地图第一步，观察和访谈司机，列出从买车到使用过程的整个流程的节点 2.5 用户场景地图第二步，针对流程中的过程，描述客观场景右图以“车辆使用”为例，列出其中涉及的场景 2.5 用户场景地图第三步，根据客观场景，发掘目标场景。以其中“行车过程娱乐音乐收听”为例“司机张先生正在根据导航前往目的地，忽然想听约翰丹佛的CountryRoad Take Me Home,于是通过辅助系统打开音乐播放器，播放这首歌”。思考题1.为什么iOS系统中，接听电话的操作不同，如图所示？这两种操作的场景分别是怎样的？思考题2.请描述一个“用户购买电影票”的客观场景和目标场景。3.张先生想在淘宝App上买一身健身服，请问这个需求的主场景是什么？并列举一个次要场景。谢谢观看！
