Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Kill design specs @ Droidcon London 2014

1,221 views

Published on

Towards a new workflow for designing and developing rich user experiences for Android apps.

This slide deck is an improved version based on our talk at Big Android BBQ, with more focus on the comparison between "Picture-to-app workflow" and "Live prototyping workflow".

Published in: Technology

Kill design specs @ Droidcon London 2014

  1. 1. -NNGUKIP5RGEU 7RZDUGVDQHZZRUNIORZIRUGHVLJQLQJDQG GHYHORSLQJULFKXVHUH[SHULHQFHVIRU$QGURLGDSSV .KPVQP;G LKOW.CDU+PE TQKFEQP.QPFQP1EV
  2. 2. #DQWVWU :HDLPWRHOLPLQDWHWKHJDSEHWZHHQ 8,GHVLJQDQGGHYHORSPHQW MLPX0LUURUOLYHSUHYLHZRI$QGURLG ODRXWVRQUHDOGHYLFHV .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  3. 3. .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  4. 4. .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  5. 5. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  6. 6. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  7. 7. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  8. 8. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  9. 9. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ 0LVFRPPXQLFDWLRQ 'XSOLFDWLRQRIHIIRUW .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  10. 10. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  11. 11. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RGU #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  12. 12. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ 0LVFRPPXQLFDWLRQ 'XSOLFDWLRQRIHIIRUW .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  13. 13. 'HVLJQZLWKSLFWXUHV .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  14. 14. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ 0LVFRPPXQLFDWLRQAQ 'XSOLFDWLRQRIHIIRUW .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  15. 15. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ 0LVFRPPXQLFDWLRQAQ 'XSOLFDWLRQRIHIIRUW .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  16. 16. 9JCVKH 'HVLJQZLWKSURWRWSHVWKDW Ɣ UXQRQWDUJHWGHYLFHV Ɣ ORRNDQGIHHOUHDOQDWLYHDWIXOOILGHOLW
  17. 17. .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  18. 18. 9JCVKH 'HVLJQZLWKSURWRWSHVWKDW Ɣ UXQRQWDUJHWGHYLFHV Ɣ ORRNDQGIHHOUHDOQDWLYHDWIXOOILGHOLW
  19. 19. 1PEQORWVGTU QTYQTUGRTQLGEVQTU %NKEMFWOOKGU 0CVKXG .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  20. 20. GOQ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  21. 21. 2KEVWTGVQCRR9QTMHNQY +FGC 9KTGHTCOGU /QEMWRU5RGEU #9QTMKPI#RRБ 0LVFRPPXQLFDWLRQ 'XSOLFDWLRQRIHIIRUW .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  22. 22. 9JCVKH Ɣ 3URWRWSHVDUHUHXVDEOHLQGHYHORSPHQW Ɣ 'HVLJQHUVGLUHFWOFUHDWHDQGPDLQWDLQWKH8, .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  23. 23. 9JCVKH Ɣ 3URWRWSHVDUHUHXVDEOHLQGHYHORSPHQW Ɣ 'HVLJQHUVGLUHFWOFUHDWHDQGPDLQWDLQWKH8, .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  24. 24. 9JCVKH Ɣ 3URWRWSHVDUHUHXVDEOHLQGHYHORSPHQW Ɣ 'HVLJQHUVGLUHFWOFUHDWHDQGPDLQWDLQWKH8, 0DNHWKLQJVHDVLHU 7RROV 7UDQVIHUDEOHFRGHDQGDVVHWV ,QWHJUDWHZLWKGHVLJQWRROV .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  25. 25. 9JCVKH Ɣ 3URWRWSHVDUHUHXVDEOHLQGHYHORSPHQW Ɣ 'HVLJQHUVGLUHFWOFUHDWHDQGPDLQWDLQWKH8, 0DNHWKLQJVHDVLHU )DVWIHHGEDFN 6DPSOHGDWD 7UDQVIHUDEOHFRGHDQGDVVHWV ,QWHJUDWHZLWKGHVLJQWRROV .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  26. 26. 9JCVKH Ɣ 3URWRWSHVDUHUHXVDEOHLQGHYHORSPHQW Ɣ 'HVLJQHUVGLUHFWOFUHDWHDQGPDLQWDLQWKH8, 0DNHWKLQJVHDVLHU )DVWIHHGEDFN 6DPSOHGDWD 7UDQVIHUDEOHFRGHDQGDVVHWV ,QWHJUDWHZLWKGHVLJQWRROV .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  27. 27. .KXG2TQVQV[RGU 1DWLYH 7LHGWRGHYHORSPHQW %GHVLJQHUV .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  28. 28. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RG #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  29. 29. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RG #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  30. 30. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RG #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  31. 31. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RG #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  32. 32. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RG #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  33. 33. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RG #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  34. 34. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RG #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  35. 35. 68+$*5281'%5($.,1*1(:,'($ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  36. 36. 6JG9GDБ
  37. 37. .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  38. 38. 1DWLYH 7LHGWRGHYHORSPHQW 8VHGEGHVLJQHUV .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  39. 39. 9KNNKVYQTMHQTOQDKNG!
  40. 40. 3DXO6WDPDWLRX6WDPP
  41. 41. 'HVLJQHUDW7ZLWWHU +FQNKMGDGKPICDNGVQWUGGZCEVN[#PFTQKF UQYP 7+KPVGTPCNUUQVJCV+ECPURGPFVJGVKOGVWPKPI VJGCPKOCVKQPUCPFJCPFKVQXGTVQGPIKPGGTU KPUVGCFQHVJGOURGPFKPINQVUQHVKOGVT[KPIVQ OCVEJO[CPKOCVKQPU .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  42. 42. %UDQ5LHJHU +HDGRIGHVLJQ6NVFDQQHU 6JGPKEGVJKPICDQWV/KTTQT #PFTQKF5VWFKQKU JQY FGUKIPGTU ECP GUUGPVKCNN[ WUG QPG VQQN CPF C HCOKNKCT YGDŨGUSWG YQTMHNQY VQ GCUKN[ FGUKIPCPFRTQVQV[RG7:KFGCUHQT#PFTQKF .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  43. 43. ;FRGHIRU'HVLJQHUV 'HVLJQRGH KWWSOHDUQVFRWWKXUIIFRP KWWSVGHVLJQFRGHLR .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  44. 44. .KXG2TQVQV[RKPI9QTMHNQY +FGC 9KTGHTCOGU .KXG2TQVQV[RGU #9QTMKPI#RRБ .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  45. 45. )JXNLS[JQTU
  46. 46. )JXNLS[JQTU YKVJ.KXG2TQVQV[RGU
  47. 47. 9QTMHNQY/KITCVKQP5VTCVGIKGU Ɣ 6WDUWOHDUQLQJ$6$3 ż ,W̵VUHDOOQRWWKDWKDUG ż ,W̵OOPDNHRXDEHWWHUGHVLJQHU Ɣ RFNWDLO ż 8VHDKEULGZRUNIORZDWILUVW ż 'HVLJQHUVWRPRGLIFRGHGLUHFWO ż 'RQ̵WWKURZDZDRXU̸VNHWFKLQJ̹WRROVHW Ɣ 6WDUWZLWKVWDWLFVWXII ż %XLOGODRXWVWKHPHVVWOHVILUVW ż :DLWIRUWRROVWRJHWUHDGIRURWKHUWKLQJV .KPVQP;G JVVRLKOWOKTTQTEQO NKPVQP[G
  48. 48. .KPVQP;G NKPVQP[G /CVV)KNGU/) 9MFSPTZ %QWRQP%QFGFTQKFEQPWM JVVRLKOWOKTTQTEQO .KPVQP;G NKPVQP[G

×