B1 · 第6集 · 5:05
UI/UX 设计师卡米尔（六）：UX、UI与A/B测试解析
卡米尔用建房比喻区分UX（结构规划）与UI（视觉呈现），并解释A/B测试是通过并行对比两个版本来验证设计有效性的方法。
来源：Qu'est-ce que Tu GEEKes ? · 许可：CC BY-SA 4.0
字幕
Chouette, merci beaucoup Camille.
太棒了，非常感谢卡米尔。
Merci à vous. Hop hop hop, ne partez pas.
谢谢你们。快快快，别走啊。
Du jargon informatique s'est glissé dans cette interview, notre invitée vous
计算机术语悄悄溜进了这次访谈，我们的嘉宾会向你们
explique tout.
一一解释。
Ça veut dire quoi UX design?
UX设计是什么意思？
Alors UX design, c'est le design de l'expérience utilisateur,
UX设计就是用户体验设计，
donc ça va être tout ce qui va être.
所以它涵盖所有内容。
Les prototypes en fait des pages, comment on agence les contenus sur une page,
实际上就是页面的原型，我们如何在页面上安排内容，
où est- ce qu'on définit la place d'un bouton, où est- ce qu'on définit la place
在哪里定义按钮的位置，在哪里定义
d'un texte sur une page,
文本在页面上的位置，
pour faire en sorte que l'expérience de l'utilisateur soit optimale et que ce soit
以确保用户体验达到最佳，让用户不会觉得
pas difficile pour lui de chercher les informations dont il a besoin sur un site ou
在网站或应用程序上寻找所需信息，
une app. Ou d'ailleurs sur des produits physiques également,
或者甚至在实体产品上，
c'est pas que digital.
并不仅限于数字领域。
Ça veut dire quoi UI?
UI是什么意思？
Alors UI pour le coup, c'est plutôt tout ce qui va être interface,
那么UI呢，实际上就是所有与界面相关的内容，
donc UI c'est interface utilisateur, donc ça va être une fois qu'on a défini en fait
因此UI即用户界面，也就是说，在我们实际定义完之后，
le placement de tous ces éléments sur cette page, le but c'est de faire en sorte que
这些元素在该页面上的布局，目标是确保
la navigation, elle soit aussi esthétique et fluide.
导航既美观又流畅。
Et donc on va rajouter en fait une couche, en fait c'est comme si
因此，我们实际上会添加一层，其实就像是
j'ai une métaphore qui est
我有一个比喻，
pas mal pour UX/ UI, c'est de se dire que bon en fait le UX,
对UX/UI来说还挺贴切的：可以这样理解，UX，
ça va être quand vous construisez une maison, ça va être les plans,
当你建造一栋房子时，它就相当于设计图纸，
où est- ce que vous comptez placer les meubles, donc où est le salon,
你打算把家具放在哪里，比如客厅在哪儿，
où est la chambre, où est- ce qu'on met le canapé dans le salon,
卧室在哪儿，沙发放在客厅的哪个位置，
où est- ce qu'on met la lampe à côté du canapé, voilà.
台灯放在沙发旁的哪个位置，等等。
Donc c'est vraiment placer tous les éléments et savoir comment on va circuler entre
所以这确实是放置所有元素，并明确如何在各房间之间穿行，
les pièces, donc là sur la page, et le UI ça va être en fait quelle peinture on va
也就是在该页面上；而UI则实际指我们将采用哪种油漆、哪种地板。
mettre, quel sol on va mettre.
我们将采用哪种油漆、哪种地板。
Est- ce qu'on préfère du parquet ou de la moquette?
我们更喜欢木地板还是地毯？
Voilà, c'est vraiment tout ce qui va être plutôt lié au ressenti et à l'expérience,
好了，这确实就是与感受和体验相关的内容，
au ressenti, au sentiment qu'on veut transmettre à nos utilisateurs quand ils
与感受、与我们希望向用户传递的情感相关，当他们
naviguent. Ça veut dire quoi CMS?
浏览时。CMS是什么意思？
Alors les CMS, c'est des outils qui permettent, ça c'est Content Management System,
那么CMS是些工具，这是Content Management System（内容管理系统），
donc de faire de la gestion de contenu automatisée.
即实现内容的自动化管理。
Donc c'est des outils, alors pour moi c'est une définition qui est un peu double
因此这些是些工具，就我而言，这个定义有点双重含义，
parce que j'entends parler de CMS pour parler des bases de données derrière que je
因为我听到人们用CMS来指代我将要准备的、用于生成动态页面的后台数据库，
vais préparer pour avoir des pages dynamiques.
然后还有更广义的CMS，
Et puis il y a le CMS un peu plus
然后还有稍显
global comme on l'entend qui est WordPress qui permet justement de gérer des pages
就像我们通常理解的WordPress，它恰恰能管理动态页面。
dynamiques. Du coup, pour revenir juste un peu en arrière, donc c'est des
因此，稍微往回说一点，这些是些平台，能让我们创建内容，
plateformes qui permettent de créer des contenus
而无需从头设计、编码，它是预编码的。
sans avoir besoin de faire tout le design, de coder, c'est pré- codé.
但这样一来，就会产生一些约束，所以会是WordPress。
Mais du coup, ça génère des
但这样一来，就会产生一些约束，
contraintes, donc ça va être WordPress.
所以会是WordPress。
Wix, Shopify, il y en a plein.
Wix、Shopify，还有很多。
Ça permet à n'importe qui de pouvoir créer un site sans avoir les compétences
这使得任何人都能创建网站，而无需掌握技术技能。
techniques. Par contre, ça crée des contraintes en termes de design,
但在设计方面会带来限制，
de ce qu'on aimerait faire sur la plateforme, on peut pas tout faire avec ces
关于我们在平台上想实现的功能，并非所有功能都能通过这些工具实现。
outils- là. Et ça permet de gérer des pages dynamiques.
并且它支持管理动态页面。
Donc en fait, on va ajouter du contenu dans ce qu'on appelle un back office,
实际上，我们将在所谓的后台管理系统中添加内容，
qui est une sorte de page d'administration, où on va mettre les contenus,
这是一种管理页面，我们将在其中录入内容，
et puis derrière, ça va générer des pages avec
然后，系统会自动生成页面，
des contenus qui se mettent à jour tout seuls.
内容会自动更新。
Ça veut dire quoi PM?
PM是什么意思？
Alors, c'est le product manager, donc c'est la personne qui va gérer le produit,
是产品负责人，即负责管理产品的人，
le produit digital en l'occurrence, donc ça va être le
即数字产品，因此它将是
site ou l'app, et c'est en fait un métier qui est transverse,
这其实是一个跨职能的岗位，
qui va faire le pont entre les équipes techniques, les équipes
在技术团队和营销团队之间起到桥梁作用，
marketing, et qui lui va chapeauter en fait.
并实际统筹全局。
qui sont vraiment entre ces deux équipes.
确实存在于这两支团队之间。
Alors je sais que c'est un poste qui peut s'appeler product owner aussi,
所以我知道这个职位有时也被称为产品负责人，
qui a plus une dimension technique là pour le coup, et dont le rôle dépend un peu de
这次更偏向技术层面，其职责在一定程度上取决于
la structure des entreprises, mais pour moi c'est ça en tout cas,
企业的组织结构，但就我而言，就是如此，
c'est faire le lien entre les besoins business et les
就是在业务需求和
besoins tech. Ça veut dire quoi A/ B testing?
技术需求之间建立联系。“A/B测试”是什么意思？
Alors l'A/ B testing, c'est justement quand on crée des design,
所谓A/B测试，正是当我们设计时，
souvent il y a plusieurs solutions qui peuvent nous paraître bonnes.
往往存在多种看似可行的方案。
Et en tout cas, en tant que designer, on nous demande toujours de tester nos design,
而且，作为设计师，我们总是被要求测试自己的设计方案，
parce qu'il n'y a jamais de solution parfaite et tant qu'on n'a pas les retours des
因为从来不存在完美的解决方案，而且在未获得
utilisateurs, on ne sait pas si ce qu'on a fait est pertinent ou pas.
用户反馈之前，我们无法判断所做的是否相关有效。
On ne peut pas se baser que sur notre propre ressenti.
我们不能仅凭自身的主观感受来判断。
Du coup, il y a une méthodologie de test qui s'appelle l'A/ B testing,
因此，有一种名为A/B测试的测试方法，
qui permet de tester en parallèle deux versions, en fait par exemple deux versions
它允许我们并行测试两个版本，例如网站首页的两个版本，然后我们会
d'une page d'accueil de site, et on va les
一个网站主页的两个版本，然后我们将它们
mettre en ligne en même temps.
同时上线。
Par contre, on va la diffuser
不过，我们将发布它
qu'à x% de notre, enfin de, je sais pas, sur un
仅面向我们，呃，总之是，我不知道，某个
serveur, ça sera cette page, sur l'autre, ça sera celle- ci.
服务器，这将是该页面，在另一台服务器上，则是此页面。
Et en fait, on va voir comment les
实际上，我们将观察人们
personnes interagissent.
如何互动。
Ça peut marcher avec des newsletters aussi, par exemple, on envoie à 50% de notre
邮件列表同样适用，例如，我们向50%的我们的
base de.
数据库。