Course Overview

Ever used an app or been on a website that was completely dysfunctional?  In this class you will learn how important the user experience is and how to build functional apps and websites.  Our approach is a combination of lecture and hands practical exercises to help a student learn the full UI/UX development model.  The student will be able to summarize and demonstrate all stages of the UI/UX development process, from user research to defining a project’s strategy, scope, and information architecture, to developing sitemaps and wireframes. You’ll learn current best practices and conventions in UX design and apply them to create effective and compelling screen-based experiences for websites or apps.

CLASS INFORMATION
Price: 
Call for Pricing
Duration: 
5 days or for 5 weeks attending 1 day per week for 6 hours days
  • Module 1: UX Fundamentals

    •  Identify principles of design in everyday life
    •  Introduce UX/UI terminology and practices
    •  Introduce design toolkit (Sketch, Figma, Webflow)
    •  Learn how software is designed: design vs engineering driven frameworks
    •  Explore tools used in the design process

    Module 2: Problem Framing and User Research

    •  Identify and apply research methods in order to understand stakeholders and build domain knowledge
    •  Create personas and proto-personas to understand and empathize with key users
    •  Practice user interviews to build confidence and improve question sets
    •  Build research reports and centralize learnings to improve design outcomes

    Module 3: Discovery Practices and Applied Research

    •  Build solution hypotheses based on user research insights
    •  Practice applying quantitative and qualitative research in the discovery phase of design
    •  Create user story maps to translate research into design solutions
    •  Conduct competitive research to identify value and delivery across project domain

    Module 4: Ideation and Crafting User Experience

    •  Learn and apply the principles of interaction design
    •  Practice applying UX principles to software mockups
    •  Utilize wireframing and component-first architecture to deliver value
    • Study UI fundamentals of hierarchy, typography, spacing, color

    Module 5: Prototyping and Interface Design

    •  Study advanced interfaces and prototyping techniques
    •  Practice designing features and layouts using UX principles
    •  Create usability tests to measure prototype UX
    •  Apply ‘design sprint’ methodology to the design process

    Module 6: Designing Engaging Products

    •  Apply the Hooked model to product design
    •  Study user flows and outcomes
    •  Evaluate dark patterns and how they’re used
    •  Learn how to communicate design choices

    Module 7: Qualitative and Quantitative Testing

    •  Introduce prototype testing tools (Invision, Adobe XD)
    •  Study user interactions to find bottlenecks
    •  Apply heatmaps, user flows, and time bars in testing

    Module 8: From Concept to Prototype

    •  Take an idea from concept to prototype
    •  Study advanced question sets, interview techniques
    •  Focus on case studies and examples: idea, UX concept, UI, and prototype

    Module 9: Mobile-First Design

    •  Study iOS design fundamentals
    •  Learn about Google Material Design fundamentals
    •  Build responsive patterns from web projects into mobile

    Module 10: Design Sprint, Part 1

    •  Start design sprint to develop UX from user stories
    •  Design features and user flows
    • Translate research learnings into mobile mockups

    Module 11: Design Sprint, Part 2

    •  Build design system for project
    •  Finalize design elements, navigation, typography, colors

    Module 12: Prototyping

    •  Build clickable prototypes in Figma/Sketch/Invision
    •  Meet with developers and review assets/layouts
    •  Create and apply usability tests to test solution hypotheses

    Module 13: Design Testing

    •  Implement feedback and revise designs
    • Critiquing app architecture and usability