UX or UI, where to focus? UX 或
There are humans around the world who call themselves UI/UX Designers and not sure who has the major stake, UX, or UI.
In the industry, there are UX Designers and UI Designers, and both of them have their responsibilities. Instead of comparing each other, let’s take a look at who is capable of what.
有很多人称他们自己为UI或UX设计师，但却并不一定明确着两者之间的工作差别。
在设计行业中，UI设计师和UX设计师都有各自的工作职责，与其相互比较，不如看看两者分别具备什么能力。
User Experience Design (UX)
用户体验设计
A skeleton.
Yes. If we consider the human body as a product, the skeleton is what givers you stability and shape. This is what a UXD in a product does. There are other parts in the human body like the heart, kidney, liver, lungs etc.
which can relate to user personas, user scenarios, competitor analysis, information architecture, task flows, wireframes, user interface, prototypes, etc.
如果我们将一个产品比做一个人，骨架是让人身体具有稳定性和形状的东西。这就类似用户体验设计在产品中的作用。
而人体的心、肾、肝、肺等其他部分，则像是产品中的用户画像、用户场景、竞品分析、信息架构、任务流、线框、用户界面、原型等内容。
If a body part is malfunctioning, it surely affects the function of other part too. Similarly, one wrong step in different stages of UX Design can leave a critical impact on other stages of design.
For Example, Your actual user is a 50yr old with poor eyesight , and you considered a user persona of 21yr old Rock band artist in your research.
The needs of both are entirely different, and if not corrected before going to the next stage, your final product may not serve the needs of your 50yr old target.
如果身体的某个部分出现功能障碍，那么肯定会对其他部位的功能产生影响。同样的，在用户体验设计的不同阶段，一个错误的步骤可能会对设计中其他步骤产生重大的影响。
比如说，你的产品实际用户是一个50岁并且视力不佳的老年人，而在你的研究中考虑的是一个21岁的摇滚艺术家。
这两者之间的需求是完全不同的，如果在进入下一阶段的设计之前不去修正的话，你最终的产品可能就无法满足50岁老年人用户的目标需求。
User Interface Design (UI)
用户界面设计
The beauty not admired is a Sin.
不被欣赏的美是一种罪。
At some point in your life, you must’ve told yourself that”she is beautiful or He is hot”. It’s a human instinct . It happens when something tickles your eyes.
Similarly , UI is what makes someone say “This is cool, awesome, smooth, or even disgusting” about a product.
In the example of the human body, UI components like layouts, colors, inputs, buttons, lists, typography , etc., can relate to makeover elements like a shirt, pants, top, jackets, watches, shades, etc.
在你生活中的某些时刻，当你被某人吸引时，你一定曾告诉自己“她很漂亮或者他很性感”。这是人类的一种本能反应。
同样的，用户界面设计则是让人们对产品说“这很酷、很棒、很流畅或者说令人讨厌的”
以人来类比的话，UI组件如布局、颜色、输入、按钮、列表、排版等相当于我们的衬衫、裤子、上衣、夹克、手表、色调等这些改变外观的元素。
No matter how good the groundwork (UX) is, people always judge just by looks. So，UI is important. But that doesn’t mean beauty without brains will work. UX is needed too.
“You can attract users by showcasing extra-ordinary visuals in UI, but you can’t make them stay unless your product is usable”
This makes me think of “why dribble has so many shots that are most like but never implemented in any apps”.
不论用户体验做的有多好，人们总是根据外观来做判断。因此，用户界面很重要，但是这并不意味没有头脑的美丽就是有用的，用户体验设计也是需要的。
你可以通过展示非凡的视角效果来吸引用户，但是，除非你的产品是可使用的，否则你不可能会留下你的用户。
这让我想到了为什么dribble上有那么多最像是但从来没有在任何App上实现的镜头。
The balance of both is the key awesomeness.
If you notice clearly, UI is a segment of the UX Design Process. And it is the medium through which you showcase your entire had work. As a designer, each stage of the UX Design process helps you make decisions that make a difference.
UI和UX两者之间的平衡是很关键的。
如果你清楚的认识到，UI是UX设计的一部分。并且UI是你展示整个作品的媒介。那么 作为一名设计师，UX设计过程中的每个阶段都可以帮助你做出有影响的决策。
User persona tells you who you’re designing for.
用户画像：为谁设计
Competitor Analysis tells you who you are competing with and how to make yourself stand out.
竞品分析：如何在同类竞品中如何让自己脱颖而出
User Journey tells you how to keep the digital journey intact with the real world.
用户路径：如何用数据完整呈现现实世界用户活动路径
Sketching allows you to validate your research and conduct rapid brainstorm sessions.
草图：进行头脑风暴并快速验证想法
Wireframes help you craft your successful ideas on a design tool to test with you focus groups.
线框图：打造你成功的设计想法的工具，并用来与焦点小组进行测试
User Interface is the stage when you implement your visual design skills into the given wireframes.
用户界面：将你的线框图制作成视觉稿的阶段
UX Writing lets you create a copy that engages users to stay on your product.
用户体验说明：如何吸引用户留在你的产品里
Interaction Design, Lets you define the smooth transitions and micro animations in the UI to keep your product engaging.
交互设计：利用平滑的专场和微动效让你的产品保持吸引力
Prototyping, helps you validate your design decisions with your focus groups, stakeholders, and test participants.
原型设计：与焦点小组、相关人员、测试人员验证设计的合理性。
Usability Testing可用性测试 is where you verify whether you’ve reached your goals in terms of product usability or not by testing it out with a prototype or even your end product.
可用性测试：验证是否达到产品可用性的目标，可以利用原型或者最终的产品进行可用性测试
No matter your role as a designer, it is better you stay in the loop with every aspect of the UX design process and ensure your ability to process the results in crafting better UX an UI for your product.
无论你作为设计师承担的角色是什么，最好持续了解户体验设计过程中各个方面所需要的能力，以便为你的产品实现更好的用户体验和用户界面设计。
转载自 Author’s Avinash Bussa - Medium APP 原文有部分删减
相关词汇整理
User Experience Design (UX) 用户体验设计
User Interface Design (UI) 用户界面设计
user personas 用户画像
user scenarios 用户场景
competitor analysis 竞品分析
information architecture 信息架构
task flows 任务流
wireframes 线框图
user interface 用户界面
prototypes 原型
User Journey 用户路径
Sketching 草图
brainstorm sessions 头脑风暴会议
focus groups焦点小组
Interaction Design 交互设计
micro animations微动画
Usability Testing可用性测试
UI components UI组件
layouts 布局
inputs 输入
buttons 按钮
lists 表单
typography 排版
brainstorm sessions 头脑风暴
