• 这是一个基于psd到html响应式布局的UI / UX项目，该项目使用html5，css3，javascrip和jaquery与css3 Media Query一起设计。 该概念是完全基于前端的单个网页设计。
• 本文精选了10个主攻UX设计经验分享的网站，从中寻找自己所需的灵感吧。用户体验（UX）是一个很奇妙的词，它本身并没有被定义为任何一件特定的事。它不等价于UI，简单的来说UX是界面的人机工程学，包括视觉传达和逻辑...
• UX用户体验设计网站模板是一款适合设计公司网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。
• 程序员刷题的中文网站 介绍 这是一个材料库，可帮助设计师定义、改进和最终确定其产品的页面间逻辑。 在产品设计过程的早期，您可以...Ant-UX。 它非常易于使用，这里是 . 版本历史 v1.2 2017 年 12 月 1 日 提供英语
• UX Check使启发式评估变得快速而轻松。 该扩展程序将在您网站旁边的侧面板中打开Nielsen的“十种启发法”。 当您单击不符合启发式的元素时，可以添加注释，然后屏幕快照将被保存。 最后，您可以将所有内容导出到docx...
• 网站 Dribbble（dribbble.com） Dribble是一个面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。Dribbble还针对手机推出了相应...
网站
Dribbble（dribbble.com）
Dribble是一个面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。Dribbble还针对手机推出了相应的软件，可以通过苹果应用商店下载使用 Dribbble移动应用。推荐理由是如果你在做配色时没有好的想法，进Color里，输入自己预先想好的主色，就可以看到Dribbble大神们基于这个颜色做的设计了。

Behance（www.behance.net）
推荐理由是分类检索功能简直强大。支持多种索引方式，不管是索引作品还是设计师，用户体验都很人性化。想跟国内大神学东西的，可以直接在上面索引中国地区设计师。

花瓣网（huaban.com）
花瓣网是国内设计师常用的设计采集网站，没灵感的时候逛一逛，或许会有意想不到的收获，觉得不错可以采集在自己的画板里面。

站酷（www.zcool.com.cn）
站酷是国内设计师最大的交流平台，看大神作品，分享作品，快速提高设计能力的好去处。

工具/软件
UXDOCK创意卡牌（www.uxdock.com）
又称UX流程图卡，它是一款强大的网站结构规划工具，里面涵盖54种常用的UX模板，可以让设计师能够快速搭建出专业的用户体验流程图，轻松把握产品的全貌。

思维导图软件（MindNode）
MindNode是风格简约和轻量的思维导图应用，通过友好的可视化界面将你的头脑风暴更科学的组织起来。

演示幻灯片编辑软件（Keynote）
它不仅支持几乎所有的图片字体，还可以使界面和设计也更图形化，借助OS X内置的 Quartz等图形技术，制作的幻灯片也更容易夺人眼球。

原型设计工具（Axure RP）
它能让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

它可以用于创建和增强照片、插图和3D图稿，设计网站和移动应用程序，编辑视频，模拟真实的绘画等等。

设计软件（Sketch）
Sketch是优秀的轻量级矢量绘图设计应用，对于网页设计和移动设计者来说，比PhotoShop好用N倍！尤其是在移动应用设计方面。

它可以为印刷、网络、视频和移动设备创建logos、图标、绘图、排版和插图。数以百万计的设计师和艺术家使用Illustrator CC创作，从网页图标和产品包装到书籍插图和广告牌。

展开全文
• Meal_Planning_UX网站UX流-使用Sketch和HTML
• 我是一位前石油和天然气工程师，深爱UX设计。 我利用在数据分析中的经验来帮助我在UX设计和研究中成长。 每当我使用简化生活的网站或移动应用程序时，我总是想知道背后的团队并希望成为其中的一员。 有意义的用户...
• eXo UX准则 目标： 记录eXo用户界面并向第三方开发人员提供有关如何... 根据反馈更新和改进网站。 继续组成其他模式。 根据eXo皮肤自定义功能（皮肤模块）和eXo平台样式的更改来更新UX指南。 如何下载： Github H
• 语言:Deutsch 用户体验雷达可用性可用性Schwachstellen zu erkennen。...-Überprüfendeine eigene网站。 -Finden mit deinem Kunden Ansatzpunkte。 -Lerne das主题。 UX雷达ist kostenlos。 跟随推特：@UX_Radar
• 城市租赁项目 切片UI / UX 检查以下代码的结果： : 使用创建项目 HTML 5 CSS3 引导程序 jQuery的
• extjs6 引入uxDo you ever browse social media, internet, or talk to colleagues and hear them say something UX related you disagree with so much that you just want to lecture them on the spot?...

extjs6 引入ux

