从UI 和UX对比,谈谈对用户界面和用户体验的理解

2018-09-26 - 用户界面 用户体验 用户体验优化

左右.jpg

图片来源图虫:已授站长之家使用

UI与UX之间最大的区别可以概括为:UI是通过视觉的维度去解决效率问题;UX是偏向于功能的维度去解决需求问题。本文章是结合作者个人的多年经验,和大家(尤其是新人PM)一起分享下对UI和UX的对比理解。

UI与UX之间的差异对刚刚入职不久的新人PM而言,可能略有混淆。我个人也在工作中碰见过新人在这方面的疑问或者失误,故而就以自己的经验和理解在这里总结下UI与UX的区别,供大家借鉴、讨论。

UI与UX的定义

从最基本的层面上来说,用户界面(UI)是用户和产品互动之后产生的的一系列视觉感受,比如界面中的按钮和图标等,用户看了之后会有如何的认知;用户体验(UX),相对来说,则是一个人在与一家公司的产品、服务等各方面互动之后产生的体验感受。

大家会看到,UI与UX都是最终落到用户主观的感受层面上来,这点的总结意义在于:其实两者都是带有根本的主观性质的,服务用户其实服务的就是用户的主观。那么我们在思考UI与UX的设计时,都要从用户的主观角度去换位思考。

UI——用户界面

上溯到上世纪七十时代,如果你想使用一台电脑,就必须使用命令行界面。那时,买不到一台使用图标、按钮、或鼠标的电脑,为了让电脑行使你的指令,你必须用编程语言和它交流。

之后在 1981 年,Xerox PARC的一帮电脑科学家开发了Xerox Star,一台配置了最初的图形用户界面(GUI)的个人电脑。它使用了窗口、图标、下拉菜单、单选按钮、复选框等元素,还允许用户打开、移动、删除文档。

苹果公司的团队继续在图形用户界面这点上开发创新, 1984 年,他们发布了Macintosh。Macintosh是第一款成功商业化的使用鼠标点击和多窗口界面的桌面电脑,当然大家最早接触的可能绝大部分都是Windows系列的系统界面。

图形界面的出现也带来了对新型设计师的需求——专门设计个人电脑图形界面的设计师,用户界面设计师就是在这样的背景下诞生的。这一学科在过去的几十年中不断演化,还会在将来继续进化。

如今的用户界面设计师主要围绕软件、网站、移动应用、可穿戴设备和智能电器等进行设计。他们需要负责设计数字产品界面的布局,以及一个系统各个页面上的视觉元素,当然这里指的是视觉设计师,平面设计师要起步更早,这两个职位可大不相同。

UX——用户体验

用户体验这个术语是由认知科学家Don Norman在上世纪九十年代创造的,那时,他正担任苹果公司高新科技组的VP。

他是这么定义用户体验的:

用户体验包涵了终端用户与一家公司及其服务、产品进行交互的所有层面。

在解释这一术语起源的电邮中,Norman写道:

我发明这个术语主要是因为我认为人机界面和可用性这两个概念太过狭窄:我想要覆盖一个人使用某个系统的所有层面,包括工业设计、图像、界面、物理交互,以及手册等。后来,这一术语流传甚广,以致开始丧失原有的意义。

在最近发表的一篇文章中,Norman阐述了构成高质量用户体验的元素:

打造杰出用户体验的第一要义就是准确地满足顾客需求,别让他们忙乱或不安。接下来是产品本身的简洁和雅致,让用户觉得拥有、使用这些产品是富有乐趣的。

真正的用户体验不仅仅是满足顾客口中的需求,或是提供一系列的清单。为了实现高质量的用户体验,一家公司的工程、市场、视觉、工业设计、界面设计等各个部门之间必须要无缝衔接。

用户体验并不止于产品的视觉界面。它是一个多维的、覆盖了用户的整体使用行程的概念,包括:

用户体验设计师主要负责确保公司能够交付一款满足顾客需求,并顺利达到他们期望结果的产品或服务。他们需要开展用户研究,来获取关于产品用户尽可能多的背景资料,然后利用这些资料设计线框图和产品原型,以帮助用户从A点到达B点。

并且还要考虑一部分技术实现逻辑、性能等方面的问题,因为这些都会直接、间接的影响到体验的设计思路和最终能落地、实现出什么样的产品或服务。

UI与UX的不同角度的对比

1. 一些名人怎么说

Don Norman和Jakob Nielsen很恰当地总结了两者之间的差异:

把整体的用户体验和用户界面区别开来是相当重要的,虽说用户界面显然也是设计流程中极其重要的一部分。

举个电影评论网站的例子——即使用来找到一部电影的用户界面是完美的,然而对于一个想要找到小成本独立电影的用户来说,如果底层数据库只有主流电影制片厂的电影信息,那这个用户体验就是差劲的。

用户体验注重用户解决问题的行程,用户界面则注重产品的外观和功能。

——Ken Norton:Google Ventures合伙人,前Google产品经理

用户体验设计师关心的是设计流程的概念层面,而用户界面设计师则更注重肉眼可见的元素。

——Andy Budd:Clearleft联合创始人,UX London创始人

用户界面一般是指围绕屏幕界面的视觉设计和信息设计;用户体验是指完整的体验,它可以和屏幕界面无关。

——Patrick Neeman:Apptio产品设计部门主管,Usability Counts创始人

2. 产品流程的角度作对比

3. 思维点的角度作对比

4. 职能的角度作对比

UI:由专业的视觉设计师完成具体的设计工作。产品经理往往在设计师开始设计前与其沟通需求的背景、目标、逻辑、流程、功能点以及功能点的优先级。在UI设计稿完成后,还需要进行验收,与设计师再做微调,直到最终达到产品的目的。

UX:这部分主要有产品经理和交互设计师完成设计工作。产品经理自身应该先完成自己对需求的梳理、制定目标,如有必要可制作流程图、逻辑图以及功能点表格说明,确定这些以后再和交互设计师详细沟通以上准备的内容。交互设计师来完成交互稿的设计,再由产品经理验收后,再转到UI设计师在交互稿的基础上完成视觉填充、设计。

两者之间的协作

正如上文中流程的角度对比一样,UI和UX之间虽有千差万别,但都是产品加工流水线上的一个环节。需要产品经理、交互设计师、UI设计师之间的密切沟通、配合,共同达成最终的目标。整个团队的合作对产品实现到什么程度、实现过程成本都至关重要,这也关系到产品经理的沟通、组织和协调的能力。

另外,有时UI甚至也可以说是UX的一部分,因为视觉也是一种体验,看上去都乱糟糟的,怎么会有好的体验呢?

作者个人的总结:好看的产品不一定是好体验的产品,但好体验的产品总会有着很友好的视觉效果

总结

UI和UX之间存在着本质上的差别,也必须紧密协作,以达到产品的最终目标。

本次先做这些核心的几点分析、对比,抛砖引玉,供大家借鉴、讨论。

关于作者

中人人,高级产品经理,擅长需求分析、数据分析,关注零售、电商领域。

处处留白,外贸网站转化率反而变高?

外贸网站设计留白时兼顾网页布局均衡,会注意设计元素之间的联系性,并不会一味留白。

APP开发产品策划:消息系统设计有哪些注意之处

APP开发产品而言,消息系统都是一个必不可少的功能模块,其核心目的是让产品直接与用户产生交互

移动端网站设计:图文和按钮的布局方法

今天给大家一起学习移动端网站UI设计过程中的视觉布局方法,只有合适的布局没有对错的布局。...