top of page
Search
Writer's pictureKrystal Institute

还未搞清楚UX/UI在做什么? 带你剖析行业内最热门的设计流程!

Updated: Oct 18, 2022


平时说起网页和应用程序设计,都会提起"UX/UI设计"这个词。但UX/UI又是什么?UX/UI设计包含什么工作?想知道就阅读下去吧!



UX/UI的工作有差别吗? 这也许会令你感到惊讶,但UX/UI并不指一个设计范畴。实际上,它代表着两个独立的,却又密切相关的设计领域。


用户体验设计 (UX) UX设计目的在于提供舒适的用户体验。设计师都希望能设计出使用起来方便简单的产品。就以设计应用程序为例,程序界面一目了然、主要功能容易掌握,这才是成功的设计。因此,在策划界面设计时,往往要考虑并贴合用户习惯。


Photo Credit: Firmbee@Pixabay


用户界面设计 (UI) 另一方面,UI设计师则是负责将用户界面变得美观。UI设计师作为平面设计师,会运用美术设计的知识让用户界面的元素显得醒目而清晰。诸如按钮形状、配色方案、排版、图像布局等方面都是UI设计师会考虑的。


为了设计出既容易使用又时尚的产品,UX和UI设计师经常紧密合作。UX设计师会制定出用户界面的设计策略,然后UI设计师会根据策略调整设计,做出清晰而有吸引力的界面升华用户体验。这其中的过程是怎样的呢?接下来让我们看看UX/UI设计师的工作流程吧!


Photo Credit: Pixabay


UX/UI工作流程


1.资料搜集

这个阶段主要是进行脑力激荡和资料搜集。UX设计师会不断寻找灵感,或一些希望能用产品解决的用户需求问题。为此,通常要收集大量有关主要用户群、用户习惯、痛点等方面的信息。


2.创意发想和设计策略

脑力激荡后的想法被逐渐排除筛选,并纳入设计策略。与产品负责人合作时,UX设计师必须考虑产品需要实现的目标,如要解决多少用户需求问题,需求问题的优先级别,产品带来的商业影响等等。


3.UX设计

解决用户需求问题的方案先被草拟。在这个过程中,UX设计师必须考虑到用户在使用产品时可能面临的所有情况,并仔细地完善解决方案,直到能让普通用户觉得产品是可行及易于使用的,才会被纳入设计策略中。


4.UI设计

UI设计师与UX设计师不断商讨,共同制作出具视觉美感,又同时突出设计策略中一些关键元素、产品方向的设计。理想的用户界面该易于使用,并为用户提供愉悦的使用体验。


5.做出原型和反复测试

最后,产品原型要经过反复测试,并根据反馈意见进行修改。测试包括进行可用性测试,目的是让设计师能够从用户那里得到第一手的评价。设计师会透过使用不同的UX/UI设计软件进行制作原型和测试,例如FigmaAdobe XDPenpot等。 延伸阅读:

UX/UI设计的著名例子 现在你已经对UX/UI设计有了基本的认识,或许还会想看看一些著名的UX/UI设计例子。然而,这些并不难找--你大概早已熟识、并因为舒适的用户体验喜欢上了以下网站/程序中的大多数。

  • Instagram – 视觉上的层次感使内容具有优先性,以鼓励无休止的内容浏览

  • Pinterest – 瀑布效应使图片的浏览更加流畅

  • Spotify – 应用程序的行为一致性大大缩短了使用它的学习曲线

  • Airbnb – 设计简约,却信息量大

  • Uber – 设计有效地迎合了两组完全不同的用户群

  • Dropbox – 每个网页都有响应的颜色,以吸引用户的兴趣


Photo Credit: Brett Jordan@pexels


想了解更多关于UX/UI设计的信息?

来看看我们Facebook和Instagram上有关UX/UI和其他平面设计主题的帖子吧!如果有兴趣入门UX/UI,可以试试我们的DECT职业计划: UX/UI设计课程,掌握UX/UI的基础知识。如果有任何问题,欢迎与我们交谈!

4 views0 comments

Comments


KEP_06.jpg

我们专有的网上学习平台,并与免费的创意和生产工具无缝协作,为 DECT 教育即时提供作业和学习材料管理、远端协作、分析等功能,满足不同使用者的学术及管理需求。

OS_02.jpg

培训专业教师计划是维持数谱生态系统的基石。这是一个可扩展的专业发展模式,当中全面的 DECT 内容和学习管理系统可分别为教师提供相关支持。

smiling-young-asian-teacher-making-selfie-with-her-2022-03-30-14-59-24-utc.jpg

学生展才计划为学生提供在全球数字经济中不可或缺的知识、技能和工具, 有助学生掌握在未来世界中出类拔萃的生存技能,脱颖而出。

OS_03.jpg

Krystal OTP 包含所有办公室软件,有效提升日常工作效率和减轻营运成本,为当今多元化 的业务营运需求提供了完善解决方案。  

hand-with-tattoo-point-on-the-cyber-table-2022-12-15-23-00-27-utc.jpg

一项综合计划,旨在为个人 和公⺠提供必要的数字能力和软技能,以便在数字经济中生存。为了在数字时代保持竞争力和繁荣,各国需要为其公⺠提供必要的知识、技能和工具。

DECT_02_OPEN_01.jpg
DECT_06_CP_ERB_B_03.jpeg
DECT_01_AI_02_01.jpg
DECT_03_SC_014_01.jpg
DECT_07_CP_ERB_G_04.jpeg
DECT_05_OTP_05_01.jpeg
DECT_01_OPEN_02.jpg
DECT_06_CP_ERB_C_04.jpeg
DECT_03_AI_06_01.png
DECT_03_SC_016_01.jpg
DECT_07_OLE_17_01.jpeg
DECT_05_OPEN_03.jpg
DECT_01_AI_01_04.jpg
DECT_06_OPEN_02.jpeg
DECT_01_AI_07_01.jpg
DECT_03_OPEN_02.jpeg
DECT_07_OPEN_01.jpg
DECT_05_OTP_05_01.jpeg
DECT_07_I_02_01.png
DECT_06_CS_02_02.jpg
DECT_01_AI_05_02.png
DECT_03_CP_ERB_He_05.jpg
DECT_07_CS_01_04.png
DECT_09_open_01.png
bottom of page