Do you ever browse social media, internet, or talk to colleagues and hear them say something UX related you disagree with so much that you just want to lecture them on the spot?
您是否曾经浏览过社交媒体，互联网或与同事交谈，并听到他们说与您相关的UX相关内容非常不同，以至于您只想当场授课？
I know I have and I’m sure I’m not the only one. My problem is, however, that I always come up with what to say after the moment has passed. I get that eureka moment in the elevator after that one discussion with my colleague, or when I have put down my phone. It is too late then.
我知道我有，而且我肯定我不是唯一的一个。 但是，我的问题是，时刻过后，我总是想出要说些什么。 与同事进行了一次讨论之后，或者放下电话后，我在电梯中得到了尤里卡的那一刻。 那时为时已晚。
This got me thinking. I need a way to structure my thoughts if I really want to improve the position and general knowledge of what UX is in the world. So without delaying things further, let’s take a look at some common misconceptions about UX and how you can get past them.
这让我开始思考。 如果我真的想提高UX在世界上的地位和常识，我需要一种思路来整理自己的想法。 因此，在不拖延时间的情况下，让我们看一下关于UX的一些常见误解以及如何克服它们。

UI vs UX番茄酱瓶 (The UI vs UX ketchup bottle)
Ah, yes. That picture of the two ketchup bottles. It is supposed to show what the difference between UI and UX is. The left bottle is just UI with a broad base so that the bottle can stand securely. Yet, this is troublesome for users since they have to flip it around when they want to use it. It is a challenge for people with dexterity issues. Not to mention the time it takes for the ketchup to flow down once you flip the bottle.
是的。 两个番茄酱瓶的照片。 它应该显示UI和UX之间的区别是什么。 左边的瓶子只是具有宽阔基础的UI，因此瓶子可以安全站立。 然而，这对于用户来说是麻烦的，因为当他们想要使用它时他们必须翻转它。 对于有灵活性问题的人来说，这是一个挑战。 更不用说一旦翻转瓶子，番茄酱流下来所需的时间。

Tim O’Sullivan.
Tim O'Sullivan拍摄 。

The UX solution, according to the image, is flipping the bottle design so that the user doesn’t have to flip the bottle anymore. This fixes the dexterity and content flow issues, which is very good of course.
根据图像，UX解决方案正在翻转瓶子的设计，以便用户不再需要翻转瓶子。 这解决了灵活性和内容流的问题，这当然是非常好的。
However, this is not UX. The misconception is that a differently shaped bottle is a metaphor for what we call UX.
但是，这不是UX。 误解是形状不同的瓶子是我们所谓的UX的隐喻。
Actually, both bottles are UI. In this case, the bottle is the bridge between the user and the desired user experience. When we design applications, this bridge is called the user interface, or UI in short. The second bottle is an improved version of the first bottle based on careful user observation, testing, and design thinking.
实际上，两个瓶子都是UI。 在这种情况下，瓶子是用户与所需用户体验之间的桥梁。 在设计应用程序时，此桥称为用户界面，简称UI。 第二瓶是基于仔细的用户观察，测试和设计思想的第一瓶的改进版本。
The resulting user experience of a bottle of ketchup that is more accessible, easy to use, and good looking is achieved by UX design processes. The bottle itself, however, is not UX. It is UI. Just like the first bottle.
用户体验设计流程可实现一瓶番茄酱的用户体验，该番茄酱瓶更易于访问，易于使用且外观精美。 但是，瓶子本身不是UX。 它是UI。 就像第一瓶一样。

贾里德·史普(Jared Spool)2016年关于UX产品组合的推文 (Jared Spool’s 2016 tweet on UX portfolio’s)
Don’t you just hate it when people misinterpret something someone says? Jared Spool is somewhat of a UX rockstar. His Twitter profile is a gold mine full of valuable UX knowledge. Yet, people seem to focus on one particular tweet from years ago.
当人们误解某人说的话时，您不只是讨厌它吗？ Jared Spool有点像UX摇滚明星。 他的Twitter个人资料是一个金矿，里面蕴藏着宝贵的UX知识。 但是，人们似乎只专注于几年前的一条特定推文 。

“If you’re trying to hire designers & require a portfolio, you’re not gonna get top talent. The best designers don’t have them. Too busy. ”— Jared Spool
“如果您要雇用设计师并需要投资组合，那么您就不会获得顶尖人才。 最好的设计师没有他们。 太忙了。 ”-贾里德·史波(Jared Spool)

