UX Design For Web Application Developers

Course Description

This course covers User Experience Design (UX Design) for web application developers with practical examples of what to do and more importantly what not to do. Broadly speaking, UX Design refers to the overall interaction and satisfaction a user has when engaging with a product, service, or system. With websites, this encompasses all aspects of the end-user’s interaction - ease of use, efficiency, accessibility, and the resulting emotional responses. The goal of effective UX design is to create products that are not only functional but also enjoyable and intuitive to use. Bringing this UX focus to the Developer’s work is about ensuring the site user's needs are met seamlessly. Key factors of UX Design include usability, accessibility, aesthetics, and performance across various platforms and touchpoints. This course will deal with each of these areas.
3 Days
Contact us for pricing
 

Prerequisites

This course is for web developers and will use examples written in HTML, CSS and JavaScript.

Introduction To User Experience

What is UX Design?
Who is responsible?
Roles of Designers, Programmers, Project Managers and Product Managers
Who is affected?

Primary Goals of UX Design

Don't make me think
Don't make me repeat myself
Don't make me remember things

Core Principles

Simplicity
Clarity
Consistency
Efficiency

Error Prevention & Recovery

Good UX Design should prevent errors and facilitate mitigation
Design to prevent errors
Users need to be able to cancel or undo

Psychological Insights To Enhance User Experience Design

Affordances
Cognitive load
Hick's Law and the need to limit the number of choices
Fitt's Law, making important things bigger
Miller's Law, breaking down and grouping things into chunks
Jakob's Law, the need to standardise
Gestalt principles - proximity, similarity, continuity and closure

Accessibility

Good UX means Good UX for all
Understanding the needs of a diverse audience
Satisfying those needs
Accessibility testing
Legal obligations

Mobile Device Considerations

Over 60% of users will be on a mobile device
Understanding responsive design
Utilising frameworks
Mobile testing

Results

Aesthetic-Usability effect
Improved credibility
Increased engagement
User ExperienceHTMLCSSJavaScriptUX Design