3-Hour Free UX Design Workshop

Workshop Overview:

This 3-hour introductory workshop aims to provide participants with a comprehensive understanding of the fundamental principles of User Interface (UI) and User Experience (UX) design. The course is structured to cover the basics of both UI and UX, empowering participants with the knowledge and skills needed to create user-centric designs.

Throughout the course, participants will gain insights into the vital role UI/UX plays in the success of businesses across industries (including non-tech sectors). Practical aspects, such as wireframing, prototyping, and usability testing, will be explored, alongside an introduction to popular UI design tools. The course will also delve into the user-centric aspects of UX design, with a focus on user research, the flow of information via information architecture, and the creation of user personas.

The concepts taught will be highlighted through case studies and examples, allowing participants to connect theory with real-world scenarios. The course will conclude with a Q&A session, fostering engagement and addressing any lingering questions.

Workshop Objectives:

By the end of this workshop, you will be able to:

• Explain the UX Design process and use it to identify problems and improve processes in any business
• Apply User Research methodologies such as User Personas to better empathize with your users
• Create a basic wireframe, enabling you to better visualize and communicate your designs to your team

Workshop Outline:

Intro to the UI/UX Design process

1.1 Introduction to UI/UX Design

• Definition and importance of UI and UX
• What is good / bad UX?
• Key differences between UI and UX

1.2 Evolution of UI/UX Design

• Foundations in Design Thinking

1.3 User Research and user-centric design

• The power of User Research
• Importance of empathy in design
• User personas and scenarios exercise

UI Design foundations

2.1 Principles of UI Design

• Clarity, Familiarity, User Ccntrol, Hierarchy, Flexibility, Accessibility
• Consistency, shortcuts, informative feedback, sense of closure, the ability to undo and make changes, supporting the Control that a user has, cognitive load

2.2 Responsive Design

• Basics of responsive web and mobile design

2.3 Wireframing and Prototyping

• Introduction to wireframes and their purpose
• From paper sketches to Low-fidelity prototypes – exercise

 Q&A (15 mins)