UX/UI & The Differences


source : Nuhi Ademaj

UX (user experience) is a concept that has many dimensions, and it includes a bunch of different disciplines—such as interaction, information architecture, visual, usability, and human-computer interaction. UX design is the process of designing (digital or physical) products that are useful, easy to use, and delightful to interact with. It’s about enhancing the experience that people have while interacting with your product, and making sure they find value in what you’re providing.the goal of UX design in business is to “improve customer satisfaction and loyalty through the utility , ease of use, and pleasure provided in the interaction with a product.UX design is biased towards the interaction between the research user and the system.it is mainly based on date , emotion and user research.the scope of the process to be considered is flow ,wireframe and prototypes ,etc.


source : http://www.zhihu.com

From this picture we can see that the UX designer needs to do seven steps. Combined with the list in the picture below, you can get a more detailed understanding of what each step UX needs to do . 


source  from http://www.zhihu.com

The user interface (UI), in the industrial design field of human–computer interaction, is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine from the human end, whilst the machine simultaneously feeds back information that aids the operators’ decision-making process. Examples of this broad concept of user interfaces include the interactive aspects of computer operating systems, hand tools, heavy machinery operator controls, and process controls. The design considerations applicable when creating user interfaces are related to or involve such disciplines as ergonomics and psychology.

Generally, the goal of user interface design is to produce a user interface which makes it easy, efficient, and enjoyable (user-friendly) to operate a machine in the way which produces the desired result. This generally means that the operator needs to provide minimal input to achieve the desired output, and also that the machine minimizes undesired outputs to the human.

source : mondaynote.com

You can think of UI design or user interface design like this:

User Interface Design = Visual Design + Interaction Design.

source : uxdesinger.world.

as the picture we can see UI is about product features ,how the website page is physically laid out , where things should go ,what’s colours to use ,responsible for the creative and visual pieces of the site. and UX is about user emotions,UX focuses on the interactive side of the website, how it behaves ,such as a box sliding out , and how people might interact with it ,such as where they will click first.UX handles the architecture of the content and the site map.

source : thecdm

Brief roles of a UX Designer:

Strategy and Content:

  • Competitor and Customer Analysis
  • Product Structure/Strategy
  • Content Development

Execution and Analytics:

  • Wireframing and Prototyping
  • Coordination with UI Designer and Developer
  • Tracking Goals and Integration
  • Analysis

Brief roles of a UI Designer:

Look and Feel:

  • Customer Analysis
  • Design Research
  • Branding and Graphic Development
  • User Guides/Storyline

Responsiveness and Interactivity:

  • UI Prototyping
  • Interactivity and Animation
  • Designs across all devices
  • Implementation with Developer

 A good website can’t just stay in the interaction and beauty of the interface surface, but should be a coherent journey, wired and offline different touch points .

source :www.usertesting.com.  http://www.neworld.com . wikepedia


9 Questions You Should Ask Before Starting a Design Project

Screen Shot 2018-10-31 at 16.59.39

Design process is complex and getting the right answers before you start designing is important … It can lead to significantly better results … You can go simple just use google docs to store the data … Let’s have a look on the questions.
1) Who are the users?
2) What problems are they facing?
3) How are they using the product and why?
4) How can you help them?
5) What would be accomplishment for them?
6) What is the ideal solution?
7) How this is going to impact the business?
8) What is the priority at the moment?
9) How are you going to measure the results

–Lubos Volkov

8 UX Tips For Designing Better Mobile Apps

1.Remove unnecessary things

2.Make navigation easy and fluent

3.Test your designs on real device(s)

4.Make all elements tap friendly

5.Increase contrast between text and background

6.Place important actions to reachable area(s)

7.Keep forms short and simple

8.Follow platform specific guidelines