Mobile is all about touch
1 like3,165 views
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.
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. Googles Android andApples iOS operating systems both heavily employ gestures.
- 6. by: Marc Fischer |GD 75UX/IxD Gestures PRESS Selectsa primary action smc.marcfischer.me
- 7. by: Marc Fischer |GD 75UX/IxD Gestures LONGPRESS Displays magnified view of editable text for cursor positioning smc.marcfischer.me
- 9. Gestures SMALLSWIPE 際際滷 horizontally to reveala delete button (iOSonly)
- 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.
- 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 visitors 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 answerYes 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."