5分钟解释大家都想搞懂得UI/UX:什么是UI/UX设计?UI与UX的差别又是什么?
我们常常听到大家将UI/UX放在一起,但其实他们代表两种非常不一样的东西。今天,哈利熊就来带大家了解UI/UX的差别!

Foster.fm的创同创办人Rahul Varshney曾经说过:
「用户体验(UX)和用户界面(UI)是我们领域中最混淆和误用的术语。没有UX的UI就像画家不加思索地将颜料拍到画布上一样。而没有UI的UX就像是没有纸张匹配的雕塑框架。出色的产品体验始于UX,然后是UI。两者对于产品的成功都是至关重要的。」
虽然UI/UX代表不同的东西,但是在设计一个产品的时候,却有著密不可分的重要性。UX设计很像是产品的骨骼,著重于「产品用起来怎么样?」而UI设计则是血肉,是让产品活起来的元素,著重于「产品看起来怎么样?」。

UX:如何创造更好更有效的使用者体验
UX(User Experience)指的是使用者体验,解决人们在产品使用上的痛点、提升使用者在产品使用的流畅性。UX可以用于实体物品,也可以用于非实体的网路物件上,比如说网站。
身为一个UX设计师,我们可能会想的是:
- 要如何改善网路购物的结帐流程?
- 用户需要完成的步骤有哪些?
- 按钮应该要放在哪里?
- 这样的用户体验是直接明了的吗?
所以身为UX设计师,我们可能需要完成的任务包括:
- 了解使用者需求
- 制作出客户旅程地图
- 制作出客户人物志
- 网站架构
- 使用者流程
- 任务流程
总之,UX的目标就是创造一个有效、好用的使用者经验。
UI:如何创造更直觉美观的使用者介面
UI(User Interface)指的是使用者介面,是整体看上去的感觉,是一个产品的呈现方式以及互动性,UI是专门针对电子产品或是网路物件而衍伸的词汇。
UI设计师可能会考虑到的是字体的大小、颜色、字型、标志、按键的设计等等。
身为一个UI设计师,我们可能会想的是:
- 网站要使用样的什么颜色与风格?
- 按键要用什么样的动画?
- 要如何运用对比的颜色增加文字的阅读性?
所以身为UI设计师,我们可能需要完成的任务包括:
- 设计品牌手册
- 色盘
- 制作UI原型
- 图标集
- 视觉设计档案
通常在产品开发的阶段,UX设计会需要先做,再来才会进入UI的环节。UX设计师会先设计出整个用户流程的「骨骼」,UI设计师根据这样的框架再加入美观、互动性的元素。
UI/UX设计师的搭配
由此可见,UI以及UX在本质上是两种不同的东西,但是在产品设计流程中,却需要UI/UX设计师密切的合作、搭配,才能创造出一个有效、成功的成品。有许多产品看上去非常美丽,但是因为缺乏UX设计师系统性的架构,所以导致产品重看不重用,同样的,也有许多产品非常好用,但是却少了UI设计师的画龙点睛。
推荐文章: