Developing i'm Watch apps - Droidcon Paris 2013

Barcamp presentation I gave at Droidcon Paris 2013 about developing Android apps for the i'm Watch (although the guidelines stand for most wearable devices). The presentation focuses mostly on user expectations on a smartwatch, and UI/UX guidelines.

Transcript

1. i'mdeveloper • • • • . ·~ • • •• < • • • • • • • • #' •• • •• • • • •• • • • • • • • • • • • • •
2. . , TM 1m Deve oping i'm Watch apps A quick introduction Sebastiano Poggi Software Engineer, i'm Spa Droidcon Paris 2013 i'mdeveloper •• -IL
3. i'm Droid i'm™ #imdeveloper · Customised version of Android · Smartwatch-optimized · Android 1 .6 (API level 4) Support Library v4 (Fragments, ViewPagers, Loaders, etc) · i'm Watch-specific libraries: - RTLHelper - Overlay Menu - Sensors API - Bluetooth API 3/12
4. User Experience AKA it ain't a phone! i'mdeveloR r 4,7"
5. i'm Watch user expectations · Extend smartphone user experience · Focus on the notifications and quick access to essential information · Smoothness: optimize and rationalize resources! · OverlayMenus instead of option menus · Apps configuration on i'm Cloud i'm™ #imdeveloper 5/12
6. Laser -focused · Do one thing and do it now · It's still a watch, only essential info · Most apps have just one Activity · KISS approach {Keep It Simple, Stupid!) O Comments O Like 0:00:00 START i'm™ #imdeveloper 6/12
7. Quite Android · Android design patterns! · Use ViewPagers, Fragments, Loaders etc · Simple and minimalistic UI, Holo-esque: - Black backgrounds, white and light gray content - One accent color throughout the app - Zero chrome (content-first) ~!) I x:x I I - us,e debugging co1 nnected A mmputer is connected to your watch t · USB CO·nnected Se I e ct to copy fl I es tolf rom your com~ i'm™ #imdeveloper 210 30 7/12
8. i'm Droid peculiarities It's speciaH No, really. i'mcloud ~c '
9. Apps configuration · Apps configuration done on i'm Cloud · Syncs 3rd party apps data since i'm Droid 2.2.0 · Configuration JSON declared on the Developer Console: Name* Prh!:e (Ecent').* Type* .___IMY_• · . A_ pp _ · _ _ _ _ _ _ _ _____.I lo I l~ To-ols----.~I A f. * pp con 1g { 11 n ot1 fl er'' :fa I s e 1 ' 1 des err pt ions" :{"v !ill I u es 11 :f ' it'' :11 Ness u n a co nfi g u r azi one necessarl a.'1 1 ''en'':11 No. conff guratf.0 11 needed.11 }}1 11 configurati onEntrles. ''*1} · Process JSON and update in a jiffy i'm™ #imdeveloper 9/12
10. The i'm Developer program Gives Android developers the tools, knowledge and support to develop i'm Watch apps. ·'mdeveloper · Getting started, step-by-step instructions · Downloads: ADB build of i'm Droid, drivers, etc · i'm Watch libraries and sample code · Top-notch developer technical support · i'm Spa GitHub account: https://github.com/imspa i'm™ #imdeveloper 10/12