EIEIOTECHNOVATION
← Training programmes

EIEIO / AUTOMATION & EMERGING TECHNOLOGY

UI UX in Mobile Development

Course outline

2 days

Duration

UI/UX in Mobile Development

2 days

OVERVIEW

The UI/UX in Mobile Development course is designed to provide participants with a comprehensive understanding of User Interface (UI) and User Experience (UX) principles specifically tailored for mobile applications. Over the course of two days, participants will delve into fundamental principles, tools, case studies, and hands-on exercises to equip them with the skills necessary to design effective and engaging mobile user experiences. The course will primarily utilize Figma as the primary tool for practical exercises and prototyping.

PREREQUISITES

Expected to have a basic understanding of digital design concepts and familiarity with using computers and software applications.

AUDIENCE

This course is designed for individuals who are interested in pursuing a career or enhancing their skills in User Interface (UI) and User Experience (UX) design specifically for mobile applications. The target audience includes, but is not limited to:

Part 1 – Introduction to UI/UX Design

  • Overview of UI (User Interface) and UX (User Experience) design principles.
  • Importance of UI/UX in mobile development.
  • Introduction to the tools: Figma.

Part 2 – UI/UX Principles

  • Fundamentals of good UI design: layout, typography, color, and imagery.
  • Principles of effective UX design: usability, accessibility, and user flow.
  • Practical examples and case studies of successful UI/UX designs.

Part 3 – Design Thinking and User-Centered Design

  • Introduction to design thinking process. Principles of effective UX design: usability, accessibility, and user flow.
  • Understanding users: personas, user research, and empathy mapping.
  • Applying user-centered design principles in mobile UI/UX

Part 4 – Trends in Mobile UI/UX

  • Exploring current trends in mobile UI/UX design.
  • Case studies of popular apps and their design trends.
  • Predicting future trends and staying ahead in UI/UX design.

Part 5 – Figma Basics and Prototyping

  • Getting started with Figma: interface overview and basic tools.
  • Creating UI wireframes and prototypes in Figma.
  • Collaborative design workflows in Figma.

Part 6 – UI/UX Case Studies - Good vs Bad Design

  • Analyzing real-world examples of good and bad mobile UI/UX design. Creating UI wireframes and prototypes in Figma.
  • Gestalt principles and their application in mobile design.
  • Responsive design techniques for different screen sizes.
  • Micro-interactions and their impact on user engagement.

Part 7 – Designing for Accessibility and Inclusivity

  • Understanding accessibility requirements for mobile apps.
  • Designing inclusive UI/UX for diverse user groups.
  • Tools and resources for testing accessibility in mobile apps
  • hands-on design challenge.
  • Applying principles learned throughout the course to create a mobile UI/UX design.

Programme scope, delivery arrangements and suitability are confirmed during enquiry.