Mobile is all about TOUCH

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.

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.

Hand-held devices

How do you hold your phone? 49% one handed36% cradled15% two handed

Source: Steven Hoober 2013 UX Matters http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php

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 and Apple’s iOS operating systems both heavily employ gestures.

by: Marc Fischer |GD 75 ‘UX/IxD’

Gestures

PRESS Selects a

primary action

smc.marcfischer.me

by: Marc Fischer |GD 75 ‘UX/IxD’

Gestures

LONG PRESS Displays magnified

view of editable text for cursor

positioning

smc.marcfischer.me

Gestures

DOUBLE PRESS Zoom in and

zoom out

Gestures

SMALL SWIPE Slide horizontally

to reveal a delete button

(iOS only)

Gestures

LARGE SWIPE Scroll quickly

across content

Gestures

PINCH & SPREAD Zoom in and

zoom out

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.

TransitionsQuick change Expand

FlipSlide

UX Designers

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

UX Designer

What UX Designers Do

- User research + personas- Information architecture- Navigation design- Wireframes- Prototyping

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?

The UX Difference

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.

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.

UI Design

Navigational Components: slider, search field, icons

UI Design

Informational Components: tooltips, progress bar, notifications, message boxes

UI Design

by: smc.marcfischer.me

Input Controls: buttons, text fields, checkboxes, list boxes, toggles, date field

UI Goals

The goal of user interface design is to make the user'sinteraction as simple andefficient as possible.

It is important that UI be done according to standardsof usability "best practices."