Download to read offline
Uploaded byLearnxLab.com
The Complete Digital Marketing Course
This document provides insights into user experience (UX) and user interface (UI) design principles and trends for 2016, emphasizing the importance of customer satisfaction and optimal usability. Key design principles include consistency, intuitiveness, responsiveness, and content focus, while trends highlighted are responsive design, parallax scrolling, flat design, and material design. Additionally, it discusses the distinctions between flat and material design, particularly in terms of development and visual elements.
The Complete Digital Marketing Course
- 1. The Complete DigitalMarketing Course Session – 2 (20 Mar 2016) ___________________________________________________________________ www.LearnxLab.com
- 2.
- 3. ______________________________________________________________________________ ___________________________________________________________________ What’s UX? The cultivationof customer satisfaction and loyalty by optimally developing the usability and positive emotional response a visitor experiences with your site. – Tom Ewer What’s UI? The user interface (UI) is everything designed into an information device with which a human being may interact -- including display screen, keyboard, mouse, light pen, the appearance of a desktop, illuminated characters, help messages, and how an application program or a Web site invites interaction and responds to it. – TechTarget.com User experience includes all the users' emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviours and accomplishments that occur before, during and after use.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9. ______________________________________________________________________________ ___________________________________________________________________ UI: Drop-down Menu Form Fields CTAs Animations ButtonStyling Pagination Icons Share buttons UX: Persona Creation User Study Wireframes Heuristic Analysis Journey Flow Prototypes
- 10. ______________________________________________________________________________ ___________________________________________________________________ UI Design Principles Consistent:design and behavior across the site should be consistent Intuitive: it should work the way the user rationally expects it to and they shouldn’t undergo a learning curve Responsive: design and layout should be flexible across various devices Familiar: design changes and behavior shouldn’t be too drastic or unfamiliar to the user Clean: an organized, flat and simple design and function Elegant: an aesthetically pleasing design and layout Efficient: efficiency is key particularly if a user needs to spend a lot of time on your site Content-focused: content, text or visual, is powerful and adds value
- 11.
- 12.
- 13. ______________________________________________________________________________ ___________________________________________________________________ Parallax Scrolling Parallax webdesign is a technique that allows components of a web page to move at varying speeds when a user scrolls. Examples??
- 14. ______________________________________________________________________________ ___________________________________________________________________ Flat Design Flat designis a minimalistic design approach that emphasizes usability. It features clean, open space, crisp edges, bright colours and two-dimensional/flat illustrations.
- 15.
- 16. ______________________________________________________________________________ ___________________________________________________________________ Differences between Flat& Material Design Material design is an evolution of flat design. Flat design is overall easier to develop and faster to load than material design. Flat design has no skeuomorphisms while material design utilizes them subtly. Both flat and material are minimalist approaches.
- 17.
- 18.
- 19.