What is UI? What is UX? Is there a difference?
First off, yes there is a distinct difference between the two terms. UI (User Interface) involves typography, images, and other design components that enhance a simple interface. When you are in UI design, you are transforming the wireframing into an organized and graphical project. UI deals with the applications’ usability and that special connection formed with the end user. UX (User Experience), in my opinion, encompasses the entire user experience with the product from start to finish. It considers all aspects and touch-points that a user will reach in their journey. Information architecture is also a very vital aspect to this process which concentrates on labeling all of the content of the product in the making.
UI/UX Best Practices
- User Research is important. Always partake in usability testing when creating a new product. Know the audience you are targeting and going to reach.
- Don’t make your design too complicated. Keep it aesthetic. Too much information can make the user feel overwhelmed and stressed.
- ALWAYS plan first. Create a strategic product plan and wireframe before creating the actual prototype.
- Make it easy to use and understand. Usability and accessibility is very important in keeping the user entertained.
- Whitespace is good! Use it wisely.
- Be consistent. Use the same elements and components throughout the entire user journey.
- MOBILE FIRST. Trends are moving towards more mobile users and everyone looking up almost everything on their phones. Create a website that is mobile friendly.
- Conduct reoccurring UX audits throughout the year for any hiccups or defects in the design.
Resources
15 Rules Every UX Designer Should Know. Adobe XD Ideas. https://xd.adobe.com/ideas/career-tips/15-rules-every-ux-designer-know/
Adoric Team. 10 Tips to Improve your Website’s User Experience. Adoric. https://adoric.com/blog/10-tips-to-improve-your-websites-user-experience/
The Beginner’s Guide to Information Architecture in UX. Adobe XD Ideas. https://xd.adobe.com/ideas/process/information-architecture/information-ux-architect/
The Difference between UI and UX. Maze. https://maze.co/blog/ui-vs-ux/
User Experience Design – Class Powerpoint. Jaclyn H.
Leave a Reply