慧色用户体验与交互设计

用户体验与交互设计淘宝北京UED慧色huise@

WhatISUx?定义：

原文：

theuserexperience,mostlycalled"customerexperience"whenreferringtoe-commercewebsites;thetotalityoftheexperienceofauserwhenvisitingawebsite.Theirimpressionsandfeelings.Whetherthey'resuccessful.Whethertheyenjoythemselves.Whethertheyfeellikecomingbackagain.Theextenttowhichtheyencounterproblems,confusions,andbugs.用户体验，我们这里主要是指所谓的“客户体验”，指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功，是否享受，是否还想再来使用。他们能够忍受的问题，疑惑和BUG的程度。用户

谁是用户认识用户给你压力人是用户BOSSABOSSBBOSSC?谁？用户

技术商业关于用户的几句话Multipledecisionmadeinseconds往往决定点击是在快在一秒内的事儿Uesrarelazy用户是懒惰的Useralwaysgiveup,theyhavemuchmorechoice用户喜欢放弃他们有更多选择Uesrdon’tnecessarilyreadbeforetheyclick用户在点击之前不进行必要的阅读用户体验是竞争力商业竞争通常有三大动力：商业模式、技术、用户体验

当前两者基本没有太大差距的时候,用户体验是最激烈战场.有用的用户体验要素易用的可发现的可靠的创造性的渴望的有价值的功能性情感因素用户体验评估任务

耗时完成率

出错率帮助有效性满意度初体验可学性

功能

易用可靠性

综合性WhatisInteractionDesign?定义：交互设计试图提高产品或系统的可用性和用户体验。它首先研究、了解某类用户的需求，然后再通过设计来满足甚至超出用户的需求。随着产品和操作变得越来越复杂，越需要用户掌握更多新技能，因此设计师面临更大的挑战如何能帮助用户提高效率。

通常，新技术对于目标用户来讲都很复杂。交互设计试图在保证产品功能的同时又能缩短用户的学习曲线，提高任务完成的准确性和效率。这能让用户遇到更少的阻碍，从而能有更高的效率，并感到更加满意。

?!更少聚焦&设计多探索少评估产品瀑布流程调查设计开发运营概念头脑风暴

市场研究情境调查

定义人物角色模型用户场景故事板概念导图设计流程图原型（纸、线框、高保、设计说明）视觉内容清单可用性测试检查验收清单

MRDPRD评审

设计评审UC评审

测试用例检查任务分析导航设计

页面布局原型设计交互说明交互设计方法任务分析与产品经理、运营方会议沟通并阅读理解PRD，转化产品需求为产品交互任务分析。任务流程（思维导图、流程图）任务列表（树形结构）

思维导图

流程图

描述用户特定任务的操作步骤,理清用户的操作步骤，对整个任务的全面了解,与其他部门沟通的有效工具，方便对工作量的预估任务列表1、卖家申请加入淘宝虚拟大额交易平台a、申请条件不具备

（3条分支:B卖家非C卖家1个月内退出过平台）b、符合申请符合

签署淘宝虚拟大额交易协议

查看平台宝贝价格

签署支付宝代扣协议，提交平台预缴金

入住平台成功2、话费直冲a、搜索商品

（单一结果、多结果）b、商品价格设置c、选择供应商d、发布商品……..

常见导航有：全局导航辅助导航面包屑

导航设计导航设计是交互设计中的关键,导航设计目的是把复的信息和页面经过组织清晰的展现给用户。要让用户清楚自己处在的位置，自己可以访问那里。导航设计决定了整个产品操作逻辑与页面关系。常用的布局：两列三列

页面布局根据前面的任务分析与导航设计，选则适合当前产品的页面布局，把细碎的功能与导航粗略的排放进页面内。

页面布局范例原型设计原型设计是交互设计中比较重要的产出物，在确认的布局中添加功能模块细节的交互的形式。原型设计是交互设计师与产品经理、开发工程师、QA沟通的最好工具。

原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。原型分为高保原型、低保原型（线框图）

常用低保原型（线框图）

设计说明标明页面里操作的各种交互状态说明，让视觉设计师、开发工程师可对照交互产出物更好的理解开发产品。交互设计指南任务可被完成符合用户习惯适时帮助提醒、反馈操作一致………..特殊人群看不到任务可被完成符合用户习惯熟悉程度020406080100100学习成本806040200熟悉程度、学习成本成反比适时帮助提醒、反馈点击传播确定后，没有确认反馈，看不到传播后的结果。操作一致帮助从错误中恢复自动完成提高用户效率特殊人群设计价值1/14/20231/14/2023Q2总收入111.4万，Q3总收入205.8万，+84.7%航意险--Q3数据1/14/2023Q2日均为28%，Q3日均为37%，+9%机票组新人送保险大促活动结合提价33%的因素，总共多收入约88万航意险--Q3数据给设计师的9句话用户体验是商业、技术、用户三方面交集设计不仅是为了视觉美观抓住产品的关键