Course : Ergonomics of Web interfaces and UX Design

Ergonomics of Web interfaces and UX Design

4,2 / 5

This training, which focuses on web interfaces, will teach you the fundamentals of ergonomics and UX design. You'll see how to model your target users, prototype and audit your HCIs, and improve accessibility and browsing components in order to offer your users an optimal experience.

Inter

In-house

Custom

Practical course in person or remote class

Ref. IHM

Price : 2190 € E.T.

3d - 21h00

Dates and Registration

Teaching objectives

At the end of the training, the participant will be able to:

Incorporate ergonomics and UX design into web design processes
Understand the existing standards and techniques for improving interface quality
Model users and tasks linked to a web application to adapt your HCI
Create the prototype of a web screen using design tools
Perform a quality audit on a web interface using specific economic criteria
Set up a user test scenario and gather the results

Intended audience

Webmasters, graphic designers, website designers, website application designers.

Prerequisites

No particular knowledge.

Course schedule

Definitions, challenges & principles

From ergonomics to UX Design.
Role and integration in the development cycle.
Performance measurements (KPI) and return on investment (ROI).
Overview of the ISO 9241 standard.
Ergonomics techniques.

Example

Overview of low-ergonomics products. Calculating ROI.

Web specifics

Contexts and usages: Digitization, mobility, accessibility.
Functional aspects: Websites, pages, hyperlinks, multimedia, animations.
Strategic aspects: Digital marketing, customer journey, natural search engine optimization (SEO), social media.
Current trends: Material design, responsive design, emotional design, gamification.

Hands-on work

Sites representative of UX trends. Creating an Experience Map.

User-centered design

Human factors: Physical, sociological, and psychological economics.
Bottom-Up vs. Top-Down approaches to ergonomics.
Quantitative/qualitative field studies: Interviews, focus groups, questionnaires.
Indirect studies: Contextual analysis, universal heuristic criteria, affordance.
User modeling: Personae.
Task modeling: Task tree, DAM, mental maps.

Hands-on work

Identifying a web app's personae and their main tasks.

Designing or correcting the web HCIs

Structuring the content: Map sorting, zoning, storyboarding.
Low/medium/high-fidelity mockups: Balsamiq, Axure, Photoshop.
Dynamic prototyping: HTML, CSS, Javascript.
Functional specifications.
Design for smartphones and tablets: Mobile First, fluid/adaptive design, gradual improvement.

Hands-on work

Mock up the screens of a web application based on a set of specifications.

Evaluate the web HMIs

Evaluation in design/correction ergonomics.
Expert auditing: Web evaluation matrices.
User tests: Guerilla/Remote/Lab Usability Testing.
Gathering direct data: Post-test questionnaire, evocation, eye tracking.
Gathering indirect data: A/B Testing, Web Analytics.

Hands-on work

Auditing an existing web product. Creating a test scenario with a questionnaire.

Certification

Registration for assessment and DiGiTT® certification is included in course registration. Certification is in the form of a 90-minute test. The result indicates your skill level out of 1000 points. Merely taking the course is not sufficient to achieve a maximum score. The exam must be both scheduled and then taken online within 4 weeks following the start of your session.

Practical details

Hands-on work

Examples will be analyzed together, and hands-on work (design, prototyping, auditing) will be carried out in small groups.

Customer reviews

4,2 / 5

Customer reviews are based on end-of-course evaluations. The score is calculated from all evaluations within the past year. Only reviews with a textual comment are displayed.

Dates and locations

Select your location or opt for the remote class then choose your date.

Remote class