A famous person from the field of design says the top design talent doesn’t have a portfolio. Now I don’t have to spend time and effort to create a portfolio myself!
设计领域的一位著名人士说，顶尖的设计人才没有投资组合。 现在，我不必花费时间和精力自己创建投资组合！
This of course isn’t how it works. A tweet from a well-known UX professional isn’t an excuse to be lazy and not work on your portfolio.
这当然不是它的工作原理。 来自知名UX专业人士的推文不是懒惰且无法在您的产品组合上使用的借口。
You don’t need a portfolio only when your actions speak for you. If you’re famous, built and sold a well-known startup, or have a great design-related product, you don’t need a portfolio. You don’t ask Bill Gates or Jony Ive for a portfolio. Everybody knows who they are and what they do.
仅当您的行为能够代表您时，您才不需要投资组合。 如果您是著名的，建造和出售了知名的初创公司，或者拥有与设计相关的出色产品，则不需要投资组合。 您不需要向比尔·盖茨或乔尼·伊夫索要投资组合。 每个人都知道自己是谁，做什么。
For everybody else, yes, you will need a portfolio. Design is a very portfolio-driven field of work. It is a great way of showing who you are and what you are capable of.
对于其他所有人，是的，您将需要一个投资组合。 设计是一个非常受项目组合驱动的工作领域。 这是显示您是谁以及您有能力的好方法。
Someone with a portfolio isn’t always a great designer and someone without a portfolio isn’t always a bad designer. The one just doesn’t exclude the other.
拥有投资组合的人并不总是一个伟大的设计师，而没有投资组合的人并不总是一个糟糕的设计师。 一个只是不排除另一个。
Instead of focusing on Jared’s 2016 tweet, why don’t you focus on his series of tweets that provide valuable tips and tricks on creating great portfolios? It is the road less traveled, but at least it will get you somewhere.
除了关注Jared的2016年推文之外，您为什么不关注他的一系列推文 ，这些推文提供有关创建出色投资组合的宝贵技巧和窍门？ 这是一条人迹罕至的道路，但至少它将带您到某个地方。

UX就像个玩笑。 如果您必须解释一下，那就不好了。 (UX is like a joke. If you have to explain it, it is not that good.)
It is super awkward if you have to explain a joke. You wanted it to be funny but the result was a deafening silence.
如果你要开个玩笑，那真是太尴尬了。 您希望它有趣，但结果是震耳欲聋的沉默。

Nobody likes it when they don’t get it. Photo by
Brendan Church on
Unsplash

没有人喜欢时，没人会喜欢。
布伦丹教堂 (
Brendan Church)在
Unsplash上
拍摄的照片

Just like a joke you had to explain, unintended results happen in design as well. This could be because of a lack of understanding of the user’s wants and needs. At other times, the context of your application might be hard to understand at first.
就像您要讲的一个笑话一样，设计中也会发生意想不到的结果。 这可能是由于缺乏对用户需求的了解。 在其他时候，您的应用程序上下文一开始可能很难理解。
There’s this misconception about how UX will make every product easy to use instantly. If you have to explain something, you haven’t designed the product very well. That’s what they say.
人们对UX如何使每个产品都易于立即使用存在误解。 如果您必须解释一些问题，则说明您对产品的设计不是很好。 他们就是这么说的。
This isn’t how UX works. As a user experience designer, you work towards your goal of understanding the user’s wants and needs. This is something that takes time. After your initial research, you’re going to have to validate your design solution. With every repeating run of these steps, you’re getting closer to understanding your users. This is called design thinking.
这不是UX的工作方式。 作为用户体验设计师，您将朝着理解用户需求的目标努力。 这是需要时间的。 初步研究之后，您将必须验证您的设计解决方案。 通过重复执行这些步骤，您将更接近于了解用户。 这称为设计思维。
Besides, there’s also the user-side of things. Users have to get used to your (new) product design. They were used to finding UI elements in certain places and doing something in a certain way. Now that things have changed, they have to change as well. This is a difficult and energy-draining process.
此外，还有用户方面的东西。 用户必须习惯您的(新)产品设计。 他们习惯于在某些地方查找UI元素并以某种方式做某事。 现在情况已经改变，它们也必须改变。 这是一个困难且耗能的过程。

Hmm, this isn’t how it used to be. — your users
嗯，这不是以前的样子。 -您的用户

This process users have to go through is called the valley of despair. Good UX design keeps this period short and helps users get through the valley. Yet, it is not so that users will get everything right away. They cannot skip the valley of despair. You have to guide them by explaining something every now and then. And that’s okay.
用户必须经历的这个过程称为绝望之谷。 好的UX设计可以使这段时间缩短，并帮助用户度过难关。 但是，并不是这样，用户才能马上获得一切。 他们不能跳过绝望的山谷。 您必须不时地解释一些事情来指导他们。 没关系。

UI是UX (UI is UX)
There’s a lot of confusion going around about this one. In the field of design, any of the following points of discussion is something you will encounter very often either during interviews or during your lunch break.
关于这个有很多困惑。 在设计领域，以下任何讨论点都是您在面试中或午休期间经常遇到的问题。
What is the difference between UI and UX? UI和UX有什么区别？ Is there even a difference? 有什么区别吗？ Why do most companies search for ‘UI/UX’ designers? 为什么大多数公司都在寻找“ UI / UX”设计师？
The list goes on. Some say UI and UX is the same thing. In a way, they’re right. There’s a lot of overlap between UI and UX. I believe we’re all just designers. There’s no real need to add a prefix.
清单继续。 有人说UI和UX是同一回事。 在某种程度上，他们是对的。 UI和UX之间有很多重叠之处。 我相信我们都是设计师。 真正不需要添加前缀。

