UX和UI傻傻分不清楚
UX即User Experience(不要读作U叉,正确的读音是U埃克斯),强调的是「使用者体验的过程」。使用者体验,是根据使用者的习惯,安排整个网站页面的内容规划,像是哪些区块的内容要先在网站上出现,哪些按钮一定要在哪,重大责任就是要确保产品从这一步流动到下一步符合逻辑。要办到这点,UX 设计师用的其中一个方法就是实施真人测试,观察使用者行为,检查说得出来和没说出来的使用障碍,经过不断修改以创造出「最棒的」使用者经验。例如说创造一个舒服的入门流程给使用者。
很多人会将UX和UI的概念混淆在一起,UI(User Interface)考虑的是视觉的部分,专精于「产品怎么呈现」。他们负责设计每一个与使用者互动的网页或画面,然后确认UI 在视觉上能传达UX 设计师展示的路径。UI可以是将UX理念实践的美学工程师,包括整个网站的颜色、字型、字体大小、配置安排。
下图给出了UX和UI的工作内容的区别和联系之处:
UX领域术语
建议先看一下这个简短的介绍视频,了解什么是用户体验设计。
每一个专业都有行内术语,就好像厨师安排上菜流程称为「打荷」等,短短几个字,就可以归纳出不同职业的主要工作内容。以下就为大家列举10个UX设计师的常用术语,助你一窥UX设计师的日常工作:
UX设计师术语 | 工作内容 |
---|---|
A/B测试(A/B Test) | 将两款带有不同变数的设计,同时开放给特定用户群使用,从而判断出哪个版本能带来更大效益 |
易达性(Accessibility) | 代表使用者能在没有多余步骤的情况下,轻松并顺利到达想要前往的页面 |
易用性(Usability) | 指操作界面设计清晰,用家不用多做思考,凭直觉就能快速上手使用 |
卡片分类法(Card Sorting) | 将UX设计的重要元素逐一写在卡片上,再让测试者进行分类,从而整理出符合用户期望的设计 |
人机互动(Human Computer Interaction) | 研究使用者与设计之间的依赖关系,例如人如何使用设计、设计如何助人解决问题等 |
资讯架构(Information Architecture) | 即透过标签分类、导览系统、搜索栏等元素,来让资讯内容更清晰地呈现予受众 |
人物志(Persona) | 藉由虚构出不同特色的目标用户,让团队在下决策时有更具体的参照蓝本 |
线框稿(Wireframe) | 用以表达产品布局规划、资讯架构、操作流程等概念的草稿,一般较粗糙且低拟真,以黑白灰色阶为主 |
视觉稿(Mockup) | 把线框稿绘制成最终面向受众的画面,但只是一张彩色的静态图片,缺乏互动性 |
原型(Prototype) | 能够真实模拟使用者与产品的互动过程,如按下按钮就会跳转到另一画面,设计非常贴近成品 |
除了上述这些设计内容,UX设计师也需要仔细规划字眼运用和内容铺排,透过简洁易懂的文字,弥补视觉设计上的不足之处,确保用户和开发者之间不存在认知落差,进一步提升用户体验。
看看UX的工作流
下图给出了一个交互体验师在设计/优化一套交互方案时可能经历的步骤:前期用户调研→分析数据→开脑洞设计方案→设计原型、测试分析→最终决策并投入使用。注意这个过程可能并不是一蹴而就的,可能会在某个阶段多次修改完善,也可能从后面某一个阶段返回前一个阶段再进行优化改进。
文章来源:https://www.toymoban.com/news/detail-403183.html
信息架构
学习视频:https://www.zhihu.com/zvideo/1443656708480057344文章来源地址https://www.toymoban.com/news/detail-403183.html
到了这里,关于UX设计基础入门的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!