UX体验设计之旅(三)_CX、UX、UI三者的异同点解析_2017 Design Tour in UK

UX设计中的多少个重点词:CX、UX、UI

CX_Customer Experience :顾客感受设计;UX_User Experience:
用户体验设计;UI_user interface: 用户界面设计。

CX指顾客对与一个品牌、公司发出的交互的感知。这是一个尤为宏观的概念,覆盖了一个品牌和买主发生互相的富有渠道,比如顾客感受的优劣和店里的灯光、背景音乐甚至是路边的一则广告都会有提到,那种体验会以一个一体化的样式让顾客对品牌爆发好或者不佳的记念,进而影响到其是否改为最后用户及忠诚度。

UX指终端使用者与一个公司的服务和成品竞相的富有范畴,常见例子的就是App/网站或者一个家伙产品的设计中会大量行使到UX。所以这是一个争持微观的体验设计层面。UX专注于极端使用者——使用产品、服务的人,而消费者在一些方面或者和终端用户重合,然而消费者也说不定是意味其旁人行使购买行为!所以消费者不必然是最后用户,也就是说UX不可能涵盖顾客的体会。

UI则是用户界面设计,重要专注于产品规模的界面视觉突显。国内对UI的认识已经分外普及,在次不多废话。

从地方五个概念中,可以概括出如下的直观图来代表三者的附属关系。即UI设计属于UX用户体验范畴之内,而CX包含的界定最广大。

CX&UX的异同

UX工作流程大致分成如下4步骤:发现并定义、设计、设计验证环节、设计支撑出口

UX&UX&UI的异同点是何许呐? 

1.1  范畴不同:

CX是客户与品牌抱有地点的竞相总和的总称。
从广告到客户服务,直到产品交付,每个那一个互动的完整影响塑造了客户对产品或劳务产品的感想。

UX 是人与产品(APP、WEB、WATCH、电视、智能装备等)之间的涉嫌;体验差的 UX
会让一个暧昧客户质疑你的品牌及其服务的可信度(CX)

即CX着眼于品牌的全渠道体验,而UX专注于一些更细分的出品,比如网站、App、软件系统等。(UX设计与产品十分使用,而CX
Design与品牌合作)

1.2 关注点不同:

CX更关爱通过广告、顾客服务和品牌营销等表现来扩展集团的销售额。更强调品牌声誉及顾客服务。

UX更注意于改善产品、服务最后的可用性来达到近似的靶子。关注于音信架构、互动设计、内容策略、同理心、用户探讨、可用性分析与测试等。

1.3 二者相辅相成:

不以CX的代价损坏UX,反之亦然,二者也是互相匡助关系。

CX Design vs UX Design: How They Differ

是因为国内近年来进步的现状,大部分还处于UI设计及UX设计的回味程度,所以国内公众对于CX的咀嚼还地处较低品位。可是相信随着一代的更动与行业领域的逐步成熟,CX将会抢先UX而尤为普及。

*
*

延伸阅读:Customer Experience Is the Future of Design:

https://uxmag.com/articles/customer-experience-is-the-future-of-design

CX将会是计划的前景  Customer Experience Is the Future of
Design_https://uxmag.com/articles/customer-experience-is-the-future-of-design 

以下我在介绍着4个环节中,会穿插讲述每个环节的片段常用设计方法知识。

Tesla’s customer experience

下边通过本田(Tesla’s CX)的案例来让大家进一步清晰的刺探CX客户体验。

案例讲明: Tesla’s customer experience

手续一:网上音信查询

当大家决定要购买一辆别克汽车时,顾客需要先登陆官网举行新闻查询。当大家在浏览音信时候,别克网站通过唤起、布告等竞相体验来告诉潜在消费群体,并且为推送适合我们的相关安排;允许浏览三菱的技能、学习电动车、配置汽车等知识——同时指出消费者把这么些分享到社交平台如非死不可、Email、通讯录好友Friends

步骤二:体验店内亲自感受

接下去你恐怕会亲自到体验店里去体会试驾,这些时候大众体验店专门设置了咖啡馆、网络服务、有专门的出品专家为您服务、开放性的劳动空间,让用户能在舒适的条件与服务中,了解你们想获取的全体消息。并且你能浏览本田的技能工作原理,亲自用肉眼、触觉、听觉等全套感官去体会。

步骤三:购买下单流程

在下单前,马自达能够允许消费者在一周时间内改变配置model S,
同时你专属的咨询顾问也会把您推荐给地方送货团队

手续四:客户所有权服务(优质售后服务)

工作人员前往客户家庭开展为期年检、固件检修、设备更新等。革新的”house
call”服务,是客户不管哪个地方都能安然的运用别克的出品。

手续五: 独家会员服务

