美文网首页
UI、UX 傻傻分不清?11 张图让你秒懂!

UI、UX 傻傻分不清?11 张图让你秒懂!

作者: 打豆豆 | 来源:发表于2016-02-16 16:31 被阅读182次

    本文转载自 Conversion Lab,Inside 获授权刊登。Conversion Lab 是由一群对体验设计抱有热忱的产业专家创立。希望藉由优化使用者经验,进而提升转换率,为事业与网站带来巨大成效。Conversion Lab 的成员来自不同背景,包含使用者研究、视觉设计师、使用者中心设计顾问、前端工程师、网站经理等;融合中国、北欧、台湾、日本、新加坡的市场实战经验。藉著分享知识、观点与实作技巧,期望对华语圈的使用者经验设计资讯品质有所贡献。

    UI 与 UX 有什麽不同?Conversion Lab 整理了网路上常见的 UI 与 UX 差异图,一图胜千言,让我们用这些图来看一下 UI & UX 不同之处吧,已经了解差异的读者也可以来数数看自己曾经看过的图有几张。

    1. 倒过来的蕃茄酱瓶设计,考虑到番茄酱快用完时很难倒出的使用情境。

    ketchup1Source:Techtic

    2. 从定义来解释 UI 与 UX 之间的差异,两者定义有很大的不同

    Source:Deptofmarketing

    3. 从专业分工的角度来说明差别,可以看出负责的部分哪些相同,哪些不同。

    Source:Asinthecity

    4. 这张图比较複杂,但基本上还是看得出差异。相同之处很明显, 都是留著大鬍子

    Source:Abdevlabs

    下面这张图跟上面那张是同一张,只是画风不一样,从设计师们从大鬍胖子变成花美男

    Source:Uxdesigner21

    5. 从工作项目来解释差异,虽然 UX 的范围很广,但很少人可以精通全部,几乎没有。

    Source:Uxinterface

    6. 这张图的分法有点奇怪,但毕竟是大整理,还是整理起来给读者参考一下。

    Source:Linkis

    7. 用两者基本的工作项目来区分,但 UI 有没有专职 Branding 就看每家公司对职位的设计了

    Source:Thecdm

    8. 从产品的角度看 UI 与 UX,UI 是产品的一部份,UX 是使用产品的体验

    Source:Userexperiencerocks

    9. UI Design:功能。Usability design:动作。User Experience Design:情感

    Source:Strategyanddesign

    10. UI 是用来取用 Content 的工具,使用者使用 UI 吃完 Content 的体验是 UX

    Source:Icarehealth

    Conversion Lab 也画了一张图来说明 UI 与 UX 的差异。

    UI 在使用者的眼前,UX 在使用者的大脑裡。UX 设计师不仅关注介面设计,更关心所有会影响使用体验的一切,例如资讯架构、互动设计、Content、使用者的认知、经验、需求、价值观。当 UI 设计师设计完介面之后,对 UX 设计师来说工作还没完成,UX 设计师最终的工作是在使用者的大脑裡完成的,所以 UX 设计师永远看不到自己的工作成果,只能透过使用者访谈或定性定量 UX 研究方法,去检视使用者脑袋裡的体验是否正确。

    有人会说设计 UI 不就是在设计 UX 吗?,如果 User 的体验只被 UI 影响,那或许可以说设计 UI 就等于设计 UX,但使用者手上拿的不是 UI,而是产品,UI 是产品设计的一部份。体验也不完全受产品影响,还会受到使用产品时当下的使用情境以及使用者对品牌的印象等等其他与体验相关的事影响。

    以上就是 Conversion Lab 为您整理的 UI&UX 的差别图。

    非特殊说明,文章归原作者所有,转载请注明出处

    本文地址:http://www.siweiw.com/sjinfo7389.html

    相关文章

      网友评论

          本文标题:UI、UX 傻傻分不清?11 张图让你秒懂!

          本文链接:https://www.haomeiwen.com/subject/llnpkttx.html