Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[Wojtek Kalicinski] Android Wear UX at a glance

[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/

Google Developers Group Lviv

October 25, 2014
Tweet

More Decks by Google Developers Group Lviv

Other Decks in Programming

Transcript

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

    View full-size slide

  2. REAL LIFE
    GET PHONE GET LOST IN PHONE

    View full-size slide

  3. actions
    context

    View full-size slide

  4. actions
    context

    View full-size slide

  5. Forever Last year
    Last month NOW

    View full-size slide

  6. Think “actions”
    … not applications

    View full-size slide

  7. Glanceable
    understandable at a glance
    requiring minimal attention

    View full-size slide

  8. Content is king?

    View full-size slide

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

    View full-size slide

  10. One thing at a time
    one action per screen

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  13. Developing for Wear

    View full-size slide

  14. Notifications Applications

    View full-size slide

  15. NO WORK
    REQUIRED

    View full-size slide

  16. NO WORK
    REQUIRED

    View full-size slide

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

    View full-size slide

  18. 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 full-size slide

  19. Stacks Pages Replies

    View full-size slide

  20. Notifications Applications

    View full-size slide

  21. Data sync Custom layouts Voice actions

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  25. Data sync Custom layouts Voice actions

    View full-size slide

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

    View full-size slide

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

    View full-size slide