UI/UX Design


What is UI?

A user interface is a place where interactions between humans and machines occur. It allows users to effectively operate a machine to complete a task or achieve a specific goal, like making a purchase or downloading an app. In fact, you are using UI right now to read this article right now.

User interfacesare composed of input hardware (devices that control the machine from the human end like a keyboard, mouse, or joystick) and output hardware (devices that provide information to users like monitors, audio speakers, or printers). Input devices work together with output devices so users can fully control the machine. There are many different types of user interface. Here are the three most common UIs – command line interface, graphic user interfaces, and voice-enabled user interface.

What is User Experience?

Now we’re familiar with the meaning of UI, it’s time to explore UX. User experience is the experience that a person has as they interact with a product. The term was coined by Don Norman back in the 90s when he worked at Apple. Don Norman says that ‘‘User experience’ encompasses all aspects of the end-users interaction with the company, its services, and its products."

Since UX designers focus on crafting products that are easy to use and understand, the concept of user-centered design takes a central stage in UX design process.

How are UI design and UX design related?

The meanings of UX and UI imply that they are related design disciplines, yet they are very different in nature. The UI design is more concerned with the visual properties of design as well as the overall feel it conveys. But without great UX, even the most beautifully designed UI will cause bad user experience.

The role of UI designer

The role of UI designers is more relevant to the visual representation of information. UI designers should have graphic design, visual design, and branding design skills to create interfaces that have a good look and feel. Usually, UI designers take the user flow and wireframes for individual screens/pages created by UX designers (skeleton of design) and turn it into something aesthetically pleasing (dressing-up the skeleton).