babbq5 - kill design specs
DESCRIPTION
This is the talk we've done at [Big Android BBQ 5](http://news.bigandroidbbq.com/2014/09/speaker-spotlight-linton-ye.html) Designers, how do you like making design specs (e.g. redlines)? It’s boring but necessary right? What if your design could be directly used in development without any misplaced paddings, drop shadows or animation curves that you carefully considered and tweaked? Developers, do you enjoy large numbers of seemingly minor UI tickets after you convert PSD comps to code? What if your designer could directly adjust the paddings, fonts and animations and you can focus on the functional side of the code? There are a lot of communication issues and waste in a typical PSD-to-code workflow for developing Android apps. The increased focus on motion in Material design adds another layer of complexity. The widening gap between design and development undermines our productivity and product quality. It is time to re-think our workflow. We need to empower designers to take direct control of the look and feel of the final product. We believe the key is to allow them to make “live prototypes”, high-fidelity prototype apps that run on target devices and can be smoothly transitioned to development. In this talk, we’ll explore a new workflow concept for Android development where such “live prototypes” are heavily used to bring all project participants a lot closer. We will compare some existing tools and demonstrate new tools we’ve made in this space. We will also discuss our experience making apps using these tools.TRANSCRIPT
-�NN�&GUKIP�5RGEU7RZDUGV�D�QHZ�ZRUNIORZ�IRU�GHVLJQLQJ�DQG�
GHYHORSLQJ�ULFK�XVHU�H[SHULHQFHV�IRU�$QGURLG�DSSV
.KPVQP�;G��/CVV�)KNGULKOW�.CDU�+PE�
$KI�#PFTQKF�$$3����1EV������
-�NN�&GUKIP�5RGEU7RZDUGV�D�QHZ�ZRUNIORZ�IRU�GHVLJQLQJ�DQG�
GHYHORSLQJ�ULFK�XVHU�H[SHULHQFHV�IRU�$QGURLG�DSSV
.KPVQP�;G��/CVV�)KNGULKOW�.CDU�+PE�
$KI�#PFTQKF�$$3����1EV������
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
#DQWV�WU
MLPX�0LUURU��OLYH�SUHYLHZ�RI�$QGURLG�OD\RXWV�RQ�UHDO�GHYLFHV
:H�DLP�WR�HOLPLQDWH�WKH�JDS�EHWZHHQ�8,�GHVLJQ�DQG�GHYHORSPHQW
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
2KEVWTG�VQ�CRR�9QTMHNQY9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
2KEVWTG�VQ�CRR�9QTMHNQY
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
2KEVWTG�VQ�CRR�9QTMHNQY
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
'XSOLFDWLRQ�RI�HIIRUW0LVFRPPXQLFDWLRQ
2KEVWTG�VQ�CRR�9QTMHNQY
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9KTGHTCOGU #�9QTMKPI�#RRБ+FGC .KXG�2TQVQV[RGU
.KXG�2TQVQV[RKPI�9QTMHNQY
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
'XSOLFDWLRQ�RI�HIIRUW0LVFRPPXQLFDWLRQ
2KEVWTG�VQ�CRR�9QTMHNQY
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
'XSOLFDWLRQ�RI�HIIRUW0LVFRPPXQLFDWLRQ�A�Q
2KEVWTG�VQ�CRR�9QTMHNQY
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
#ODKIWKV[������/KUEQOOWPKECVKQP�
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
&[PCOKE��KPVKOCVG�CPF�VCPIKDNG
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
// //
/
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
&GUKIP�D[�RKEVWTGU�����7PTGCNKUVKE�GZRGEVCVKQPU
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9JCV�KH���3URWRW\SHV�Ɣ UXQ�RQ�WDUJHW�GHYLFHVƔ ORRN�DQG�IHHO�UHDO��QDWLYH��DW�IXOO�ILGHOLW\�
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9JCV�KH���3URWRW\SHV�Ɣ UXQ�RQ�WDUJHW�GHYLFHVƔ ORRN�DQG�IHHO�UHDO��QDWLYH��DW�IXOO�ILGHOLW\�
%NKEM�FWOOKGU 0CVKXG1P�EQORWVGTU�QT�YQTUG��RTQLGEVQTU�
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
&GOQ
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9KTGHTCOGU /QEMWRU���5RGEU #�9QTMKPI�#RRБ+FGC
'XSOLFDWLRQ�RI�HIIRUW0LVFRPPXQLFDWLRQ
2KEVWTG�VQ�CRR�9QTMHNQY
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
)UDPHU3L[DWH
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9JCV�KH���Ɣ 3URWRW\SHV�DUH�UHXVDEOH�LQ�GHYHORSPHQWƔ 'HVLJQHUV�GLUHFWO\�FUHDWH�DQG�PDLQWDLQ�WKH�8,
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
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"
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
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
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
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
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9JCV�KH���Ɣ 3URWRW\SHV�DUH�UHXVDEOH�LQ�GHYHORSPHQWƔ 'HVLJQHUV�GLUHFWO\�FUHDWH�DQG�PDLQWDLQ�WKH�8,
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RGU
1DWLYH
7LHG�WR�GHYHORSPHQW
%\�GHVLJQHUV
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU .KXG�2TQVQV[RG #�9QTMKPI�#RRБ+FGC
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
68&+�$�*5281'�%5($.,1*�1(:�,'($�
6JG�9GDБ
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
1DWLYH
7LHG�WR�GHYHORSPHQW
8VHG�E\�GHVLJQHUV
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
(TQPV�GPF� EQFG� KU� KPVTKPUKECNN[� NKPMGF� VQ� VJG�FGUKIP�RTQEGUU��+VŨU�C�FGUKIP�VQQN�LWUV�CU�OWEJ�CU�2JQVQUJQRŲ� 6JG� FGUKIP� RTQEGUU� ECP� DGIKP� CPF�GPF� GPVKTGN[� KP� [QWT� ITCRJKEU� CRR�� DWVŲ�YKNN� PQV�CEVWCNN[�DG�EQORNGVG�WPVKN�KVŨU�EQFGF�
(OOLRW�-D\�6WRFNV&UHDWLYH�'LUHFWRU�RI�$GREH�7\SHNLW
9KNN�KV�YQTM�HQT�OQDKNG!
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
+�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'HVLJQHU�DW�7ZLWWHU
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
;FRGH�IRU�'HVLJQHUV 'HVLJQ���&RGHKWWS���OHDUQ�VFRWWKXUII�FRP� KWWSV���GHVLJQFRGH�LR�
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
.KXG�2TQVQV[RKPI�9QTMHNQY9KTGHTCOGU #�9QTMKPI�#RRБ+FGC .KXG�2TQVQV[RGU
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
1DWLYH
7LHG�WR�GHYHORSPHQW
%\�GHVLJQHUV
.KXG�2TQVQV[RGU
)JXNLS[JQTU
)JXNLS[JQTUYKVJ�.KXG�2TQVQV[RGU
.KPVQP;G"NKPVQP[G
/CVV)KNGU/)
9MFSP�>TZ�%QWRQP�%QFG��$#$$3JVVR���LKOWOKTTQT�EQO
.KPVQP;G"NKPVQP[G /CVV)KNGU/)