Inside: Touch gestures, screen layouts, alternative layouts, multi-device targeting and wearables.

1. Cloud
InteractionDesign
Android

2. Touch and Gestures

3. UI Elements Size for Touch

6. Mobile Screen ”HOT” Areas/ Reachability/ Handedness

7. Mobile Screen ”HOT” Areas/ Reachability/ Handedness

8. Mobile Screen ”HOT” Areas/ Reachability/ Handedness

9. Mobile Screen ”HOT” Areas/ Reachability/ Handedness

10. Mobile Screen ”HOT” Areas/ Reachability/ Handedness

11. Mobile Screen ”HOT” Areas/ Reachability/ Handedness

12. Touch and Gestures
• One Movement Trace per Touch Source (Pointer)
• Pointer ↔ Id
• Pointer <> index (change over the time)

13. Touch and Gestures Example

14. Touch and Gestures Example

15. Screen Sizes

16. Screen Sizes

17. Portrait
vs
LandScape

18. Portrait vs. LandScape

19. Portrait vs. LandScape

20. Alternate Layouts

21. Alternate Layouts

22. Alternate Layouts

23. Alternate Layouts

24. Alternate Layouts [Running]

25. Changing Orientation
Some device configurations can change during runtime (such as screen
orientation, keyboard availability, and language). When such a change occurs,
Android restarts the running Activity (onDestroy() is called, followed by
onCreate()).

26. Changing Orientation
The restart behavior is designed to help your application adapt to new
configurations by automatically reloading your application with alternative
resources that match the new device configuration.

27. Changing Orientation
onSaveInstanceState()

28. Changing Orientation
onCreate() or onRestoreInstanceState().

29. Retaining an Object During a
Configuration Change
http://developer.android.com/guide/topics/resources/runtime-­‐changes.html#RetainingAnObject

30. Retaining an Object During a
Configuration Change

31. Retaining an Object During a
Configuration Change

32. Multi-device Targeting

34. First learn what/is/for

35. Tablets
• 74% at home.
• For reading, games, consuming content.

36. Tablets
• 74% at home.
• For reading, games, consuming content.

37. Tablets
iPad Pro

38. Tablets
iPad Pro + Pencil

39. Devices – Web Apps

40. Devices – Native Apps

49. wrap_content and match_parent

51. Relative_layout

52. Wearables

53. Wearables

54. Add Pre-defined Text Responses

55. Receiving Voice Input in a
Notification

56. Receiving Voice Input in a
Notification
// Key for the string that's delivered in the action's intent
private static final String EXTRA_VOICE_REPLY = "extra_voice_reply";
String replyLabel = getResources().getString(R.string.reply_label);
RemoteInput remoteInput = new RemoteInput.Builder(EXTRA_VOICE_REPLY)
.setLabel(replyLabel)
.build();