During the pandemic all in-person classes are delivered live online. You can retake the course in-person at no cost once our classrooms reopen. See how live online training works in this brief video.

Learn about our Boston Training Center

American Graphics Institute

8 Cabot Rd
Woburn, MA
01801
USA
(781) 376-6044

Graphic Design Courses, Web Design Classes, Adobe Training, Photoshop Classes, InDesign Courses, HTML Classes, UX Classes, Creative Cloud Classes, Illustrator Classes, and Apple Training in Boston.

View Larger Map

All classes include

Free retakes

Detailed curriculum

Live instructor

Flexible rescheduling

Certificate of Completion

UX Class in Boston on October 20, 2023 UX Course for Mobile Devices and Touch Screens

UX Class: User Experience for Mobile Devices and Touch Screens

Fri, Oct 20 2023

AGI Training Boston

$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 Courses & UX Training

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

Testing your prototype
Refining the UX