本文目录导航：
用户体验五要素简析eleme订单确认页面
体验环境 设备：iPhone7plus 版本：ele 7.41 一、策略层剖析笔者由将两大灵魂的拷问开局叙说，“咱们要经过这个产品失掉什么？”“咱们的用户要经过这个产品失掉什么？”一个是企业的目的、一个是用户的需求。
1.1、 企业的目的，收银台首先应保证买卖订单顺利的流转不散失。
与此同时，提高买卖透明度和方便度，优化用户在买卖环节中的体验。
以及联结增值服务、用户增长、商家营销独特抚慰用户支付，优化最终买卖量。
1.2、用户的需求，用户是谁？用户从哪里来？用户要做什么？ 咱们要帮做什么？a、用户是买家；b、用户从商品模块流入，曾经成功商品选购；c、买家要启动支付买卖；综上，用户的需求是买家在确认支付商品后与最终付款前经过收银台启动确认买卖各环节消息。
使其顺利成功买卖，防止因消息不对称形成在买卖环节中的不良结果。
二、范围层 由策略层需求，确认咱们要的产品范围。
1.1、咱们的todo范围，依据企业目的与用户需求制订咱们的以下todo。
a、保证页面繁复流利，消息表发明白无误差，支付流程不卡顿；b、疏导用户完善买卖必要要素（商品、用户、支付），校验校验要素的非法性，对事先防范、预先弥补，顺利成功买卖优惠；c、提供增值与附加服务（准时达、发票、备注等消息）保证买卖反常的前提下优化用户体验；d、折扣抵用配合用户增长，提高支付率。
1.2、咱们对范围的划分，咱们知道买卖是指双方以货币及服务为媒介的价值的 替换 ，依据咱们最目的以及用户需求的看法，咱们对该页面启动范围层配置模块要素启动划分。
1.2.1首先是买卖的必要要素，a、买家，实践受益主体，即用户消息，蕴含用户名、物流地址、咨询电话等b、价值商品，要求付出价值购置的主体，即实物商品（食品+包装）、服务商品（配送）等c、货币，价值替换主体，即支付方式等。
1.2.2可有可无但不影响买卖的非必要要素，a抵扣，封锁不影响商品买卖，即红包服务、满减服务等；b无价值商品，无需付费，封锁不能影响商品买卖，即卖家赠送、备注口味、开发票、配送期间等 c、价值商品，需额外付费，封锁不能影响商品买卖，即换购、准时达。
剖析：支付页面（外卖配送），作为成熟产品要素配置具有完整，模块划明显确。
三、结构层，笔者本次关键针对饿了么支付页面，用户“订单页面泳道形态图”以及“提交订单时序图”启动了梳理， 并结合策略层与范围层论断，对页面中用户形态启动解构剖析。
用户如何抵达某个形态，并且在他们优惠形态完结后如何流转至下一个形态。
订单页面泳道形态图 剖析：作为全体结构明白，页面间跳转繁复明快。
作为支付页面要求繁复流利，尽或许缩小页面间的切换，降落回退与跳出率。
每个买卖要素，都蕴含自动项，在用户不操作的状况下，依然不影响订单提交。
在方式上，固定选项（送达期间、支付方式、餐具份数）均为弹窗，间接修正。
非固定选项（咨询地址、红包、备注、发票消息）均备新增、删（智能删除）、改（出红包）基本配置，新建后自动选中，缩小用户操作。
外卖配送与到店自取切换相对流利。
四、框架层 在范围层笔者对买卖触及的要素做出整顿，框架层将依据范围要素启动设计规划。
笔者以为，必要要素优先级高于非必要要素；用户重点关注的配送期间、抵扣红包适以后移；首屏范围内，应必要要素（用户、商品、支付）、应尽量在首屏展现可以看出，目前线上支付页面（外卖配送），从顶部向下的规划优先级基本无误，满足用户对必要要素消息的失掉，前置了用户高关注度的非必要要素（配送期间与红包） 倡导点： 1、短距离位置提示，目前系统曾经对远距离启动识别，协助用户剔除配送范围外的地址。
但近距离配送还是会有出错概率，倡导参与短距离识别，防止在可配送范围中原位用户选用出错疑问。
比似乎办公区，楼栋不一样。
配送坐标与实践大于必定距离，应给出提示。
2、地址与期间兼并，支付方式后置。
在分类上地址和期间同属用户配送相关消息，倡导视觉上兼并在一同。
支付方式，操作频率相对稳固，用户认知极深，可相对后置，在企业立场上也可以缩小非支付宝外的支付方式切换。
3、参与口味切换，依据大数据对菜品与用户的标签，如用户经过其余路径反应不能吃辣，误选了辛辣食物可以极速切换口味（前提是食物自身多口味可选）。
选错口味只管是用户的操作疑问，但也是极大的损伤用户体验。
4、商品兼并，基于对关键消息的优先展现，首屏可见范围内应展现蕴含用户、商品、支付以及配送期间消息。
目前商品展现平铺，在商品量大的状况下，阻当了其余关键消息时机。
如商品量过大的状况，发生较高额的包装费与配送费，用户失掉这些消息会有不繁难 5、快捷参与主食，基于缩小页面回退、跳出，对用户在点餐环节中或许出现的经常出现失误，给与弥补措施。
目前系统已支持对未点主食的提示，但还需回退去操作，倡导参与极速参与主食配置，界面可与换购融合。
6、兼并所有付费名目，在商家页面，底部会启动所选商品+包装费金额统计，但不蕴含配送费；支付页面，商品小计统计商品+包装费+配送费+红包统计；支付页面底部浮层统计在小计基础上+换购+准时达，同一单，在不同位置给出三个多少钱统计，或许会惹起用户对订单价值的纳闷。
可思索对支付页面外部金额总计启动一致设计。
7、小计金额与底部一致，目前区分计算两次。
（和6的疑问一样） 8、新增备注婚配，如用户购置过同商品、相似同名商品，可协助婚配历史备注。
如在A商户点的鱼香茄子，备注“少点平淡，多点茄子”，在B商户购置同商品，可协助用户填写。
关键的想法就是，依据用户的口味消息，预先婚装备注，繁难用户。
详细逻辑交互或许更复杂，无时机可以讨论哈。
五、体现层 全体上页面比拟繁难，在视觉设计上比拟成熟完备。
在视觉层上的倡导，如下： 1、页面文字全体比拟多，备注比拟多，倡导精简文字，坚持版面繁复。
2、底部提交按钮为绿色，团体觉得不是很显眼。
页面交互设计图
【产品经理篇---用户体验五要素】
一、概述 五要素区分是什么？ 1、策略层； 2、范围层； 3、结构层； 4、框架层； 5、体现层； 二、用户认知三、产品认知 四、策略层 五、结构图 六、框架图 七、体现层 八、各阶段的产物九、用户体验五要素的案例说明----微信读书（五要素剖析产品） 面试经常会问到：你青睐哪个app？为什么？可以从五要素入手。
十、用户体验&商业闭环 疑问1：京东的物流为什么会那么快？ 疑问2：微信的点赞配置出现了哪些扭转？ 以上都是基于用户体验去思索的。
案例拆解---闲鱼十二、用户体验与干系人相关 疑问1：什么是干系人？ 疑问2：用户体验与干系人的相关是怎样样的？
阅读笔记｜《用户体验的要素》：深度剖析用户体验
读书期间：2017.9.2-9.11日 笔记作者:Miuka前文： 毕业后进入互联网行业里从事设计上班后，关于如何设计一个好的产品不时离不开的一个话题就是 “如何优化用户体验”。
其适用户体验早已不是什么新颖的词汇了，也不只仅只是设计行业才要求被提及的专业术语。
用户体验这个词最早被宽泛认知是在上世纪90年代中期，由用户体验设计师唐纳德·诺曼（Donald Norman）所提出和推行。
近些年来，计算机技术在移动和图形技术等方面取得的停顿曾经使得人机交互（HCI）技术浸透到人类优惠的简直一切畛域，尤其是移动端设备越来越被宽泛接受。
这造成了一个渺小转变──（系统的评价目的）从单纯的可用性工程，裁减到范围更丰盛的用户体验。
这使得用户体验（用户的客观感触、动机、价值观等方面）在人机交互技术开展环节中遭到了相当的注重，其关注度与传统的三大可用性目的（即效率，效益和基本客观满意度）不相高低，甚至比传统的三大可用性目的的位置更关键。
在网站设计的环节中有一点很关键，那就是：要结合不同利益相关者的利益──市场营销，品牌，视觉设计和可用性等各个方面。
市场营销和品牌推行人员必定融入“互动的环球”，在这一环球里， 适用性是最关键的 。
这就要求人们在设计网站的时刻必定同时思索到市场营销，品牌推行，和审美需求三个方面的要素。
用户体验就是提供了这样一个平台，以期笼罩所无利益相关者的利益──使网站容易经常使用、有价值，并且能够使阅读者乐在其中。
这就是为什么早期的用户体验著述都集中于网站用户体验的要素。
本书的全名为《用户体验的要素-以用户为核心的产品设计》，共分为八个章节，163页的纸张不算多，集中的阅读，半天的期间便可以读完。
这次经过组织抱团读书会和同伴们一同读完了这本被称为用户体验入门经典书籍，我把它比作是了解用户体验的基石，优化设计思想修炼技艺级的必读物，读完本书，总结笔记一篇，作为从新的梳理和回忆。
来自生存中的思索： 在咱们的日常生存中，用户体验是经常被漠视的，因此形成很多生存和上班上过于“窘迫”的结果，无论是电子设备还是公共设备，预计大家都能一下子想起很多蹩脚的例子。
许多的设计者和消费者貌似只关注产品将要用来做什么，却疏忽了最关键的一点：“产品如何上班”， 用户体验是指“产品如何与环球出现咨询并出现作用”，用户如何“接触”并“经常使用”它。
它更多的强调的是经常使用者在经常使用环节中的经常使用体验“难不难？”“容不容易学？”“觉得如何？” 从过去的产品设计的思绪到强调用户体验设计的思绪，前者更容易从产品的 感官和配置方面来设计，更容易构成“形状听从于配置”的观念。
然而后者往往处置的运行环境的综合疑问： 统筹视觉和配置两方面的疑问之外，同时处置产品面临的其它疑问。
而产品越复杂，确定提供应用户良好体验的方法就越艰巨。
用户体验的要素共分为五个层面： 体现层，框架层，结构层，范围层，策略层。
这是一个最基本的架构，只要在这个架构上咱们才干讨论用户体验的疑问，以及用什么工具来处置体验的疑问。
在每个层面中，咱们要处置的疑问有的形象有的详细，在最底层的时刻（策略层）咱们只关心网站/产品如何满足企业的目的和策略以及用户的需求，而越往高层，咱们要做的决策就越来越详细，触及越来越粗疏的细节。
每个层面都由它上方的一个层面来选择，当咱们的在做选择的时刻没有和上高层面坚持分歧，名目就会偏离反常的轨道，具有“自下而上”的连锁效应。
关键关注的是来自企业外部的用户需求（用户想从咱们这里失掉什么？）以及咱们自己关于网站的希冀目的/产品目的/商业目的（经过该网站失掉多少的盈利，霸占多少的市场份额等等）两个疑问 三个目的 关于用户需求,用户要经过这个产品失掉什么？： 咱们并非为“理想化”的用户而设计，而是要求去了解他们是谁，他们的需求是什么，经过对用户的细分启动用户群的钻研，应用用户钻研和可用性的方法搜集他们的消息最终创立用户角色模型。
假设一个名目没有里程碑，也看不到名目范围，也不知道它什么时刻完结是一件很费事的事件。
由于要求文档来定义需求，这样做的要素有两点： 1. 知道你要树立什么： 详细的记下你如今正在树立的内容，每团体都会知道 2. 知道你不要求树立什么 ：假设你不能有效治理你的需求，将会堕入可怕的范围蠕变。
配置和内容 从策略层的“为什么要开发这个产品”转变到“ 咱们要开发什么内容。
” 范围层确定的是 所有的配置需求或许配置规格 ，在名目初这个词表示需求，形容系统应该做什么，在名目末这个词表示配置规格，形容系统真正成功了什么。
正确的顺序是配置规格在配置需求之后写才可以。
定义范围层的需求 需求的详略水平取决于它的范围。
而需求的最佳源泉就是征询用户，在用户身下来开掘需求。
在范围层中必无法少的是撰写配置规格说明，文档不能处置疑问，但定义可以，因此 要求文档足够的明晰和准确。
为什么要写配置需求文档 关于有少量内容的名目而言，很多关于内容的消息都记载在一个内容清单，这兴许很单调，然而能让团队的每个成员都知道他们将为用户体验付出哪些上班了。
如何确定优先级 1.有时刻一个策略目的或许对应多个需求，有时刻一个需求或许满足多个策略目的。
因此咱们除了要求思索这些需求 能否能满足咱们的两个目的 ，还要求思索的是 “可行性多大” 。
有些会由于技术限度无法成功，有些则会由于期间有限而要求放到下一个版本中去。
很少有配置是独立存在的，只要把某一个个性和其它的部分一同思索出来，才干失掉一个连接的，一致的全体产品。
2.与策略层的制订者出现矛盾抵触的状况时常会出现，假设你能保证他们说关注的特色能经过另一种方式体现出来，并对他的需求表示认同，那么处置疑问就会顺利很多，这就要求团队中的任何成员都要求把握沟通的技巧。
交互设计和消息架构的异同点 关于交互设计 1.用户关于交互组件将怎样上班“的观念称为概念模型，例如”购物车“在典型电子商务网站的概念模型是一个容器。
这个概念模型会同时影响它的视觉设计和界面经常使用言语。
然而将事实环球中相对应的实物的比喻放入概念模型中或许会有必定价值，然而不要一字不落的照搬照抄。
切勿”过火运用“。
2.交互设计会处置每一个级别的失误，以确保更高比例的用户能有踊跃的体验。
消息架构 只需人与人之间有消息要传播就必定要选用并组织这些消息，以保证他人能了解并经常使用它们。
消息架构钻研的就是人们如何认知消息的环节，关注出现给用户的消息能否正当并具无心义。
消息架构的分类体系方式： 1.从上到下是从策略层所思索的内容启动结构设计。
然而局限是关键的细节被疏忽2.从下到上的架构方法是由范围层驱动，据显示肯能造成架构过于准确的反响了现有的内容而不能灵敏的容纳未来内容的变化或许参与。
3.一个顺应性强的消息架构喜用，能把新的内容作为现有结构的一部分容纳出去，也可以把新的内容当成一个成功的部分参与。
4.消息架构的基本单位是节点，可以小到一个数字，大到一个图书馆，过后咱们要处置的是节点，而不是页面，文档或组件。
层级结构的经常出现类型 1.矩阵结构：准许节点与节点之间沿着两个或许多个维度移动2.人造结构：不遵照任何分歧的形式，没有太剧烈的”分类“的概念，比拟适宜想要激励想要自在探险觉得的文娱或许教育网站。
3.线性结构：来自你最相熟的乡下媒体，连接的言语流程是最基本的消息结构类型。
组织准则： 你在产品最高层级经常使用的组织准则应该严密的与”网站目的“和”用户需求“相关。
而在结构中较低的效果，内容与配置需求将对你所采取的组织准则发生严重影响。
言语和元数据 1.受控词典 受控词典是网站经常使用的一套规范言语，有助于树立起贯通一切内容的分歧性，提供一个明白资源以确保大家都能经常使用用户的言语。
而另一种较为精细的运行方法就是发明”类词词典“以提供罕用的然而未归入该网站规范用语的词汇以供选用。
来”经常使用用户的言语“并且”坚持分歧性“，这是十分关键的。
2.元数据 是指消息的消息，以结构化的方式来形容内容的消息。
(1)你的网站可以灵活的将一组与某个主题相关的页面链接到一同，没有任何人要求额外做什么，只需他们的元数据一直分歧地经常使用相反的词组。
(2)好的元数据比基本的全文搜查引擎更能提供牢靠的搜查结果，协助用户在网站中更极速找到消息。
角色和流程 消息架构和交互设计的关键文档是示用意，视觉化的出现结构，这是一种表述“分支/群组/组件之间的咨询的一种最高效的方式。
视觉词典是一个提供从十分繁难到十分复杂的表示结构系统。
（相似于咱们如今上班中罕用的workflow)三个要素：1.界面设计2.导航设计3.消息设计1.触及提供应用户做某些事的才干属于”界面设计“ 界面设计要做的所有事件就是选用正确的，能够协助用户成功他们的义务的界面元素，经过适当的方式让它们容易被了解和经常使用。
需做到：关键的物品一眼能被看到，不关键的物品不要被留意到。
2.提供应用户去某个中央的才干属于”导航设计“； 经常出现的几种导航系统： （1）全局导航（不论想去那里都能从全局导航中抵达那儿）（2）部分导航:提供应用户在这个架构中到”左近地点“的通路。
（3）辅佐导航:提供了全局或部分导航不能呢个极速抵达相关内容的快捷路径。
（4）高低文导航：也称内联导航（嵌入页面内自身内容的一种导航，比如文字中的超级衔接）（5）友好导航（提供应用户他们理论不要求的链接）（6）网站地图（给用户一个扼要的，单页的网站全体结构的快捷阅读方式） （7）索引表（按字母排序，链接到相关页面的列表）3.假构想传播想法给用户的话，属于 “消息设计 ” 有时刻消息设计是视觉上的，有时消息设计触及”分组“或”整顿“散乱的消息。
最关键的是用一种能”反映用户的思绪“和”支持他们的义务和目的“的方式来分类和陈列这些消息元素。
界面不只仅只是搜集用户消息，更要求向用户出现消息。
总结 在这个层面，咱们关键处置 搁置的事件 ，处置并补偿” 产品框架层的逻辑排布 “的感知出现疑问，在这里，内容/配置和美学会集到一同来发生一个最终设计，成功其余四个层面的一切目的，并同时满足用户的感官感触。
选择设计最后如何被人类的觉得器官感遭到，由五个方面组成： 视觉，听觉，触觉，嗅觉和味觉 ，哪些将被归入设计是由咱们产品类型选择的。
评价要求提出的疑问 评价产品视觉设计的繁难方法之一，提出这样的几个疑问：眼帘首先落在什么中央？哪个设计要素在第一期间吸引了用户的留意力？关于策略目的来说是很关键的物品吗？第一期间留意到的物品与他们的目的南辕北辙吗？成功设计的两个特点 对比和分歧性 配色打算和排版 设计分解品微格调指南 无论产品如许复杂，用户体验要素是一样的。
创立好的用户体验的最终要的上班内容是少量搜集亟待处置的十分纤细的疑问。
”成功的方法“和”注定会失败的方法“的差异归根为两点： 必定要同时思索五个层面的所有要素，这关于创立成功的用户体验是至关关键的。
有专人风头来担任诚然关键，然而更关键的是保证一切的用户体验都被关注到。
作者将用户体验开发的环节比喻成 一场”马拉松“ 而不是”短跑“。
了解你所参与的较量类型才干用适宜的方式去较量。
短跑是尽或许的快跑起来，极速抵达终点。
而成功的马拉松取决于静止员如何有效控制自己的步调，直到”何时减速“”何时减速“才干赢得甚至彻底完结这场较量。
每一件和网站的用户体验无关的事件都是无看法的，明白的决策的结果，只要这样才干确保这个网站同时满足你的策略目的和用户需求。