UX and service design have been founded to include more than just web design and the user interface in our design process. However, as a UX designer or service designer, you need at least some skills in UI. You have to be able to present your work in a visually appealing way to your stakeholders, just to give you an example.
UX和服务设计已经建立，不仅在我们的设计过程中还包括Web设计和用户界面。 但是，作为UX设计师或服务设计师，您至少需要一些UI技能。 您必须能够以视觉上吸引人的方式向利益相关者展示您的工作，仅举一个例子。
So even though there is an overlap in UI and UX skills, they are not the same.
因此，即使UI和UX技能有所重叠，但它们也不相同。

如果亨利·福特给人们他们想要的东西，他们将拥有更快的马匹 (If Henry Ford gave the people what they wanted they’d have got faster horses)
This is a special one. The Henry Ford quote is often used as an argument that user research and testing isn’t necessary. One of Steve Jobs’ quotes is often used along the same line.
这是一个特殊的。 亨利·福特(Henry Ford)的报价经常被认为不需要用户研究和测试。 史蒂夫·乔布斯(Steve Jobs)的一句话经常被用在同一行上。

“People don’t know what they want until you show it to them. ”— Steve Jobs
“人们不知道自己想要什么，除非您向他们展示。 ”-史蒂夫·乔布斯

More similar quotes are out there as well, but let’s focus on the one of Henry Ford.
还有更多类似的报价，但让我们关注亨利·福特(Henry Ford)之一。
There are two things wrong with the Henry Ford quote. The first one is that there is no evidence that he actually said it. Also, the real story shows actually how Henry Ford fixed a real problem by applying UX and service design principles.
亨利·福特的报价有两件事是错误的。 第一个是没有证据表明他确实说过。 此外，真实的故事实际上显示了Henry Ford如何通过应用UX和服务设计原理解决了一个实际问题。
In the early 1900s, cars were around for quite a bit. They were expensive. As an alternative, people still used horses for transportation. However, there were several problems with using horses in the city.
在1900年代初期，汽车流行了很多年。 他们很贵。 作为替代，人们仍然使用马来运输。 但是，在城市中使用马匹存在一些问题。
Horse excrement filled the streets. 马粪排满了街道。 Horses needed a lot of space and care. 马需要大量空间和照料。 Horses occasionally killed people. 马偶尔会杀死人。
What Henry Ford noticed by doing research and observing user behaviour was that people were looking to replace their horses, but cars were not only too expensive to buy but also very expensive to produce.
亨利·福特(Henry Ford)通过研究和观察用户行为发现，人们正在寻找替换其马匹的方法，但是汽车不仅价格昂贵，而且生产成本也很高。
The problem was with manufacturing cars, not cars in and of itself.
问题在于制造汽车，而不是汽车本身。

Modern assembly line. Photo by
carlos aranda on
Unsplash

现代装配线。
Carlos Aranda在
Unsplash上
拍摄的照片

He solved the manufacturing problem by creating an assembly line for producing cars. Just as Henry Ford didn’t invent the car, he didn’t invent the assembly line either. What he did was applying the process used for chain-driven meat processing facilities to car manufacturing.
他通过创建用于生产汽车的装配线解决了制造问题。 正如亨利·福特(Henry Ford)没有发明汽车一样，他也没有发明装配线。 他所做的就是将用于连锁驱动的肉类加工设施的Craft.io应用于汽车制造。
By decreasing the costs of car manufacturing, he enabled more users to buy cars. This solved the previously mentioned horse problems. He didn’t try to fix the perceived problem of horses. He found the ‘problem behind the problem’ and fixed it.
通过降低汽车制造成本，他使更多的用户能够购买汽车。 这样就解决了前面提到的马匹问题。 他没有尝试解决已知的马匹问题。 他找到了“问题背后的问题”并加以解决。
If that isn’t the best example of solving an actual problem using UX, design thinking, and service design, I don’t know what is.
如果这不是使用UX，设计思想和服务设计解决实际问题的最佳示例，我不知道这是什么。

