This document discusses user interaction design for mobile devices. It covers topics like touchscreen ergonomics, common gestures like tap, swipe and pinch-to-zoom, transitions between app screens, and the roles of UX and UI designers in creating intuitive, easy-to-use mobile apps. UX designers focus on user research, information architecture, and prototyping to optimize the user experience, while UI designers create graphical elements and navigation components for direct user interaction. The overarching goal is to design highly usable apps that provide clear value and are simple for users to employ.

1. Mobile is
all about
TOUCH

2. Design of Interactions
Mobile devices employ touch screens; which
provide unique opportunities and constraints to
view and interact with content.
IxD Designers consider ergonomics, gestures,
transitions,and finally, mobile-specific interaction
patterns.

3. Ergonomics
Pay attention to device dimensions and concerns
of touch screens.
The way a user holds a device and touches the
screen,for example,influences how easy it is for
that user to reach parts of the screen.

4. Hand-held devices
How do you hold
your phone?
49% one handed
36% cradled
15% two handed
Source:
Steven Hoober 2013 UXMatters
http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php

5. Gestures
Gestures are a crucial component of mobile IxD.
Each part of a touchscreen is dedicated to specific
functionality and displays content in that area.
Google’s Android andApple’s iOS operating
systems both heavily employ gestures.

6. by: Marc Fischer |GD 75‘UX/IxD’
Gestures
PRESS
Selectsa
primary
action
smc.marcfischer.me

7. by: Marc Fischer |GD 75‘UX/IxD’
Gestures
LONGPRESS
Displays magnified
view of editable
text for cursor
positioning
smc.marcfischer.me

8. Gestures
DOUBLEPRESS
Zoom in and
zoom out

9. Gestures
SMALLSWIPE
Slide horizontally
to reveala
delete button
(iOSonly)

10. Gestures
LARGESWIPE
Scrollquickly
acrosscontent

11. Gestures
PINCH&
SPREAD
Zoom in and
zoom out

12. Transitions
Transitions and animations help boost user-
engagement by creating interactions that connect
the boundaries between app pages.
Transitions facilitate recall and prevent users from
getting lost.

13. Transitions
Quick change Expand
FlipSlide

14. UXDesigners
UX designers aim to create apps
that are easy to use,have utility,
and are efficient at performing
tasks.
UX designers create user-friendly
sub-systems for:
- App sign-up process
- User profile setup
- Navigation scheme

15. UXDesigner
What UX Designers Do
- User research + personas
- Information architecture
- Navigation design
- Wireframes
- Prototyping

16. Why is it Important?
App success hinges on one thing -- how users
perceive it!
Questions immediately run through a visitor’s mind
when they interact with technology.Instant decisions
are made...will they open the app again or simply
delete it?

17. The UXDifference
APP USERS WILL ASK...
“What value am I receiving? Is it easy to use?”
User experience design is all about striving to
make them answer“Yes” to all of those
questions.

18. UI Designers
User Interface Designers
create graphical elements that
users will directly interact
with.
The graphical interface is
usually placed into wireframes
before being handed off to the
development team.

19. UI Design
Navigational Components: slider,search field,icons

20. UI Design
Informational Components: tooltips,progress bar,
notifications, message boxes

21. UI Design
by: smc.marcfischer.me
Input Controls:buttons,text fields, checkboxes, list boxes,
toggles, date field

22. UI Goals
The goal of user interface design
is to make the user's
interaction as simple and
efficient as possible.
It is important that UI be done
according to standardsof
usability "best practices."