What is UI Design?
UI&UX increases the user experience and customer satisfaction, which ultimately increases the number of customers, resulting in the growth of the business.
User interface design is the process of building interfaces for machines. Traditionally, user interface design has been about the look and feel of the product — including colours, shapes, typography etc. Let us take the example of the checkout page of an e-commerce website. Good UI design will focus on:
- Presenting the information clearly and effectively. For instance, product information, price, shipping, taxes etc. will be shown clearly.
- Making the user feel reassured about their purchase. They’d use colours that are soothing and positive.
- Making the journey easy and attractive. The buttons and calls-to-action would be clear and appealing.
What do UI Designers do?
UI designers work on two specific parts of the application: They strategise the look and feel, and also execute it.
Develop look and feel
- Design trends research: UI designers will keep track of the latest trends in design such as material design, parallax videos, indefinite scrolling etc.
- Brand research: They will conduct research to identify ways to make their brand stick. This could be in the form of using their logo, motif, colours, even tagline and language.
- Typography and design language: They will build the design language of the application including fonts, colours, sizes, shapes etc.
Executing user interface design
- UI prototyping: They will build mock ups of the UI they are designing, and take it to beta users to collect feedback. Based on the response, they also iterate and modify the UI.
- Interaction and animation: They will design interactions on the application. For instance, this could be how the checkbox appears on the screen. Most designers today also design animations for the UI. The tick mark could be animated into the checkbox when you click on it.
- Coordination with developers: They work closely with the developers to ensure that the interactivity on the product is just as they had imagined.
What is UX Design?
User experience design is the overall experience a user has with a company’s products or services. UX design is the process of tailoring the experience for the user in a manner that’s appealing to them and profitable to you.
Let’s take the same example. Good UX in an e-commerce checkout page will focus on:
- Keeping the user undistracted. You may have noticed that most checkout pages have no links/buttons other than the payment call-to-action.
- Presenting offers and bundles to induce impulse purchase.
- Offering personalized recommendations like buying products you’ve purchased earlier, choosing preferred shipping method etc.
- Communicating clearly if the payment is successful, when can the user expect the product, how can they return it etc.
What do UX Designers do?
UX designers work one level up from UI designers. They think of the users’ problems and how to solve these problems with the application.
Product strategy
- Market research: UX designers conduct their own research on market trends in their area of business to determine how the product fits in.
- Customer research: They will begin by getting a thorough understanding of their target user through surveys, interviews etc. Even after they’ve got an idea about customer preferences, they will constantly keep themselves updated over time. They create user personas based on customer research to model their experiences.
- Customer journey: They will create user stories and information architecture to create product solutions.
Wireframing
- Prototyping: They will build wireframes and prototypes of the product (not to confuse this with the prototypes of the interface we discussed earlier).
- Beta testing: UX designers will conduct early testing of the product in controlled environments and analyse results.
- Iterations: They will iterate the solution until they create the right product experience for the users.
Execution
- Coordination with the design team: They will work closely with the design team to ensure that the product experience is delightful both visually and architecturally.
- Coordination with developers: They work with the development team closely to make sure that the customer has a smooth experience with the product.
- Metrics analysis and feedback: They will collect data and analyse feedback about the product and tweak experiences accordingly.
UI&UX Design: How UI and UX Design Come Together?
In modern applications, user interface design and user experience design are inseparable. UX guides the UI design principles and in turn UI stimulates a good UX in the user’s mind. Yet, UI alone isn’t enough. Without a fantastic experience overall, users are soon to be disillusioned with the product. Let’s take the example of the Google search page. The UI is simple, clean and offers the user an undistracted solution. This is evidently a great UI. However, if the user doesn’t get what they search for, the UX is bound to be bad. No amount of great UI can save an app from bad UX. Which is why UI and UX always go hand in hand. Doesn’t mean that every UI designer will also do a UX designer’s job or vice versa. In fact, in large application teams, there might be several UI designers, each focusing on a very specific area.