三击规则 (The three-click rule)
This is a classic. Most people seem to believe that every page on your website or application has to be a maximum of three clicks away. The idea behind it is that users will grow tired and stop using your product when they have to click more than a few times.
这是经典。 大多数人似乎认为，您的网站或应用程序上的每个页面最多都必须单击三下。 其背后的想法是，当用户不得不单击多次时，他们会变得疲倦并停止使用您的产品。
There’s no evidence supporting this rule. In fact, it is impossible to give an absolute maximum number of clicks without knowing the context, content, and complexity of a product.
没有证据支持该规则。 实际上，如果不了解产品的上下文，内容和复杂性，就不可能给出绝对最大的点击次数。
Instead, consider that completing a task is like riding a bike up a mountain. You could try and get to the top of the mountain by putting your bike in a very heavy gear. Because of this, you get to the top in only three spins, yet you are very tired.
相反，请考虑完成任务就像骑自行车上山一样。 您可以尝试将自行车置于沉重的装备中，以登上山顶。 因此，您仅经历了三个旋转就到达了顶部，但您却很累。
An alternative could be to set your bike in a much lower gear. You have to spin a lot more, but you get to the top of the mountain without breaking a sweat since every spin is easy and effortless.
另一种选择是将您的自行车设置为低得多的档位。 您必须多旋转一些，但每次旋转都很容易且毫不费力，因此您可以不费吹灰之力就到达山顶。
See what I mean? You don’t have to comply to the three-click rule. Research your user flow and determine the steps (or clicks) users have to take after that without having a maximum number of clicks in mind beforehand.
明白了吗？ 您不必遵守三击规则。 研究您的用户流程，并确定用户在此之后必须执行的步骤(或点击次数)，而不必事先考虑最大的点击次数。

当然还有更多 (There’s more, of course)
These were just six misconceptions about UX. Obviously, there are more. However, UX designers aren’t perfect either. We have misconceptions about the field we have to work with, like product owners, business analysts, and developers as well.
这些只是关于UX的六个误解。 显然，还有更多。 但是，UX设计师也不是完美的。 我们对必须与之合作的领域有误解，例如产品所有者，业务分析师和开发人员。
Collaborating becomes easier when we communicate and understand each other well. Breaking through some of the most common misconceptions about UX will hopefully be a first step in the right direction.
当我们相互交流和相互了解时，合作变得更加容易。 突破一些关于UX的最常见误解，有望成为朝着正确方向迈出的第一步。

extjs6 引入ux

展开全文
• 团队将使用其他功能（针对当前设计）开发/更新EIT应用程序和网站，从而为当前已在EIT中注册的am带来更加愉悦的UX交互。 新设计将由来自新西兰各地所有校区的学生组成，他们对当前的EIT应用程序和网站采用更广泛，更...
• ui和ux的区别Here you will learn about UX vs UI i.e. difference between UX and UI. 在这里，您将了解UX vs UI，即UX和UI之间的区别。 Today, we are going to shed some light on one of the hottest topics ...


ui和ux的区别
Here you will learn about UX vs UI i.e. difference between UX and UI.
在这里，您将了解UX vs UI，即UX和UI之间的区别。
Today, we are going to shed some light on one of the hottest topics in IT world. There always exist a lot of buzz on whether the UX (User Experience) and UI (User Interface) are both the same, if not then how are they different.
今天，我们将阐明IT世界上最热门的主题之一。 关于UX(用户体验)和UI(用户界面)是否相同，总是存在很多争论，如果不相同的话，它们又有何不同。

Image Source
图片来源
These two are the terms that nearly every one of us must have heard, either we share a technical background or we don’t belong to it. It is obviously not only the case with the commons but highly respected developers and designers are often spotted struggling while demonstrating any of the two. Let us break this article down into chunks and try to understand the whole concept behind the two tech-jargons, UX and UI practically. Obviously with some examples when required.
这两个词是我们几乎每个人都必须听过的，或者我们拥有共同的技术背景，或者不属于这个背景。 显然，不仅是公地的情况，而且备受尊敬的开发人员和设计师经常在展示两者的同时感到挣扎。 让我们将本文分为几部分，并尝试实际理解UX和UI这两个技术术语背后的整个概念。 显然在需要时提供了一些示例。
We have observed this situation quite a lot times and almost every one among us can relate to this, we all must have witnessed a product launch of some tech gadgets live or on the television at some point of time. If anyone of us ever paid attention to the details then we could have very easily spotted that the chairperson or the president of the company when giving demonstration about the product’s UX describe a lot about the UI features (unknowingly obviously). So, why people not get confused (we can’t even blame the officials though). The two terms are so closely related and too because of several sources, are often misunderstood.
我们已经观察到这种情况很多次了，而我们当中几乎每个人都可能与此有关，我们都必须目睹某个科技产品在某个时间点现场直播或在电视上发布。 如果我们中的任何人曾经关注细节，那么我们很容易发现公司董事长或总裁在演示产品UX时描述了很多UI功能(显然是在不知不觉中)。 所以，为什么人们不感到困惑(不过，我们甚至不能怪官员)。 这两个术语是如此紧密地联系在一起，并且由于多种原因，常常被误解。
As of now think of UX as the experience you get while using a product ( that is either good, average or bad), while an UI can be thought of as the graphic appearance of a website (which you may like or not).
到目前为止，您可以将UX视为使用产品(无论是好是坏)时获得的体验，而UI可以看作是网站的图形外观(您可能会喜欢或不喜欢)。
首字母缩略词怎么说？ (What do Acronyms say?)
We have to admit the truth that both the terms are working closely for a product, but despite this similarity in the professional run, if we talk about their roles, we will observe them as possessing different capabilities when talking in reference to process and design discipline. Where we can think UX as more of technical and analytical process, the UI should be thought of as the way of expressing the summary of the product to the users with the help of visuals (graphics). We know it is not that easy to understand as looks, but no worries we have got you covered. I was going through a website and got this really cool example to understand the concept of UX and UI in a more practical way.
我们必须承认一个事实，即这两个术语在产品中都紧密合作，但是尽管在专业领域存在相似之处，但如果我们谈论它们的角色，则在参考过程和设计规范进行讨论时，我们会发现它们具有不同的功能。 。 在我们可以将UX视为更多的技术和分析过程的地方，应该将UI视为借助视觉(图形)向用户表达产品摘要的方式。 我们知道，从外观上看并不容易理解，但我们为您提供的服务无后顾之忧。 我正在浏览一个网站，并得到了一个非常酷的示例，以更实际的方式了解UX和UI的概念。
Let’s suppose human body as a product (digital) for a while, the code of the product which gives it a robust structure are bones. If there is a body then there must be the organs within, these organs are the UX design: functions of the life are supported by optimizing and measuring against input. Now the UI is the aesthetics and appearance of the body: that is how the body structure is presented to the world, how it reacts to the inputs and the senses of the body.
让我们假设人体作为一种产品(数字)已经有一段时间了，赋予其坚固结构的产品代码就是骨头。 如果存在身体，那么内部必须有器官，这些器官就是UX设计：通过优化和对照输入来支持生命的功能。 现在，UI是人体的美学和外观：那就是人体结构向世界呈现的方式，它如何对人体的输入和感觉做出React。
Don’t worry if you don’t get the explanations yet, there are many. We will provide a detailed elaboration for both the terms. Also we will come up with a set of differences in the end of this article. Get tuned.
如果您还没有得到解释，请不要担心，这里有很多。 我们将为这两个术语提供详细的说明。 在本文的最后，我们还将提出一系列不同之处。 调优。
什么是用户体验(UX) (What is User Experience (UX))

