Coronavirus (COVID-19) information: Live classes available in-person or online from our fully vaccinated instructors. Learn more about our reopening.


UX Class Online December 19, 2022 for Mobile Devices and Touch Screens

UX Class: User Experience for Mobile Devices and Touch Screens

Mon, Dec 19 2022
10:00 am to 5:00 pm
American Graphics Institute American Graphics Institute
Online Training
American Graphics Institute AGI Training Online Online

2014-07-23 15:56:44 $495.00

Learn about UX for phones, tablets, and touch-screens along with special considerations when defining their UX and UI. This workshop teaches usability and interaction factors that impact mobile, tablet, and phone UX. Participants in this UX course discover how to create interfaces and interactions that are optimized for mobile and touch input. Learn how usability issues such as finger size, touch targets, single-hand use, and environment impact UX, and how to address these factors.

Download Course Description (PDF)     See all UX Classes and UX Courses

Part 1: Designing UX for mobile devices


There are many factors to consider when designing UX for mobile.
Understanding demographics of mobile app users to create a successful experience
  • Percentage of your user population accessing websites on mobile devices
  • Percentage of population using only mobile apps
Defining mobile apps
  • Difference between devices
  • Difference in user needs and requirements
  • Working with physical size, and orientation
  • Considering user postures and positions in design
  • Scenarios of use
Types of mobile apps


  • Responsive web sites
  • Understanding fluid layouts, media queries, and responsive media
  • Native apps
  • Understanding platforms and what additional features you can take advantage of
  • Hybrid apps
  • WebView apps and compiled hybrid apps
UX and Design approach to designing for mobile apps
  • Important components of mobile development
  • Building to multiple screen size
  • Popular screen resolutions
  • Options as a designer
Understanding the differences in user goals
  • Researching your mobile app user
  • Mapping out stories and scenarios for your mobile user (class project)
Building the information architecture for your mobile device
  • Establishing your features
  • Prioritizing features
  • Focus on where your user is, not where they can go
  • Testing you information architecture

Part 2: Designing UI and UX for touch


Touch is a language. Normally we’re used to thinking about interactions with the mouse. The language of the mouse has been fine-tuned over the last 25 years. We all know how to scroll, point and click. The language of touch is new to users and is evolving. Learn how to teach your users to take advantage of touch in your experiences.
Designing UX for touch on devices
  • Touch requirements
  • Orientation
  • Patterns of interaction
  • Direct manipulation
  • Providing Visual feedback
Primary touch gestures
  • Tap, Tap and hold, Swipes, pinch and zoom and more
  • Understanding that touch is not exact
  • Compensating for the lack of a hover state in touch
  • Best touch experiences for users based upon physical limitations.
Touch requirements for best user experience
  • Providing immediate feedback
  • Having content follow finger
  • Keeping interactions reversible
  • Providing visual feedback
Designing a touchable user interface (UI)
  • Understanding common postures for touch devices
  • Designing for the interaction vs. reading on a touch device
  • Avoiding occlusion
  • Building touchable UI
Part 3: Creating your UI for your mobile and touch devices


Understanding and using a typographic grid
  • Applying a grid to your mobile layout
  • Using typography to convey your information hierarchy
  • Taking advantage of metaphors in mobile design
Creating your wireframe
  • Creating and testing a wireframe for your mobile app
  • Adapting your wireframe for expanded break points
  • Testing your wireframe
Creating a mobile prototype
  • Paper prototype
  • Interactive prototype of your mobile app
  • Testing your prototype
  • Refining the UX