最终你可以进入特斯拉的各自会员服务序列,日产将衷心希望您将世界各地的城池丰田视为您自己的VIP贵宾私人网络的会员。给消费者一种宾至如归的感到。

按照以上大众的案例,大家更能清楚地知道CX的重中之重,它是一种全流程的体验式服务。在一切链条环节中,会有过多触点(Touch
Points)

CX体验差的案例_某机场

综上可得,CX的体验对于所有公司的商业价值影响很大。做为CX设计师,我们需要调出产品范围的用户体验设计,而应该更高瞻远瞩于全链条的筹划。——我想CX恰好也是二〇一七年阿里系提议的“全链路设计师”的一个思路来源呢!

注:部分图纸来源于网络,转载请讲明出处!

延长阅读: 

UX and CX: What’s the
difference? https://www.marketingentourage.com.au/blog/ux-cx-whats-the-difference

https://www.capgemini.com/2015/02/ux-vs-cx-and-the-difference-between-a-ux-designer-and-a-cx-designer-1/\#

UX precess embedding_UX设计环节的流程/

1. 意识并定义阶段

Discovery & Define_发现&定义

透过大量的调研及要求集中,使用大规模的研商措施来发现用户的忠实需求及表现。在这么些环节,我们会不时使用到用户访谈、主旨小组、卡片分类、用户画像及用户体验地图等。

卡片分类方法:

如下图所示例,当UX设计师在进展电商平台的信息架构时,如何对货物档次等开展分拣划分?这些时候就需要运用到卡片式分类方法。卡片分类方法一般会蕴藏开放式卡片分类和封闭式卡片分类方法。如下图所示。

电商品台应用卡片分类方法开展早期信息架构

开放式卡片分类&封闭式卡片分类

用户画像分析法(Persona):

1.1 人物角色(persona)是咋样

指针对产品的目的群体举行实事求是特征的刻画,是实际用户的归结原型——代表了一群真实的人选——它讲述的是一个群体的表征,也就表示不是切实可行的某一个人,而是一群人的特点综合,它是一个虚拟的写真(是产品目标用户的顶尖用户,而不是最好情状下的各自人)

1.2 为啥要创立人物角色

persona概括了用户探讨(产品使用者的对象、行为、观点等)的发现,并形成栩栩如生的传真,以此来援救产品的决策和筹划——才能做出更好的契合用户体验的制品

1.3 成立人物角色的前提

公司肯定以用户为着力的计划意见。人物角色创设出来之后,能否真的发挥效能,也要看一切业务部门/设计团队/公司是否早已形成了UCD的思绪和流程,是否愿意、是否自愿不自觉地将人物角色引入产品设计的全方位,否则,人物角色始终是一个摆设、是一堆尘封的文档,纸上作画,墙上挂挂。

1.4 何时可以运用

咋样时候能够用到人选角色?在制定产品策略时、在议论产品要求时、在类型优先级排序时、在拓展任务分析时、在雕刻交互流程时、在挑选设计风格时、在用研项目招募用户时、在锁定推广目标时、在系数营业方案时。总而言之,在各样议论、脑暴、pk时,在大家想冲口而出”用户xxx”的时候,人物角色都足以派上用场。

如图所示为一个用户画像的隐含的骨干内容。

用户体验地图(Customer Journey Map)

用户体验地图,世描述用户在运用产品或劳动时的感受,主观感受和影响。绘制客户旅程地图,一般包含操作流程,即在这些流程经过中,用户在重点节点的急需和用户感受。一个出品中,可能会有多少个客户旅程图(一个客户角色,对应一个客户旅程),每一个图要更加完整突显内容,不宜将重点放置在图本身的设计上。

何以创制用户体验地图?

率先在时刻框架下填入用户的目标和行事,随后填入用户的感受和设法,当用户故事渐渐完善,再经过视觉化的艺术赋予彰显,最后服务于社团互换与规划洞察。

用户体验地图的一些案例

拉开阅读:

用户体验地图的有些工具推荐(7 Tools to Uncover Customer Needs & Map the
Customer Journey to Create Better Experiences)

http://www.toprankblog.com/2016/04/7-tools-customer-journey/

*
*

2. 统筹环节

当下期需求及有关用户调研结束后,既可以按照结果来实际上升到设计环节。把抽象的定义层转换为可视的计划性功效。这多少个环节也就是我们大部分人眼中的设计师职责所在。不过早期调研定义阶段是最重点与主干的,就如冰山一样,浮在水面上的可视的冰山一角只是很小的一层,而水面下的翻天覆地冰山根基才是最着重的。

在拓展统筹环节,咱们也会有诸如头脑风暴和计划性工作坊,把抽象的要求整理成稍具象的一对规划概念,之后接下去会由此一些草图、纸质原型、交互线框图等具化。最终一步才是UI设计环节,通过视觉显示把抽象的概念转化为终极见到的成品界面设计。

