相信跨境卖家在搭建B2B企业官网、或者Shopify商城时，经常听到过UI和UX这个概念，但对于UI, UX 确切定义并不太清楚，更不了解其对于优化SEO自然流量、及提升订单转化的重要性。其实UX是 User Experience使用者经验的简称，而UI则是User Interface使用者介面的缩写。UX与UI容易混淆，特别是对没有IT背景的跨境卖家，而且两者之间的界线通常很模糊。那么，用户体验（UX）和用户界面（UI）到底有什么区别？
简而言之，UX是网站访客对跨境网站的设计，想法和架构的感受，而UI是他们与设计，特性和功能的交互方式。
很多人将其视为UX vs UI，但实际上是UX＆UI。它们是相关的，而不是对立的。UX被定义为以人为本的设计方式，而UI是功能至上的。UX可以理解为是一个旅程，而UI则是旅程的目的地。
UX和UI都应满足不同的需求和要求，它们都是一个成功的网站开发过程的一部分，因此了解两者的重要性对于为用户设计出最佳的最终产品至关重要。
那么今天我们一起来看看UI和 UX的确切定义、区别，以及改善UX体验的6 大关键环节与46 个优化原则 。

本文内容目录 

一、UI UX是什么？
1、UX（User Experience）使用者体验设计
2、UI （User Interface）使用者介面设计

二、UI UX设计与跨境营销推广的关联

三、UI UX设计之间的关系是怎样的？
1、视觉设计/ 图像设计（Visual Design）
2、互动设计/ 动态设计（Interaction Design）
3、Design Research / User Research

四、网站UX入门– Google UX Playbook重点摘要

五、Google UX Playbook建议指南

六、网站UX设计目的
1、对顾客的好处有哪些? 
2、对网站主价值是什么？

七、UX金字塔
1、消费者洞察
2、网站资讯架构
3、内容优化

八、零售电商篇UX技巧

九、改善UX体验的6大关键环节与46个优化原则
1、首页/登陆页（Homepage/Landing page）
1.1 降低摩擦
1.2 协助理解
2、Menu/导览页（Menu / Navigation）
2.1 降低摩擦
2.2 协助理解
3、搜索（Search）
3.1 降低摩擦
4、分类/品类（Category / Product）
4.1 降低摩擦
4.2 协助理解
5、转化页（Conversion）
5.1 降低摩擦
5.2协助理解
6、 结帐资讯栏/表格优化（Form optimization）
6.1 降低摩擦
6.2 协助理解

十、UI UX优化建议
7.1 做任何优化前一定要A/B Test
7.2 避免打断使用者的浏览注意力

一、UI UX是什么？

1、UX （User Experience ）
就是“用户体验设计”，主要的范畴是根据网站访客的习惯去设计和优化用户体验，主要考虑的是「产品用起来的感觉」，也就是使用者介面设计。钻研如何妥善安排整个网站页面的内容规划，例如行动呼吁按钮CTA（Call to Action ）的位置应该摆在哪里、哪些栏目的内容要优先在网站上出现等等。
UX设计一般包含使用者的研究（User Research）和场景分析（Scenario），一般有资源的公司会通过使用者在官网的浏览轨迹追踪、问卷及实际访谈调查，或是内部资料库分析等等，分析潜TA的使用习惯和行为，而后再三优化迭代出「最棒的」使用者体验。

2、UI（User Interface）
就是“使用者介面设计”，主要是考虑「产品怎么呈现」，以使用者便利性与整个设计的美学为出发点设计，依照UX的理念和架构设计，包括整个网站产品的颜色、字型、字体大小，主要是根据PM或UX设计师给的架构设计出网页、或是App介面。 
而UI设计师和网页设计师的差别在于，一般网页设计师除设计网页的视觉呈现之外，也要求必须懂得前端切版，需要具备前端语言HTML+CSS甚至JS的能力；而UI设计师更重视使用者流程与使用者体验的细节，设计生产出的网页比较偏向功能性网页，重视使用者流程。

二、UI UX设计与跨境营销的关联
与线下商店一样，在线跨境商城的店铺也需要漂亮的门面、简单、直接的用户介面、及舒适丝滑的购物体验，吸引人的Homepage首页设计，则能让来到网站的客户能一眼看出你是卖什么、或是正在推出什么促销活动，从而带来流量的订单转化提升。
所以在UI UX设计中，会使访客轨迹地图来掌握消费体验与流程，从而找出需要改善的业务流程。
而对于跨境推广的运营员工而言，UI UX设计的好坏会直接关乎到每个人员KPI关键指标和绩效，也即是订单数量，可以说是不得不重视的领域：
PM经理
项目经理需要严谨评UX成本与效益预期的平衡，并给出最适合客户的建议。
SEO经理
网站体验会直接影响使用者的停留时间、浏览页数等网站质量评分，进而提SEO的优化成效。进行SEO优化战略规划时，需要从网站访客的角度看待网站，安排好网站的视觉动线，在文案内容架构中埋设并曝光关键字，就能兼顾两者并大幅降低跳出率。
销售及客服
在接待访客时，可通过访客行为，持续优化网站，做到知己知彼百战百胜。
付费广告投手
好的UX能提升Landing page落地页体验，优化广告的ROI成效。

三、UI UX设计之间的关系是怎样的？
一般UI UX设计为上下游关系，

......

..............................

【点此完整阅读本节分享...】

..............................

温馨提示：
本篇耀阳会原创文章共计34页，需付费￥29.9阅读完整内容；
可加客服微信【yaoyanghui6】或者【32661099】完成支付，并获取本文的阅读码，
然后点击上方电子书链接，填入阅读码即可在线阅读；
耀阳会仅提供以上2个微信号收款，并无其他任何收款账号，谨防受骗！！

在本知识分享的内容介绍中，
本站已经提供了完整、且详尽的目录和内容描述，
且知识分享为虚拟商品，
购买后一经付款，一概不退费！
囿于阅读者的知识储备、专业背景、及学习能力的个体化差异，
本知识文章分享无法保证阅读者能够看懂、理解、并适用。
所以，本站提供的学习资源，仅供自学，
不提供任何教学服务，
不提供任何答疑服务，
介意者慎拍！！！

购买知识分享阅读码之后，可以扫描加入群讨论交流：

耀阳会知识矩阵：