Image Source
图片来源
As we have talked earlier in this post, despite all buzz, we still are with our words that UX and UI are not the very same and of course we will get to this conclusion as we proceed towards the end of this post. Okay, so we are going to provide you with an intuitive intro of the UX and will leave it to you to differentiate between the two. We can say about the UX that it primarily focuses on how the product is going to respond to the calls, it spreads out to an interactive portion of the product. It includes how better is the structure of the product and how well it handles the user requests. Obviously most of us do not hesitate to add ‘UX’ to our daily vocab in technical world, but we need to understand this thing for sure that when we are talking about how the things are been portrayed, what should be the background colour, clicking button should perorm what animation, etc., then stop for a while and think whether we are really talking about the UX only. Let me tell our readers, these are all the part of the interface and thus should be treated as under the roof of UI itself (not UX). And this provides our discussion one firm proof to facilitate differentiate between the terms UI and UX.
正如我们在本博文前面所说的那样，尽管有很多嗡嗡声，但我们仍然会说UX和UI并不完全相同，当然，在继续本博文结尾时，我们将得出这个结论。 好的，因此我们将为您提供有关UX的直观介绍，并将其交给您来区分两者。 我们可以说到UX，它主要关注产品如何响应呼叫，并扩展到产品的交互部分。 它包括产品的结构如何更好以及如何处理用户要求。 显然，我们大多数人都会在技术世界的日常词汇中毫不犹豫地添加“ UX”，但是我们需要了解这一点，以确保当我们谈论事物的描绘方式时，背景色应该是什么，按钮应该显示什么动画等等，然后停下来一会儿，考虑我们是否真的在谈论UX。 让我告诉我们的读者，这些都是界面的一部分，因此应被视为UI本身(而不是UX)的底层。 这为我们的讨论提供了一个坚定的证据，可以促进区分UI和UX。
If we put ‘tech’ aside for a while, the UX designing is a process inclined towards providing a better usability and easy interaction of user with the product, which in turn result in loyalty of the users for respective product. So, the conclusion here is, at any moment if anyone is talking about the UX, then we immediately will have to understand that he is inclined more towards a quality product and product-human interaction rather than aesthetics and outer appearances.
如果我们暂时搁置“技术”，则UX设计是一个倾向于提供更好的可用性和用户与产品轻松交互的过程，从而导致用户对相应产品的忠诚度。 因此，这里的结论是，在任何时候，如果有人在谈论UX，那么我们将立即必须理解，他更倾向于优质的产品和产品与人的互动，而不是美学和外观。
什么是用户界面(UI) (What is User Interface (UI))