具有的这么些都是遵照于用户的真人真事需求和行事而开展设计。

以下将通过有些案例来概括介绍下统筹环节中的一些首要节点。

BBC交互原型规范

拉开阅读:常用的一部分互为设计工具介绍及推荐,如Xmind思维导图、proto.io、
inVIsion 、marvel、flinto等,接下去我会在任何章节详细跟我们介绍。

BBC视觉UI概念设计

葡京娱乐总站平台,针对设计规范,不同的店堂都会有业内的正经文档表明。其中BBC的
GEL平台,汇总了BBC的百分之百设计语言。值得我们精心翻阅学习。

BBC GEL_Global Experience Landuage:http://www.bbc.co.uk/gel/

Great UI Design Requires Smart Style Guides:
https://www.uxpin.com/studio/blog/great-ui-design-requires-smart-style-guides/

做为UK最大的服务于政党机构的宏图平台,GOV.UK也是有规范化的宏图语言,大家如有兴趣可深刻阅读:https://www.gov.uk/service-manual/design

GOV.UK在排版布局、字体、Layout、Typography、Colour、Icons and
images、Data、Buttons、Form elements、Errors and validation、Alpha and
beta banners等地点都有严格的设计语言,详情可查阅——GOV.UK 的设计规范:
https://govuk-elements.herokuapp.com/

GOV.UK 的纸质交互原型&故事版

GOV.UK 的针对性字体的设计规范

3. 伊娃(Eva)luate 设计评估环节

当相互设计及UI设计都依次成功后,产品早已几乎整个可视化,高保真demo已经准备截至。那么接下去我们就要拓展在开发前的最后一步了_设计测试环节。

上线前开展可用性测试&AB测试;上线后举办产品数量&用户反馈

中间有以下几点需要着重强调:

Disabled user
testing
>针对残疾人的成品测试(红绿眼眶脓肿、视力障碍、儿童、老人、特殊群体)——除了常人使用我们的产品,大家也不能够忽视残障人士群体。

Benchmarking>
本集团的业务流程和性能目的与同行业最佳实践者举办的相比较

(基准测试是将业务流程和性能目的与其余公司的行业最佳实践和特等实践举行相比。
在项目管理中,基准测试还是可以够辅助项目标挑三拣四,计划和交由)

可用性测试

眼动仪测试

AB测试

竞品分析

Test 用户测试常用工具推荐_17种运动端UX用户测试工具推荐 _17 Testing
Tools for Mobile
UX  https://blog.kissmetrics.com/testing-tools-for-mobile-ux/

Benchmarking 标杆分析法

4. 技术援助阶段

上线前产品的各地点测试与评估都曾经结束,最终一个阶段,即与开发配合,完成产品上线。

技术扶助阶段

在富有的UX设计环节中,以上4个部分会重复循环。这也构成了互联网产品的迭代革新,产品通过一个本子和一个本子的演进,来更好的服务于用户,同时晋级产品的商业价值。

以中户为骨干的产品设计首要性

5. 中西UX用户体验设计及团伙文化差别性分析

概括,在UX体验设计之旅章节,我分别从集团简介、团队搭建、UX设计流程及情势角度,向大家介绍了UX的有些基础知识。通过沟通和参访,我觉得中西方在UX设计行业里,仍旧有肯定距离的。

5.1 从协会建设与搭建来说

像非死不可、Designit等营业所,拥有150+用户研究员,200名UX设计师,他们分外重视研讨、数据解析(UR
&
UX)——但反观国内,先前时期调研分析阶段很弱。一般要求都是从领导层发生指令,层级执行。

5.2 设计师职业规划上——轮岗制显明

伊夫(Eve)rnote设计师平均10年以上经历,每个设计师都能独档一面,很少初中级;BBC工程师&设计师——设计师能力综合宏观、懂商业&技术

5.3 内部协同——尊重设计师的业内素养_统筹团队间&跨机构集体协作愉快

尊崇设计师,领会设计师的商业价值(BBC,设计师话语权大,与开支、媒体等都是均等的)人人都是用户体验设计师,思维意识层面较国内更成熟。

5.4 西方产品如故面临(APP & WEB) UX用户体验本地化问题

如Amazon、Skyscanner等在国际化道路上也经历了弯曲。反观国内支付宝Alipay在开发东南亚北美洲市面时相遇的题材类似。

5.5 注重故事诉说着,鼓励我们成为Story teller

交流中,我们关系要善于做一名Story
Teller。通过讲述故事的形式讲述用户的需要,表明设计的价值。——这或多或少境内的设计师不擅长讲述故事,把规划意见传达给受众及组内成员。

接下去,我会把UX
设计流程中的一些细节相继举行作品汇总,如大家想进一步询问,可不止关注。

注:部分图片来源于网络,转载请表明出处!