水到渠成-用户体验架构探索与实践-Share.pdf

水到渠成 用户体验架构探索与实践 田瑞航 2014.7 工作坊开始前 花一点时间，快速让大家认识你 ! 姓名 公司 职务 分享2014对我最大的喜悦 7.15 宝贝降临 开始为人父 十余年用户体验设计经历，拥有丰富产品体验设计经验， 早期曾就职于搜狐、网易等互联网公司。2006年加入百 度，负责百度知道、百科、文库、指数等核心产品的整体 设计和管理工作。2009年加入阿里巴巴国际UED，现任 B2B交互设计团队负责人。专注于国际电子商务用户体验 设计，致力于为全球用户创造良好的产品体验。 瑞航Ryan 阿里巴巴国际UED高级交互设计专家 北京 8年 200220042006 杭州 5年 2009 - Now 主讲人介绍 田瑞航 Ryan Tian 阿里国际UED·用户体验专家 User Experience Expert Alibaba International UED 中国 杭州 Hangzhou China 18658157761 ruihang.tianrhalibaba-inc.com 联系我，上 联系我请扫二维码 加微信 新晋阿里巴巴国际UED交互专家，B2B跨境贸易产品线 交互Leader，拥有多年产品及用户体验设计经历，覆盖 买卖家等多个产品，拥有丰富国际化产品体验设计经验。 杨文波Bruce 阿里巴巴国际站交互设计专家 助理主讲人介绍 ESCROWInspection 年轻激情 国际活力 一个基情肆射的大家庭！ 2013 Thailand Outing 团队构成 交互 Interaction Design 产品视觉 Visual Design 运营视觉 Promotion Visual 用户研究 User Research 内容管理 Content Manage 我的主要职责 设计师培养 专业体系搭建 跨团队沟通 参与重要项目 设计团队建设 交互 Interaction Design UX从业人员 （包括设计管理 用研） 产品经理 总经理 技术 学生 教师 今天在座的朋友 如何理解本次工作坊的标题？ 小互动 抛几个今天想要探讨的3个问题 ·用户体验设计部门的定位？ ·如何保障体验整体着眼、持续迭代？ ·如何让UCD落地，让各部门一起创造用户体验？ 主要环节 ·跨境电子商务简单介绍 ·当前的互联网环境 ·用户体验架构(UXA) ·UXA-M案例分析和互动 阿里国际UED服务什么产品？ 给大家一些直观感觉. 国际 B2B 阿里巴巴国际网站 国际 B2B 阿里巴巴采购直达产品 国际 B2C 阿里全球速卖通 国际 B2C 淘宝海外台湾版天猫国际 阿里巴巴国际电子商务 国际B2C国际B2B 两段Video简单了解一下 Alibaba.com http:/v.youku.com/v_show/id_XNTgyMjA5NjA4.html AliSourcePro http:/v.youku.com/v_show/id_XNTc4MjgyODM2.html 大家是否对我们服务领域有所了解了？ 连接来自全球的小企业和买家 以点窥面 互联网的发展也一样影响着我们 主要环节 ·跨境电子商务简单介绍 ·当前的互联网环境 ·用户体验架构(UXA) ·UXA-M案例分析和互动 A产品 功能简单 个体 能用就好 场景单一 过去 A CB 服务 生态圈 开始挑剔 场景丰富 现在？ 互联网产品 思维 互联网思维 匹配 交流 订单 金融 海关 真实 安全 物流 支付 ·系统复杂 规模大 ·用户场景复杂 ·O2O ·多种产品形态 Before After B2C Mobile 物流 地图服务 网上支付 域名 主机 SNS 团购 云计算 LBS 搜索 B2B 互联网生态圈 用户体验具有战略重要性 用户 科技商业 体验 发展快机会多 易流失 体验背后的逻辑千丝万缕 凭一腔热情不能解决问题 列举一些遇到的用户体验问题 并尝试归纳属于什么类型 小互动 用户的体验 常常是这样的. 用户看到的 我们以为用户看到的 信息噪音多 为什么用户就是看不到？ 用户感受到的 我们以为用户感受到的 引导路径乱 为什么用户就是发晕 功能形式杂乱 逻辑设置错误 信噪多 路径乱 功能杂 逻辑错 点 线 面 系统性问题 任何一个环节都可能让用户流失 导致“多乱杂错”的原因 缺失用户视角 内部竞争割据导致体验过程割裂 不成专业体系 仓促的设计过程，设计无法回溯 缺乏共识维度 难以达成共识，陷入细节沟通效率低 大家是否有遇到类似的问题？ 大家用什么思路解决？ 小互动 主要环节 ·跨境电子商务简单介绍 ·当前的互联网环境 ·用户体验架构(UXA) ·UXA-M案例分析和互动 引入建筑设计架构的概念 互联网的历史开始于六十年代，历史非常短暂，建筑设计则在几千年的建筑设计 实践中积累了大量的经验和教训。后来被广泛应用在软件开发行业，作为目前的互联 网思维化的服务和产品设计，架构的思路非常值得借鉴。 架构的理念源于建筑设计 跨领域合作层次结构关系 Construction Architecture 建筑设计 架构 以用户为中心 User eXperience Architecture 用户体验 架构 跨领域合作层次结构关系以用户为中心 用户体验架构(UXA) 基于前面的问题 我们采取的体系化应对思路 UXA和UX要素图的区别 交互设计师的误会 交互设计师职责定义应该更全局 ! 体现信息功能层次关系 UX层次及推导关系 PD 产品需求 & 文档 PD 商业需求 UED 设计执行 过去 上游 下游 界面表现输出FRD 产品逻辑行为路径规划 商业需求用户&需求 UEDPD 协作 UXA 覆盖范围Now： UXA Milestone 2013 建立体系，命名UXA，作为团队专业框架 全面推进实践和各类专业建设 ! 2012 尝试影响业务线实践 创建“云图”(UXA-M雏形)影响AlisourcePro受到认可 ! 2011 顶层设计影响 意识到UX顶层设计的重要性 ! 2010 尝试影响产品的布局形态 引起高层注意，应邀作为战略会的设计顾问，颠覆了我的想法 ! 2009 - 单纯的愿望 希望让整体产品界面更专业，后来发现产品布局制约 Why - 需求层 Period What - 布局层 Period How - 界面层 Period UXA SYSTEM ! Why User & Goal ! What Task & Use case Interface Flow ! How Interface Definition Interface Framework Functions & Content 今天Workshop的主要概念 & 定义 UXA 层次 生活行为界面行为 UXA的目标是什么？ 导致“多乱杂错”的原因 缺失用户视角 内部竞争割据导致体验过程割裂 不成专业体系 仓促的设计过程，设计无法回溯 ! 缺乏共识维度 难以达成共识，陷入细节沟通效率低 我们回到. 统一用户视角 从用户视角着眼 整体把控服务体验 构建专业体系 可以回溯的专业系统 更有依据支撑 ! 建立共识维度 找到沟通的维度 更有效率的解决问题 UXA的目标 专业框架 意识转变 支撑体系 对外影响 UXA如何实施 FRAMEWORK UXA 专业框架 UX Architecture Framework ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Users ! ! ! ! ! Goal ! Task / Use case ! ! ! Interface Flow Interface Definition Interface Framework Functions & Content ! ! How Who & Why What UXA 外部矩阵 UED（以用户为中心）商业技术 跨领域合作 UX层次结构关系 How Who & Why What 判定 & 沟通维度 判定 & 沟通维度 判定 & 沟通维度 设计（以用户为中心）研究回溯 & 评估 跨领域合作 UX层次结构关系 How Who & Why What UXA 内部矩阵 对用户体验的影响 UXA 贡献的甜点: ROI 最高 体验架构规划过程推导迭代设计实施 直接影响整体的用户体验修改设计导致的资源 对体验的影响 修改设计导致的资源 具体界面元素设计 UXA 团队 交互设计 CHANGE UXA 意识转变 所有影响用户体验的因素 团队 用户需求层业务战略 用户行为层产品形态 用户可视层操作界面 天马行空的艺术家执行工具 重新定义交互设计师 不切实际循规蹈矩 重新定义交互设计师 交互设计 ! 用户体验架构 全局 合理 层次 清晰 关系 明确 在UXA的体验不同层次中 我们力图达到 奥卡姆剃刀定律 做减法，抓重点核心 设计 研究 SYSTEM UXA 体系支撑 Design Review User LibraryMobile Strategy Working Process Design Doc WHY WHAT HOW UXA SYSTEM Theory UXA-M M Framework Design Pattern Behavior Data BaseProcessTracking ? ? UXA SYSTEM Base Working Process Theory Framework HOWWhat Who & Why Working Process UXABase 原则：完整 一致 Working Process 整体一致的协作流程 UXABase Framework 原则：完整 一致 Framework 用户视角的专业框架 UXA SYSTEM Process WhyWhatHow User LibraryMobile StrategyUXA-M M Design Pattern 原则：明确 聚焦 User Library User | Goal UXAProcess Why 丰富的用户特征 UXAProcess What 原则：全局化 系统化 情景化 Task | Use case | Interface Flow UXA-M M 多层次的透视图 UXAProcess How Interface Definition 原则：结构化 规范化 清晰结构化的定义 核心路径 场景 信息 功能 导航 附属行为 导航 核心行为附属信息 附属信息 Interface UXAProcess How Interface Framework 原则：结构化 规范化 有效的框架推导 UXAProcess How 原则：结构化 规范化 Function | Content Design Pattern 三位一体的DPL UXAProcess How 原则：结构化 规范化 Function | Content Mobile Strategy 多终端策略 UXA SYSTEM Tracking Design ReviewDesign Doc WHY WHAT HOW Behavior Data UXATracking 原则：可回溯 可评估 Design Doc Design Doc WHY WHAT HOW UserGoal How Who & Why What UXATracking Design Doc 原则：可回溯 可评估 UserGoalTask / Use case How Who & Why What UXATracking Design Doc 原则：可回溯 可评估 GoalTask / Use caseInterface Flow How Who & Why What UXATracking Design Doc 原则：可回溯 可评估 Task / Use caseInterface FlowInterface Framework How Who & Why What UXATracking Design Doc 原则：可回溯 可评估 Interface FlowInterface FrameworkFunction & Content How Who & Why What UXATracking Design Doc 原则：可回溯 可评估 Interface FrameworkFunction & Content How Who & Why What UXATracking Design Doc 原则：可回溯 可评估 UXATracking Design Doc 原则：可回溯 可评估 可回溯的推导过程 Review机制 UXATracking Design Review 原则：可回溯 可评估 Design Review 100%覆盖 探索实践中 UXATracking Design Review 原则：可回溯 可评估 Behavior Data Who & Why What How Tracking 设计 文档 用户 数据 指导 设计 Review Working Process DPL 规范 响应式 Long Scrolling UXAM 云图 HPS Persona 用户 访谈 概念图 竞品 分析 UXA User eXperience Architecture UXAKnowledge 原则：可沉淀 可传承 可沉淀 可传承 小案例解析 UXA UXA 路径 观察 发掘 改善 用户视角 UXAM 全局用户路径 根据用户目标重构UXAM 及走查版本对比 SEO 自驱&互信 自身优化 路径 观察 发掘 改善 问题 主路径缺失 机会 线下商圈 问题 信息发布审核效率 问题 用户行为断点 对当前路径走查梳理 Alisourcepro 任务分析 ? ? ? ? ? ? ? ? ? ? 联系沟通 客户关系 (收藏卖家/设置激励机制/塑造行业案例/订阅买家RFQ) 发布RFQ查看报价索样 验厂下单委托验货确认发货确认收货并付款登陆主站/副站/多语言/MA 营造氛围 吸引注意 引起兴趣 引起欲望 给出措施 建立落差 引导行动 重在新手引导 对应的使用及填写帮助 自定义RFQ规则 可邀请针对性的卖家 RFQ导入 重在提升质量 迅速排除 不合格的卖家报价 比较卖家 比较产品 允许还盘 自定义筛选 重在准确 免费机制拉动买家 提供物贸服务 重在激励 适当告知此过程的作用 验厂商推荐 重在告知 E-Credit Escorw 重在担保 验货商推荐 区域及相关筛选 重在鼓励 物贸服务推荐 物流过程展示 重在推荐 过程及结果进行宣传 鼓励更多的买家参与 重在宣传 审核 前台展示 专家推荐 /系统匹配 过滤报价 查看RFQ提交报价筛选报价寄样 验厂确认订单备货发货确认收款登陆副站/MA 放款收款 合同留档 查看RFQ提交报价筛选报价寄样 验厂确认订单验货仓库确认收款登陆副站 验厂报告 留档 验货报告 留档 物流报告 留档 营造氛围 查看买卖家互动信息 RFQ信息筛选 进度管理 重在新手引导 不符合买家要求自动告 知不能报价 重在满足买家要求 对应的使用及填写帮助 自定义报价规则 可邀请针对性的买家 报价导入 重在准确 过程及结果进行宣传 鼓励更多的卖家参与 卖家相应补偿 重在宣传 E-Credit Escorw 重在担保 提醒备货周期 重在提醒 物贸服务推荐 物流过程展示 重在推荐 鼓励参与更多的RFQ 重在鼓励 筛选报价 核心路径脚本和用例 收集用户相关信息 结合已有信息 驱动多个需求项目落地 问题 主路径缺失 首页行动点优化 机会 线下商圈 行业买卖圈 问题 信息发布审核效率 PostBR优化升级 问题 用户行为断点 Dashboard ? 案例 - 断点识别 Dashboard 发现路径断点,盘活用户路径 用户周留存率提升一倍 将审核速度提升至秒级，帮组技术团队将成果落地 案例 - 机会发现 My Industry Networks SEO 自驱&互信 自身优化 线下场景线上化，帮助买卖家建立关系网络，提升产品粘性 由此项目产生的Post量占整体比例达到十分之一 案例 - 对AliSourcePro的影响 用户视角混杂 行动点凌乱买家用户视角 行动点清晰 场景化 案例 - 影响核心路径决策 Alibaba.com Home 2014 1 2 酒香还怕巷子深 2条核心行动点 1 2 12 案例 - 让AliSourcePro脱胎换骨 核心路径清晰路径节点问题优化路径节点目标准确 成为国际网站2014核心产品 目前用户体验提升被普遍认可 本案例总结 UXA可以发现和解决的主要问题类型 修复 路径断点 发掘 创新机会 支撑 界面细节 找对 视角判断 不仅限于以上4类作用. 给了产品团队不一样的视角，并从用户角度来看整个产品映射到业务本质， 让我们的产品整体可以被观察，在演变过程中通过系统专业方法提供设计预测， 帮助业务及产品可以从用户视角进行一些创新。 产品经理 整个交互团队在UXA的思维下能明确自身定位，更好的开展工作。同时促进 整个团队成员积极参加各项方法研究和基础建设，整体基于专业框架有目的性的 统筹推进，并能拿到可以被认可的结果。 设计管理者 感觉和以前对交互设计的理解不一样了，思考设计需求更加清晰，能知道自 己在解决什么问题，每一步设计具体影响了什么，能系统的思考，并给出有说服 力的方案，更能顺利的和业务方沟通了。 交互设计师 通过用户视角的呈现和表述，大家能更好的基于本质需求来聚焦要解决的问 题，并基于自身的专业维度提供建议和方案，更有效率，并能更好的解决问题， 同时也节省了不必要的工作。 合作支持成员 UXA 一些声音 主要环节 ·跨境电子商务简单介绍 ·当前的互联网环境 ·用户体验架构(UXA) ·UXA-M案例分析和互动 水到渠成 道家哲学 - 水到渠成，意指水流到之处便有渠道，比喻 有条件之后，事情自然会成功 ，即功到自然成。 UXAM User eXperience Architecture Mapping 用户体验架构图 UXAM 2010.Q4 全站体验架构探索 推动困难 小范围落地 2012.12 第一次UX全局图实践 采购直达业务重要参考 2013.7 建立UXAM研究项目 成为UXA实践基础 历程 UXAM 制定计划分析研究 发现问题对外宣讲 概念设计获得认可 落地实施 验证流程 UXAM ? UXAM ? 6个用户视角驱动项目 落地 采用了发布会的方式进行概念稿的宣讲，业务方激动的喊 “这个就是我想要的” UXAM ? 核心产品全面覆盖 UXAM是一种思维可视化工具 放眼整理用户路径 全局工作开展依据 先了解一些已有思维可视化工具 User Journey Map 以视觉化的方式，将用户与产品或服务进行互动时的体验分阶段呈现出 来，过程的每个阶段都可以被解析和评估。将设计的关注焦点从产品本身， 转移到更宏观的视野，也就是产品和服务在真实世界中的使用脉络。 Concept Mapping 一种用节点代表概念，连线表示概念间关系的图示法。用一幅大的图画， 首先呈现最笼统的概念，然后逐渐展现细节和具体的东西。 Interface Flow 用户在完成一个任务的过程中，所接触到的具体界面的串联关系。可以反 映出界面之间的联系和顺序以及页面内的主要功能定义。 层次 Concept Mapping 信息层次 全局 Journey Map 完整体验过程 关系 Interface Flow 映射功能承载关系 全局 层次 关系 UXAM User eXperience Architecture Mapping 休息10分钟 下个环节:UXAM详解 UXAM ·UXAM简介 ·UXAM的组成原件 ·UXAM的特点 ·我们一起实践一次 ·对比看看有什么不同 ·Q&A UXAM简介 UXA UXAM简介组成原件他的特点尝试对比Q&A 检验 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Users ! ! ! ! Goal ! ! ! Task / Use case ! Interface Flow/Features ! Interface Definition Page Frame Elements & Content ! ! How Who & Why What 重塑 还原回溯 UXA是一套基于用户视角出发的设计理论 UXAM User eXperience Architecture Mapping UXAM是一套基于用户视角来设计的用户体验架构图 UXAM简介组成原件他的特点尝试对比Q&A UXAM User eXperience Architecture Mapping 解决什么问题？ UXAM简介组成原件他的特点尝试对比Q&A 过去 看局部现在 看全局 UXAM的组成原件 User 分析核心用户，举例： 不同用 户角色 分析角 色特征 电话+实 地访谈 用户目 标收集 痛点及 需求点 Alibaba初级用户 不清楚Customized Sourcing 有线上采购意愿的海外买家有线上采购意愿的国内供应商 人物 模型 UXAM简介组成原件他的特点尝试对比Q&A ? ? ? ? User Goal（include Business Goal） 核心用户必须要有核心目标，且与商业目标相匹配： 全球领先的国际贸易匹配市场 与买家达成交易意向 国内供应商 与供应商达成交易意向 Alibaba初级用户 不清楚Customized Sourcing 海外买家 用 户 目 标 商 业 目 标 思考：战略层上两大目标是否互相匹配，用户的需求能否在产品中得到满足。 UXAM简介组成原件他的特点尝试对比Q&A Concept & Task Design 与用户研究，业务方一起合作（核心任务是指可明确落地的离用户目标最近具有架构性，聚合性的Mission）： 用户视角&互联网思维 解决全球买卖家采购效率 的外贸综合服务平台 Concept： 买 家 卖 家 已有用户 全程参与 压缩各环 节成本 上班 发布 需求 管理 报价 查看 报价 已有用户 节点控制 风险判断 上班 & 家里 了解 平台 搜索 需求 整理 材料 发布 报价 潜在用户 初学者 注重时效性 经常出差 搜索 需求 整理 材料 发布 报价 Alibaba初级用户 不清楚Customized Sourcing 潜在用户 专职采购 外贸经验丰富 产品专业度高 上班 & 出差途中 特征场景 了解 平台 搜索 商机 发布 需求 查看 报价 任务 达成交 易意向 目标 UXAM简介组成原件他的特点尝试对比Q&A Task 缺少了这个任务就完不成目标 他是用户实现目标过程中具体行为的抽象概括 （可明确落地，离用户目标最近，具有架构性，聚合性） UXAM简介组成原件他的特点尝试对比Q&A 买到火 车票 核心目标 12306 电话 购票 火车站 注册/登 陆 搜索 下单支付 任务 我们来聊聊淘宝：0） 因国际B2B产品行业背景较为深厚与特殊，所以我们以大家都懂的淘宝来做案例： UXAM简介组成原件他的特点尝试对比Q&A Alibaba初级用户 不清楚Customized Sourcing 买家 搜索产品 买家核心任务 搜索产品下单收快递放款/评价 管理（贯穿性任务） 卖家 卖家核心任务 上传产品 填写发货 通知 线下发送 快递 收款/评价 管理（贯穿性任务） 举个例子 买家核心任务 UXAM简介组成原件他的特点尝试对比Q&A 设计目标：更快更方便的查找商品 要有很好的筛选商品页面要有很好的产品详情页面支撑 List 产品 详情 Product 搜索产品 User（用户）& Goal（目标）&Interface堆栈（承载层集合）之间的关系 Map必须有始有终，且为核心流程（用例必须是动词）。举例： Alibaba初级用户 不清楚Customized Sourcing 买家 Home Buyer 卖家 后台 Home Supplier List 产品 支付 确认 List 已买产品 List 后台产品 发货 表单 List 已售产品 上传产品 发货 管理 收钱&评价 发快递 搜索 下单 管理 放款&评价 收快递 买到 商品 出货 收钱 Alibaba初级用户 不清楚Customized Sourcing 用户Goal流用例 发布 采购需求 承载层 Interface 缺失承载层任务 List 产品 堆栈特殊场景信息流 Send Go to Begin Check Go to Confirm Begin Check Confirm Notice（Platform） Offline Taobao.com UXAM简介组成原件他的特点尝试对比Q&A Offline 大关系 抽象一下。举例： Alibaba初级用户 不清楚Customized Sourcing 买家 Home Buyer 搜索 下单 管理 卖家 上传产品 发货 管理 后台 Home Supplier Go to Begin Check Go to Confirm Begin Check List 产品 List 后台产品 支付 确认 送货 表单 List 已买产品 List 已售产品 放款&评价 收钱&评价 Confirm Check Notice 发快递 收快递 线下 线下 买到 商品 收钱 UserUser Goal Goal TaskTask Interface 堆栈 Interface 堆栈 Interface 堆栈 Interface 堆栈 UXAM简介组成原件他的特点尝试对比Q&A 关于Interface堆栈 举个例子： 搜索 List 产品 Select 详情 Product ? Interface 1 UseCase Interface 2? List 产品 任务堆栈 UXAM简介组成原件他的特点尝试对比Q&A UXAM范例图 Alibaba初级用户 不清楚Customized Sourcing Map必须有始有终，且为核心流程（用例必须是动词）。举例： 买家 Home Buyer 卖家 后台 Home Supplier Go to Go to List 产品 SearchSelect 详情 Product 确认订单 信息 Place 支付宝 付款 Confirm 发货通知 收货 Offline 放款 详情 Confirm Waiting 后台 Home Buyer Go to 评价/操作 页面 BeginGo to List 已买产品 详情 Product Check manage Go to 详情 Product Post Product 表单 Generate 详情 发货 发货 通知 Check Begin 发货 线下 Write 放款 详情 Check 评价/操作 页面 List 已买产品 详情 Product Go to Begin Check Offline Offline UXAM简介组成原件他的特点尝试对比Q&A UXAM范例图 Alibaba初级用户 不清楚Customized Sourcing Map必须有始有终，且为核心流程（用例必须是动词）。举例： 买家 Home Buyer 卖家 后台 Home Supplier Go to Go to List 产品 SearchSelect 详情 Product 确认订单 信息 Place 支付宝 付款 Confirm 发货通知 收货 Offline 放款 详情 Confirm Waiting Offline 后台 Home Buyer Go to 评价/操作 页面 BeginGo to List 已买产品 详情 Product Check manage Go to 详情 Product Post Product 表单 Generate 详情 发货 发货 通知 Check Begin 发货 线下 Write 放款 详情 Check 评价/操作 页面 List 已卖产品 详情 Product Go to Begin Check 搜索 下单 收快递 放款 评价 管理 上传 产品 发货 发 快递 收钱 评价 管理 Offline UXAM简介组成原件他的特点尝试对比Q&A UXAM范例图 对比一下。举例： UXAM简介组成原件他的特点尝试对比Q&A Alibaba初级用户 不清楚Customized Sourcing 买家 Home Buyer 卖家 后台 Home Supplier Go to Go to List 产品 SearchSelect 详情 Product 确认订单 信息 Place 支付宝 付款 Confirm 发货通知 收货 Offline 放款 详情 Confirm Waiting Offline 后台 Home Buyer Go to 评价/操作 页面 BeginGo to List 已买产品 详情 Product Check manage Go to 详情 Product Post Product 表单 Generate 详情 发货 发货 通知 Check Begin 发货 线下 Write 放款 详情 Check 评价/操作 页面 List 已买产品 详情 Product Go to Begin Check 搜索 下单 收快递 放款 评价 管理 上传 产品 发货 发 快递 收钱 评价 管理 Offline UXAM范例图 对比一下。举例： UXAM简介组成原件他的特点尝试对比Q&A 卖家 后台 Home Supplier Go to 详情 Product Post Product 表单 Generate 详情 发货 发货 通知 Check Begin 发货 线下 Write 放款 详情 Check 评价/操作 页面 List 已买产品 详情 Product Go to Begin Check 上传 产品 发货 发 快递 收钱 评价 管理 Offline VS 1 流程图是细化的围绕某一个产品功能的操作描述。 2 UXAM是结构化层次化的基于用户目标达到良好体验的任务拆分。 有了好的UXAM我们才会去思考更多好的功能。 UXAM页面框架归纳 梳理出全局页面的设计框架。举例： Alibaba初级用户 不清楚Customized Sourcing 买家 List 产品 List 已买产品 详情 （搜索） Product 详情 Product 确认订单 信息 放款 详情 支付宝 付款 发货通知 评价/操作 页面 后台 Home Buyer UXAM布局图例的多种可能性 不同产品及发展阶段会有不同的架构呈现的可能性。举例： 对称泳道分布 用户类型较少用户类型较多平台型产品 ? 基于用户视角设计思路 检验 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Users ! ! ! ! Goal ! ! ! Task / Use case ! Page Flow/Features ! Interface Definition Page Frame Elements & Content ! ! How Who & Why What 重塑 UXAM颗粒度 还原回溯 UXAM的特点有什么？ 用户 特点一：用户视角 公司的门 分析分析 UXAM简介组成原件他的特点尝试对比Q&A 特点二：全局思维可视化 同一个框架，同一个基础。 UXAM简介组成原件他的特点尝试对比Q&A 好的架构和层次，是好的开始。 特点三：结构化与清晰的层次关系 UserUser Goal Goal TaskTask Page堆栈Page堆栈 Page堆栈Page堆栈 Alibaba初级用户 不清楚Customized Sourcing 买家 Home Buyer 卖家 后台 Home Supplier Go to Go to List 产品 SearchSelect 详情 Product 确认订单 信息 Place 支付宝 付款 Confirm 发货通知 收货 Offline 放款 详情 Confirm Waiting 后台 Home Buyer Go to 评价/操作 页面 BeginGo to List 已买产品 详情 Product Check manage Go to 详情 Product Post Product 表单 Generate 详情 发货 发货 通知 Check Begin 发货 线下 Write 放款 详情 Check 评价/操作 页面 List 已买产品 详情 Product Go to Begin Check Offline Offline Alibaba初级用户 不清楚Customized Sourcing 买家 Home Buyer 卖家 后台 Home Supplier Go to Go to List 产品 SearchSelect 详情 Product 确认订单 信息 Place 支付宝 付款 Confirm 发货通知 收货 Offline 放款 详情 Confirm Waiting Offline 后台 Home Buyer Go to 评价/操作 页面 BeginGo to List 已买产品 详情 Product Check manage Go to 详情 Product Post Product 表单 Generate 详情 发货 发货 通知 Check Begin 发货 线下 Write 放款 详情 Check 评价/操作 页面 List 已买产品 详情 Product Go to Begin Check 搜索 下单 收快递 放款 评价 管理 上传 产品 发货 发 快递 收钱 评价 管理 Offline UXAM简介组成原件他的特点尝试对比Q&A 特点四：发现机会，持续迭代 机会点 scanning？Confirm 确认收货 信息 Notice 到货时间 Feedback 不能收货 还可以有很多···· 快递中转站？ UXAM简介组成原件他的特点尝试对比Q&A 一起互动一下 用户：1结伴旅行者3人，2 回家过周末的设计师。 用户目标：买火车票搭火车从杭州到达北京。 商业目标：要做全国最大的火车票售卖在线平台（赚钱）。 UXAM简介组成原件他的特点尝试对比Q&A 1 设计出在产品中用户的Task（任务） 2 分析任务（Task）中的Use cases（用例） 3 合理的布局用例所对应的Interface（包含堆栈） 和Interface Flow 小组任务： 举例：我们不是设计一把椅子，而是设计一种坐的方式。 UXAM简介组成原件他的特点尝试对比Q&A 看看现实 我们看看XX网站的InterfaceFlow UXAM简介组成原件他的特点尝试对比Q&A Alibaba初级用户 不清楚Cus