𝗨𝗜 𝗩𝗦 𝗨𝗫: 𝗧𝗛𝗘 𝗞𝗘𝗬 𝗗𝗜𝗙𝗙𝗘𝗥𝗘𝗡𝗖𝗘𝗦
People often use UI and UX for the same thing. They are different. You need both to make a good product.
UX means User Experience. It is how your product works. It focuses on the journey of your user.
UX goals:
- Make tasks easy.
- Fix friction.
- Research user needs.
- Create wireframes.
UI means User Interface. It is how your product looks. It focuses on the visuals.
UI goals:
- Pick colors and fonts.
- Design buttons and icons.
- Create a clean layout.
- Keep visuals consistent.
Think of a car. UX is how the car drives and feels. UI is the dashboard and the paint. A car needs both to be great.
The process usually follows a path:
- UX research defines the need.
- UX wireframes build the structure.
- UI design adds the visuals.
- Developers build the product.
A good experience keeps users. A good interface builds your brand. Use both to get better results.
Source: https://dev.to/pixel_mosaic/ui-vs-ux-understanding-the-key-differences-jp8