您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

什么是UI设计? 什么又是UX设计? UI与UX之间有什么区

自译外文 分类: 设计趋势 版权: 原作者: TheyMakeDesign
415 0 0 0
更新于:2019-07-09
1.5

This getting started article makes it easy to understand the differences between user interface design (UI) and user experience design (UX)

User interface design (later referred to as UI design) and user experience design (ux design later) are two of the most frequently confused and merged terms used in network and application design. This is understandable, as they are usually put together and are called UI/UX designs. On the face of it, they seem to describe the same thing. It is often difficult to find a detailed description of the two terms that are easy to understand. Do not worry!


  The following is to make it easy for you to understand these two terms


When you finish reading this article, you'll have a good understanding of the differences between the two terms and the connections between them. Let's get started!

What is UI design?


The "UI" in the UI design stands for "user interface." The user interface is the image layout of the application. It consists of a button that the user clicks, the text he reads, the image, the slider, the text input box, and all other items that the user can interact with. This includes page layout, transitions, interface animations and every tiny interaction detail. Any type of visual element, interactive detail or animation must be carefully designed.

 

Examples of adding UI design inspiration


This work belongs to the UI designer. They will determine the appearance of the application. They must select the color scheme and the button shape - line width and text font. UI designers create the appearance of the application's user interface.

Image title

UI design process cited by Ramotion


UI designer is a graphic designer. They focus on aesthetics, ensuring that the application's interface is attractive, with strong visual siphone and appropriate themes to match the purpose and/or characteristics of the application. They need to make sure that every visual element is perfectly integrated in aesthetics and purpose.


What is A UX design?


"UX" stands for "User Experience." The user's experience of the application depends on how they interact with the program. Is the experience fluid and intuitive, or is it complex and confusing? Does it feel logical or completely out of touch when browsing the application? Does interacting with an application make people feel that they are effectively doing what they want to do, or does it feel like the process is difficult? The user experience depends on how easy it is for users to interact with user interface elements created by the UI designer.


Image title

Photo by Career Foundry


As a result, UX designers also focus on the user interface of the application, which is why people are confused about the difference between the two. However, the UI designer's task is to determine the appearance of the user interface, while the UX designer is responsible for determining how the user interface works.

 

UX designers determine the structure and function of interfaces, how they are organized, and how all parts relate to each other. In short, they design how the interface works. If the interface works well and feels unobstructed when interacting, the user will have a good experience. However, if the navigation of a web page or program is complex or unintuitive, it can lead to a poor user experience. UX designers try to avoid a second scenario.


Designing in a closed environment does not produce the desired results.


The UX design also involves a number of iterative analyses. UX designers create wireframe renderings of interface interactions and get user feedback. They incorporate this feedback into their designs. It's important for UX designers to fully understand how users like to interact with their applications.


How do they work together?


Therefore, when the UI designer decides what the user interface looks like, the UX designer decides how the user interface works. This is a collaborative process, and the two design teams need to work closely together. While the UX team is working on the process of the application, how all the buttons guide you through the task, and how the interface effectively meets the user's needs, the UI team is working on how to render all of these interface elements on the screen.

 

For example, during the design process, we decided that we needed to add additional buttons to a specific interface. This will change the way the button is organized and may need to change the shape or size of the button. When the UI team adjusts the design to accommodate the new layout, the UX team determines the best way to lay out the buttons. Continuous communication and collaboration between UI and UX designers not only ensures that the final user interface is as beautiful as possible, but also allows users to operate efficiently and intuitively when using the interface.


Research is the key.


Research is critical for both UI and UX designers. It is important to gather as much effective information as possible to help them develop appropriate designs for both disciplines, and designers in both disciplines follow a similar approach.

 

Both will study the needs of users. What do they expect from the application spending on it? This study is typically iterative and involves usability testing, where real users will interact with a thin version of certain features or a visual design being tested to determine whether the designer is moving in the right direction. Feedback is integrated with each iteration.

 

This process involves generating low-fidelity prototypes, such as wireframe rendering of interface elements, to rigorously evaluate user feedback on the functionality being tested. It also involves fast visual prototypes and A/B testing of versions with different skins to determine which user version is more like.


Image title

Tweeted from Luke W


In all cases, research helps designers make the right choices at work. However, the information needed by the UI and UX designers is completely different.


Research in UI design


UI designers need to make sure that the visuals they choose match the type of application they are writing. They will try to anticipate the user's expectations. If your team is designing a travel application, it's important to study how other travel applications have been developed in the past. Which programs succeeded? Which programs failed? You can learn a lot about design from the work others have done before.

 

Research may show that people prefer contoured icons to solid patterns. This lets designers know what visual effects people feel comfortable with and enjoy. The UI designer can then incorporate what he has learned into the design well.

 

Designers have their own judgments and decisions about the final interface appearance, but there are still some basic "rules" or standards that meet user expectations. If designers ignore this, they need to take their own risks.

 

It's not that you shouldn't take a risk. UI designers want their interface to stand out and be memorable. But this must be balanced to ensure that the user is aware of the purpose of placing these elements on the screen.


Research in UX design


UX designs pay particular attention to the expectations of the household. The experience and interaction of each application that users use in their lives gives them some expectation severing about how the interface should work. If UX designers aren't familiar with these expectations, they may inadvertently design an interface interaction that is logical to them, but undermine stoic conventions that are generally accepted by users. Users can be disgusted when the way the interface interacts is at odds with what the user expects. This can have a negative impact on their experience.


When a UX designer decides to do something different, they need to have a very good reason, because breaking conventions and expected behaviorcans can lead to people making mistakes in their operations.


For example, most people think that you double-click on a file is to open the file, and click is to select the file. This is an interface operation that is almost as old as the time the image interface was born.




UI and UX: Two distinct disciplines work harmoniously


UI design and UX design involve very different skill sets, but they are necessary for each other's success. A beautiful design can't save a complex and confusing interface navigation, and the perfect user experience created by a subtle design can be dragged down by poor visual interface design, which can make the application's use unpleasant. Both UI and UX designs need to be perfectly executed and match perfectly to the expectations of existing users to create a great user interface/experience. When these elements fit into each other, the results can be amazing.


Top User Experience (UI/UX) Design Agencies and Companies




TMDesign

1粉丝/0关注

小有见解
什么是品牌形象设计?款免费的iPhone X版面设计样本 Psd,Sketch

扫描二维码
去手机端查看海报

TMDesign

TA已经获得1枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN