[Wojtek Kalicinski] Android Wear UX at a glance

Presentation from GDG DevFest - the biggest Google related event in Ukraine. October 24-25, Lviv. Learn more at http://devfest.gdg.org.ua/

Transcript

1. Android Wear UX at a glance
   #androidwear
   +Wojtek Kalicinski
   CTO, Kalicinscy.com
   

   View Slide

2. View Slide

3. REAL LIFE
   GET PHONE GET LOST IN PHONE
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. BULL****
   

   View Slide

9. View Slide

10. View Slide

11. Interface
    

    View Slide

12. View Slide

13. actions
    

    View Slide

14. actions
    context
    

    View Slide

15. actions
    context
    

    View Slide

16. #UXdesign
    

    View Slide

17. Forever Last year
    Last month NOW
    

    View Slide

18. Think “actions”
    … not applications
    

    View Slide

19. Glanceable
    understandable at a glance
    requiring minimal attention
    

    View Slide

20. Content is king?
    

    View Slide

21. Content Context!
    give helpful suggestions
    respond to user’s demands
    

    View Slide

22. One thing at a time
    one action per screen
    

    View Slide

23. 5 seconds rule
    if it takes longer,
    it should (probably) happen on a phone
    

    View Slide

24. Simplify
    use a flat navigation structure,
    make decisions for the user where it’s appropriate
    

    View Slide

25. View Slide

26. Developing for Wear
    

    View Slide

27. Notifications Applications
    

    View Slide

28. View Slide

29. View Slide

30. NO WORK
    REQUIRED
    

    View Slide

31. View Slide

32. View Slide

33. NO WORK
    REQUIRED
    

    View Slide

34. import android.support.v4.app.NotificationCompat ;
    import android.support.v4.app.NotificationManagerCompat ;
    import android.support.v4.app.NotificationCompat.WearableExtender ;
    

    View Slide

35. Notification notif = new NotificationCompat .Builder(mContext)
    .setContentTitle( "New mail from " + sender.toString())
    .setContentText(subject)
    .setSmallIcon( R.drawable.new_mail)
    .extend(new NotificationCompat.WearableExtender()
    .setContentIcon(R.drawable.new_mail))
    .build();
    NotificationManagerCompat .from(mContext).notify( 0, notif);
    

    View Slide

36. Stacks Pages Replies
    

    View Slide

37. Notifications Applications
    

    View Slide

38. Data sync Custom layouts Voice actions
    

    View Slide

39. android.webkit
    android.print
    android.app.backup
    android.appwidget
    android.hardware.usb
    HTTP
    Socket
    

    View Slide

40. android.webkit
    android.print
    android.app.backup
    android.appwidget
    android.hardware.usb
    X
    HTTP
    Socket
    X
    

    View Slide

41. View Slide

42. Mario Viviani
    https://github.com/Mariuxtheone/Teleport
    Teleport - Data Sync & Messaging Library
    for Android Wear
    

    View Slide

43. Data sync Custom layouts Voice actions
    

    View Slide

44. What next?
    Getting Started with Android Wear
    developer.android.com/wear
    

    View Slide

45. Thank you!
    google.com/+Wojtek Kalicinski
    g+
    

    View Slide