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.

Duration: 3 days


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 Experience HTML CSS JavaScript UX Design