Image Source
图片来源
As of now we’ve talked about the UX,  now heading towards the most prominent word misunderstood with UX, that is UI. UI only focuses on the beauty and appearance of the product. Suppose if we are talking about a webpage, then UI’s responsibility is to ensure in what better way the webpage can be displayed to the users, what should be the size and color of the button, which animation will look good, how should the dropdown will respond to clicks, etc. Moreover where the button and dropdowns should be placed so that the user will love, is the responsibility of the UX designer.
截至目前，我们已经讨论了UX，现在正朝着UX被误解的最突出的词，即UI。 UI仅关注产品的美观和外观。 假设如果我们谈论的是网页，那么UI的职责是确保可以以更好的方式向用户显示该网页，按钮的大小和颜色应该是什么，哪种动画看起来会很好，下拉菜单应该如何。 UX设计者应负责将按钮和下拉菜单放置在什么位置，以便用户喜欢。
One more thing is need to be said today that the scripting languages like HTML or CSS or JQuery or whether it is Silverlight, are responsible for designing beautiful interfaces only, neither user experience. With this being said, let us now see a comparative study of the two for a more vivid understanding.
今天还需要说一件事，诸如HTML或CSS或JQuery之类的脚本语言，或者它是否为Silverlight，仅负责设计漂亮的界面，而没有用户体验。 如此说来，让我们现在看一下两者的比较研究，以更生动地理解。
UX和UI之间的区别 (Difference between UX and UI)
Though there are not much, but we can list out some of the differences which makes the two terminologies stand apart. Let’s have a look.
尽管数量不多，但是我们可以列出其中的一些差异，这使这两种术语脱颖而出。 我们来看一下。
UX                                        UIIt makes the interfaces useful.It is used for making the interface beautiful.It helps the users to accomplish their goals.These are useful for attaching the users  emotionally to the product.Most probably is done first.Is usually carried out second.Finds use in products, interfaces and services.Confined to the interfaces only.Provides usability.Provides aesthetics.
用户体验  用户界面  它使接口有用。  它用于使界面美观。  它可以帮助用户实现他们的目标。  这些对于使用户情感上附着到产品上很有用。  最有可能首先完成。  通常是第二次进行。  可用于产品，界面和服务。  仅限于接口。  提供可用性。  提供美学。
我希望本文能对UX和UI之间的区别有一个清晰的了解。

翻译自: https://www.thecrazyprogrammer.com/2018/09/difference-between-ux-and-ui.html

ui和ux的区别

展开全文
• 可以在zea ux docs网站上找到： ： 这些文档允许开发人员通过下载免费和开源的演示内容并使用Zea的公共分发的客户端库来开始使用Zea UX。 发牌 Zea UX插件受许可。 将其添加到您的项目 将Zea UX添加到项目中的...
• ux设计In the online world, the saying “never judge a book by its cover” does not apply. The visual things you post online will make or break your online presence. It’s no longer possible to satisfy...


ux设计
In the online world, the saying “never judge a book by its cover” does not apply. The visual things you post online will make or break your online presence. It’s no longer possible to satisfy a basic website visitor just by adding few elements on your website. They want more, for instance: responsiveness, cool design, and user-friendly experience.
在网络世界中，“永远不要凭封面判断书”这一说法不适用。 您在网上发布的视觉内容将影响您的在线形象。 仅仅通过在您的网站上添加一些元素就无法满足基本的网站访问者。 他们想要更多，例如：响应能力，出色的设计和用户友好的体验。
As we are evolving with the new technology, things will get even trickier. What seems effective now in 10 years can be considered as a basic design, especially with the popularization of the VR and AR technology. In the business world, it is even more complicated to satisfy the target audience. Especially if you are in the B2B industry, constantly asking yourself how to monetize a website with such a limited amount of resources.  Fortunately, a good UX Design will solve all of your traffic issues.
随着新技术的发展，事情将变得更加棘手。 十年后看来有效的东西可以被视为基本设计，尤其是随着VR和AR技术的普及。 在商业世界中，要满足目标受众的需求甚至更加复杂。 尤其是如果您属于B2B行业，请不断地问自己如何利用如此有限的资源来通过网站获利 。 幸运的是，好的UX设计将解决您所有的流量问题。
Optimal UX could be the reason behind the success of your company. If you are struggling to retain visitors, you may need a UX update. In order to achieve this, you need to apply these UX strategies to identify and fix the problems.
最佳用户体验可能是您公司成功的原因。 如果您想保留访客，则可能需要UX更新。 为了实现此目的，您需要应用这些UX策略来识别和修复问题。

