Building World Class UI

Transcript

1. BUILDING WORLD CLASS USER INTERFACE Casprine Assempah
2. Hello! • Casprine Assempah • UI/UX • Front-end dev @WitsGH • Student
3. Things we’ll discuss ▪ What is UI? ▪ Good design ▪ World class UI ▪ Design trends ▪ Design Standards and guidelines ▪ Tools ▪ Accessibility & User-friendliness
5. Good Design Good design is building a product around users and keeping it’s branding consistent. It should be appealing to the user and make the use of the product easier.
8. Goal? o To create a world class UI o To do this- you need to take into consideration your audience and their culture, origin, language, but while at it, it would be better to tailor your design to suit a global perspective not forgetting accessibility as well.
9. How to identify a world class UI? o Adheres to good design standards and guidelines o Consistent with global design trends o Accommodates for accessibility and user friendliness
10. Design Standards and guidelines ▪Dos ▪ Design easy-to-use navigation ▪ Change the color of visited links ▪ Avoid walls of text-- group them to make it easier to digest visually. Stick to a grid layout ▪ Put more weight on important elements like call-to-actions buttons. ▪ Make your website responsive.
11. Design Standards and guidelines II ▪DONTs ▪ don’t use too many fonts. ▪ Don’t use too many colors ▪ Don’t use horizontal scrolling
12. Design Trends o Custom artworks o Vivid & bright colors / Gradients o 3d still lives o Animated Retro-illustrations o Responsive Logos
13. Accessibility & User-friendliness o Contrast between text and its background o Provide visual focus for indication for keyboard focus. Don’t use :focus{ outline:0;} o Be careful with forms
14. Tools Free Paid
15. How to become a better designer 1.Learn and experiment more 2.Read about industry trends 3.Research about new tools and better workfows 4.Join a design community -DrawGH 5.Keep challenging yourself.
16. THANK YOU Casprine Assempah @casprine_ix