kill design specs @ droidcon london 2014
DESCRIPTION
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".TRANSCRIPT
-�NN�&GUKIP�5RGEU7RZDUGV�D�QHZ�ZRUNIORZ�IRU�GHVLJQLQJ�DQG�
GHYHORSLQJ�ULFK�XVHU�H[SHULHQFHV�IRU�$QGURLG�DSSV
.KPVQP�;GLKOW�.CDU�+PE�
&TQKFEQP�.QPFQP��1EV������
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
#DQWV�WU
MLPX�0LUURU��OLYH�SUHYLHZ�RI�$QGURLG�OD\RXWV�RQ�UHDO�GHYLFHV
:H�DLP�WR�HOLPLQDWH�WKH�JDS�EHWZHHQ�8,�GHVLJQ�DQG�GHYHORSPHQW
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
2KEVWTG�VQ�CRR�9QTMHNQY9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
2KEVWTG�VQ�CRR�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
2KEVWTG�VQ�CRR�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
2KEVWTG�VQ�CRR�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
2KEVWTG�VQ�CRR�9QTMHNQY
0LVFRPPXQLFDWLRQ'XSOLFDWLRQ�RI�HIIRUW
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
2KEVWTG�VQ�CRR�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU #�9QTMKPI�#RRБ+FGC .KXG�2TQVQV[RGU
.KXG�2TQVQV[RKPI�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
'XSOLFDWLRQ�RI�HIIRUW0LVFRPPXQLFDWLRQ
2KEVWTG�VQ�CRR�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
'HVLJQ�ZLWK�SLFWXUHV
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
'XSOLFDWLRQ�RI�HIIRUW0LVFRPPXQLFDWLRQ�A�Q
2KEVWTG�VQ�CRR�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
'XSOLFDWLRQ�RI�HIIRUW0LVFRPPXQLFDWLRQ�A�Q
2KEVWTG�VQ�CRR�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9JCV�KH���'HVLJQ�ZLWK�SURWRW\SHV�WKDWƔ UXQ�RQ�WDUJHW�GHYLFHVƔ ORRN�DQG�IHHO�UHDO��QDWLYH��DW�IXOO�ILGHOLW\�
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9JCV�KH���'HVLJQ�ZLWK�SURWRW\SHV�WKDWƔ UXQ�RQ�WDUJHW�GHYLFHVƔ ORRN�DQG�IHHO�UHDO��QDWLYH��DW�IXOO�ILGHOLW\�
%NKEM�FWOOKGU 0CVKXG1P�EQORWVGTU�QT�YQTUG��RTQLGEVQTU�
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
&GOQ
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
'XSOLFDWLRQ�RI�HIIRUW0LVFRPPXQLFDWLRQ
2KEVWTG�VQ�CRR�9QTMHNQY
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9JCV�KH���Ɣ 3URWRW\SHV�DUH�UHXVDEOH�LQ�GHYHORSPHQWƔ 'HVLJQHUV�GLUHFWO\�FUHDWH�DQG�PDLQWDLQ�WKH�8,
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9JCV�KH���Ɣ 3URWRW\SHV�DUH�UHXVDEOH�LQ�GHYHORSPHQWƔ 'HVLJQHUV�GLUHFWO\�FUHDWH�DQG�PDLQWDLQ�WKH�8,
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9JCV�KH���Ɣ 3URWRW\SHV�DUH�UHXVDEOH�LQ�GHYHORSPHQWƔ 'HVLJQHUV�GLUHFWO\�FUHDWH�DQG�PDLQWDLQ�WKH�8,
0DNH�WKLQJV�HDVLHU
,QWHJUDWH�ZLWK�GHVLJQ�WRROV
7UDQVIHUDEOH�FRGH�DQG�DVVHWV7RROV
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9JCV�KH���Ɣ 3URWRW\SHV�DUH�UHXVDEOH�LQ�GHYHORSPHQWƔ 'HVLJQHUV�GLUHFWO\�FUHDWH�DQG�PDLQWDLQ�WKH�8,
0DNH�WKLQJV�HDVLHU
,QWHJUDWH�ZLWK�GHVLJQ�WRROV
7UDQVIHUDEOH�FRGH�DQG�DVVHWV
)DVW�IHHGEDFN
6DPSOH�GDWD
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9JCV�KH���Ɣ 3URWRW\SHV�DUH�UHXVDEOH�LQ�GHYHORSPHQWƔ 'HVLJQHUV�GLUHFWO\�FUHDWH�DQG�PDLQWDLQ�WKH�8,
0DNH�WKLQJV�HDVLHU
,QWHJUDWH�ZLWK�GHVLJQ�WRROV
7UDQVIHUDEOH�FRGH�DQG�DVVHWV
)DVW�IHHGEDFN
6DPSOH�GDWD
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RGU
1DWLYH
7LHG�WR�GHYHORSPHQW
%\�GHVLJQHUV
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
68&+�$�*5281'�%5($.,1*�1(:�,'($�
6JG�9GDБ
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
1DWLYH
7LHG�WR�GHYHORSPHQW
8VHG�E\�GHVLJQHUV
9KNN�KV�YQTM�HQT�OQDKNG!
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
+�FQ�NKMG�DGKPI�CDNG�VQ�WUG�GZCEVN[�#PFTQKFU�QYP�7+�KPVGTPCNU�UQ�VJCV�+�ECP�URGPF�VJG�VKOG�VWPKPI�VJG�CPKOCVKQPU�CPF�JCPF�KV�QXGT�VQ�GPIKPGGTU�����KPUVGCF�QH�VJGO�URGPFKPI�NQVU�QH�VKOG�VT[KPI�VQ�OCVEJ�O[�CPKOCVKQPU�
3DXO�6WDPDWLRX��6WDPP\�'HVLJQHU�DW�7ZLWWHU
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
%U\DQ�5LHJHU+HDG�RI�GHVLJQ��6N\VFDQQHU
6JG�PKEG�VJKPI�CDQWV�/KTTQT� �#PFTQKF�5VWFKQ�KU�JQY� FGUKIPGTU� ECP� GUUGPVKCNN[� WUG� QPG� VQQN��CPF� C� HCOKNKCT� YGDŨGUSWG� YQTMHNQY�� VQ� GCUKN[�FGUKIP�CPF�RTQVQV[RG�7:�KFGCU�HQT�#PFTQKF�
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
;FRGH�IRU�'HVLJQHUV 'HVLJQ���&RGHKWWS���OHDUQ�VFRWWKXUII�FRP� KWWSV���GHVLJQFRGH�LR�
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU #�9QTMKPI�#RRБ+FGC .KXG�2TQVQV[RGU
)JXNLS[JQTU
)JXNLS[JQTUYKVJ�.KXG�2TQVQV[RGU
JVVR���LKOWOKTTQT�EQO .KPVQP;G"NKPVQP[G
9QTMHNQY�/KITCVKQP�5VTCVGIKGU
Ɣ 6WDUW�OHDUQLQJ�$6$3ż ,W̵V�UHDOO\�QRW�WKDW�KDUGż ,W̵OO�PDNH�\RX�D�EHWWHU�GHVLJQHU
Ɣ &RFNWDLOż 8VH�D�K\EULG�ZRUNIORZ�DW�ILUVWż 'HVLJQHUV�WR�PRGLI\�FRGH�GLUHFWO\ż 'RQ̵W�WKURZ�DZD\�\RXU�̸VNHWFKLQJ̹�WRROV�\HW
Ɣ 6WDUW�ZLWK�VWDWLF�VWXIIż %XLOG�OD\RXWV��WKHPHV��VW\OHV�ILUVWż :DLW�IRU�WRROV�WR�JHW�UHDG\�IRU�RWKHU�WKLQJV
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9MFSP�>TZ�%QWRQP�%QFG��FTQKFEQPWMJVVR���LKOWOKTTQT�EQO
.KPVQP;G"NKPVQP[G