Image Source
图片来源
1.从客户的角度看一切 (1. See Everything from Customer’s Perspective)
You need to think like your customer when you are preparing your UX design update. Many web designers are analyzing the website only from the company’s perspective, and the end result is a website that completely misses the element of customer experience.  In order to do so, a market research is required. You need to have all of the customer behavior details from the marketing team or to run a test demo and see what works the best. Getting a direct feedback from your customers can change your concept about the website completely. Take every complaint seriously and act!
准备UX设计更新时，您需要像客户一样思考。 许多网页设计师只是从公司的角度分析网站，最终结果是网站完全失去了客户体验元素。 为此，需要进行市场调查。 您需要拥有营销团队的所有客户行为详细信息，或者运行测试演示并查看最有效的方法。 从客户那里获得直接反馈可以完全改变您对网站的概念。 认真对待每一个投诉并采取行动！
2.使用工具检查设计有效性 (2. Use Tools to Check the Design Effectiveness)
There are tools available that can help you in the decision-making process. For instance, a tool like Page Speed Insights will help you in determining if your website is struggling with loading issues. On the other hand, Google Analytics is the inevitable tool that you must use to analyze the overall performance of your website. Tools that offer heat maps are also valuable. Anything that will provide you with insights on the online behavior of your target audience can be beneficial.
有可用的工具可以帮助您进行决策。 例如，诸如Page Speed Insights之类的工具将帮助您确定您的网站是否遇到加载问题。 另一方面，您必须使用Google Analytics(分析)来分析网站的整体性能。 提供热图的工具也很有价值。 任何可以为您提供有关目标受众在线行为的见解的方法都是有益的。
3.简洁而精巧的设计可以创造奇迹 (3. Neat and Minimal Design Can Do Wonders)
Overly crowded website with unnecessary elements that are distracting can be a huge problem. If you want to make something effective use impactful yet simple design. Minimalist informative elements and visuals are the cure for this problem. Even though the overall design has to be in line with the original company branding, you can still be creative and minimalistic with the look. People want fast and easy solutions to their problems, make sure you offer this on the website.
网站过于拥挤，不必要的元素分散了注意力，这可能是一个巨大的问题。 如果您想使某事有效，请使用有影响力且简单的设计。 极简主义的信息元素和视觉效果可以解决此问题。 即使总体设计必须与原始公司的品牌保持一致，您仍然可以在外观上保持创意和简约。 人们需要快速简便的解决方案，请确保您在网站上提供了此解决方案。
One more thing that most of the web designers forget is the social media buttons. They are usually positioned in the worst possible part of the website, sometimes even not incorporated in the design. Social media is important especially if you have a social e-commerce that is the core of your business.
大多数Web设计师忘记的另一件事是社交媒体按钮。 它们通常位于网站最糟糕的位置，有时甚至没有包含在设计中。 社交媒体非常重要，特别是如果您拥有作为企业核心的社交电子商务。

ux设计

展开全文
• UX_UI_21:爱好网站
• ux和产品经理The field of UX design has been one of the moving forces in the digital world for some time now. It's based on providing good experiences that, in turn, keep users loyal to a given brand ...
• 你好！ :laptop: 如果要启动项目，请执行以下操作： 光盘网 安装项目依赖项： 纱 启动服务器： 纱线起头 cd ../服务器 安装项目依赖项： 纱 运行所有迁移： 纱线定型机迁移：运行 启动服务器： 纱线开发 ...
• 该项目包含一系列用户体验模式，用于围绕地图和图像进行数字叙事。 网站： 。 许可：
• samson89.github.io
• 作为UX或UI设计师，必须时刻保持学习的激情和创新的意识。据了解，设计师们经常会上Dribbble、Pinterest、DECOMOOK等知名网站寻找灵感。而实际上一些优秀的博客也是我们寻找灵感的好地方，这里就为大家推荐5个还不错...
• 受欢迎的旅游网站，预订和结帐表格，旅行计划者和酒店时间表都是增加您在用户体验设计领域的知识的绝佳资源。 在选择最佳地点，酒店并计划行程时，最好注意哪些有效，哪些无效，什么激发您的灵感以及使您立即跳转...
• ux设计师薪水 重点 (Top highlight) 用户体验 (UX) UX Design is a term that came into existence (in jobs, roles in organisations and team requirements) suddenly in early 2000s! The visual design game was...
• ux体验网站 英国by Jason Hreha 杰森·赫雷哈(Jason Hreha) ?? 用户体验(UX)资源和工具的完整列表?? (?? The Complete List of User Experience (UX) Resources & Tools ??) 超过100个链接，可以链接到最好的...
• Inkline是可定制的Vue.js UI / UX库，旨在创建完美的响应式网站。 Inkline由编写和维护。 ·· 目录 安装 阅读页面，找到有关框架内容，模板，示例等的信息。 错误和功能要求 有错误或功能要求吗？ 请首先搜索现有...
• 达拉斯UT的UX俱乐部
• ## 大疆文档(5)-Android教程-使用UX SDK

千次阅读 热门讨论 2019-04-10 09:49:32
在本教程中，您将学习如何使用DJI Android UX SDK和DJI Android SDK轻松创建功能齐全的mini-DJI Go app，具有标准的DJI Go UI和功能。在本教程结束时，您将拥有一个可用于显示相机FPV视图，检查飞机状态，拍摄照片，...
• 语言:English 每个新选项卡将显示UX设计法则。 灵感来自UX网站法律。 UX Laws是chrome扩展，其中每个新选项卡都显示UX设计规则。 这是为想要了解UX设计定律的初学者UX设计人员准备的。

...