Transcript
Page 1: CS & UX: Putting the pieces together

Bh½<k2766+0)�6*'�2+'%'5�61)'6*'4

Page 2: CS & UX: Putting the pieces together

#00#�*4#%*%QPVGPV�5VTCVGI[�/CPCIGT�CV�GVJQNQI[

"CPPCDCPCPCJTCEJ

,10�*4#%*7:�&GUKIPGT��2TKPEKRCN�CV�/QFGUV�7:

"LQPJTCEJ

Page 3: CS & UX: Putting the pieces together

6JCPM�;QW�

Page 4: CS & UX: Putting the pieces together

%5�KP�C�PWVUJGNN

Page 5: CS & UX: Putting the pieces together

¦5Y��$+ &��&��� ���$�$+�����+ ������ÊY��ÉÊ�&+� $��5���ÉÊÊ�È�����É��(É&�§

%5�KP�C�PWVUJGNN

Page 6: CS & UX: Putting the pieces together

¦5Y��$+ &��&��� ���$�$+�����+ ������ÊY��ÉÊ�&+� $��5���ÉÊÊ�È�����É��(É&�§

c�BÉ ����h��Ê

%5�KP�C�PWVUJGNN

Page 7: CS & UX: Putting the pieces together

%*#4.+'�5*''0���75'4�':2'4+'0%'

/CLQT�.GCIWG�9KTGHTCOGU

��ò�2GTUQPCU�

6GUVKPI�YKVJ�6KIGT�$NQQF

9KPPKPI

Page 8: CS & UX: Putting the pieces together

W�)È(�ÊÊ�ÊÇ

Page 9: CS & UX: Putting the pieces together

%*#4.+'�5*''0���75'4�':2'4+'0%'

Page 10: CS & UX: Putting the pieces together

%*#4.+'�5*''0���75'4�':2'4+'0%'

Page 11: CS & UX: Putting the pieces together

%*#4.+'�5*''0���75'4�':2'4+'0%'

Page 12: CS & UX: Putting the pieces together

#)'0&#

%5�2TKOGT

7:�2TKOGT

7:���%5��%WV�HTQO�VJG�UCOG�ENQVJ

*QY�7:�CPF�%5�YQTM�VQIGVJGT

Page 13: CS & UX: Putting the pieces together

W�)È(

Page 14: CS & UX: Putting the pieces together

Bh

Page 15: CS & UX: Putting the pieces together

9JCV�KU�EQPVGPV�UVTCVGI[!

¦B+Ê��Ê��$� É��Ç&���ÉÊ$� + ���� �É��+Ê��È���"� &��ÉÊÈ�Ç+"� ÊÉÊ��+ ��$� �����$É����+Ê��Ê��§

c�7 �$��ÊÉ�4É�"+ $+Ê

Page 16: CS & UX: Putting the pieces together

7UGHWN��WUCDNG�EQPVGPV�

$WUKPGUU�)QCNU

7UGT�0GGFU

5GCTEJ

:

Page 17: CS & UX: Putting the pieces together

&GNKXGTCDNGU

KWWS���FRQWHQWPDUNHWLQJLQVWLWXWH�FRP���������FRQWHQW�VWUDWHJ\�FRQWHQW�PDUNHWLQJ�VHSDUDWH�FRQQHFWHG�

%QPVGPV�KPXGPVQT[

%QPVGPV�CWFKV

%QPVGPV�ICR�CPCN[UKU

7UGT�RGTUQPCU

'FKVQTKCN�ECNGPFCT

8QKEG��VQPG���UV[NG�IWKFG

)QXGTPCPEG�RNCP���VQ�PCOG�C�HGY�

Page 18: CS & UX: Putting the pieces together

5QOG�RGQRNG�CUM���

¦5$ÊY��+Ê��Ê��$� É��Ç&����$É���É$�+Ê��Ê�����É %���ÊÇ�+ �+Ê��Ê���É %���ÊÇ�$� É��Ç&J§

c�9+��=+���:��É$�

Page 19: CS & UX: Putting the pieces together

1WT�TGURQPUG���

Page 20: CS & UX: Putting the pieces together

%QPVGPV�OCTMGVKPI�KU�OCTMGVKPI

Page 21: CS & UX: Putting the pieces together

%QPPGEVGF�DWV�UGRCTCVG

%106'06�564#6'); %106'06�/#4-'6+0)

5WRRQTV�GHHGEVKXG�GZRGTKGPEGU�HQT�WUGTU

7UGHWN��WUCDNG�EQPVGPV

/QTG�VJCP�LWUV�YQTFU

$WUKPGUU�IQCNU�XU��WUGT�PGGFU

&GHKPGU���QXGTUGGU�CNN�EQPVGPV���GFKVQTKCN�FGXGNQROGPV�RTQEGUUGU

#VVTCEV���TGVCKP�EWUVQOGTU�VJTQWIJ�XCNWCDNG�EQPVGPV

%QPPGEV�YKVJQWV�UGNNKPI�VJGQT[�

$TCPFGF�EQPVGPV

1YPKPI�OGFKC�XU��TGPVKPI

5GCTEJ�DCUGF�VQ�JGNR�CRRGCT�YJGTG�WUGTU�CTG�UGCTEJKPI

KWWS���FRQWHQWPDUNHWLQJLQVWLWXWH�FRP���������FRQWHQW�VWUDWHJ\�FRQWHQW�PDUNHWLQJ�VHSDUDWH�FRQQHFWHG�

Page 22: CS & UX: Putting the pieces together

<k

Page 23: CS & UX: Putting the pieces together

9JCV�KU�7:!

Page 24: CS & UX: Putting the pieces together

+V·U�FGUKIP�

8KUWCN�

&GUKIP

%QPVGPV�

+PVGTCEVKQP

&GUKIP

+PHQTOCVKQP

#TEJKVGEVWTG

7:

9JCV�KU�7:!

Page 25: CS & UX: Putting the pieces together

9JCV�KU�7:!

+V·U�FGUKIP�

+V�RWVU�VJG�WUGT�HKTUV�75'4

/CTMGVKPI

6CEVKEU

5'1

%NKGPVU

Page 26: CS & UX: Putting the pieces together

9JCV�KU�7:!

+V·U�FGUKIP�

+V�RWVU�VJG�WUGT�HKTUV�

+V�WPFGTUVCPFU�VJG�WUGT����

4GUGCTEJ

2GTUQPCU

Page 27: CS & UX: Putting the pieces together

6JG�RTQFWEV�

&GNKXGTCDNGU

4GUGCTEJ��+PVGTXKGYU��CPCN[VKEU

#PCN[UKU��.QQMKPI�HQT�RCVVGTPU

+FGCVKQP��5MGVEJ�

9KTGHTCOGU��.QY�QT�JKIJ�HKFGNKV[

2TQVQV[RGU��*6/.��-G[PQVG��RCRGT

6GUVKPI�

Page 28: CS & UX: Putting the pieces together

&GNKXGTCDNGU

4GUGCTEJ��+PVGTXKGYU��CPCN[VKEU

#PCN[UKU��.QQMKPI�HQT�RCVVGTPU

+FGCVKQP��5MGVEJ�

9KTGHTCOGU��.QY�QT�JKIJ�HKFGNKV[

2TQVQV[RGU��*6/.��-G[PQVG��RCRGT

6GUVKPI�

Page 29: CS & UX: Putting the pieces together

#NYC[U�$G�6GUVKPI

Page 30: CS & UX: Putting the pieces together
Page 31: CS & UX: Putting the pieces together
Page 32: CS & UX: Putting the pieces together

7:�KU�[QWT�DTCPF�

Page 33: CS & UX: Putting the pieces together
Page 34: CS & UX: Putting the pieces together

B<D�@;Æ8�D43�h-83�BAÆD4

Page 35: CS & UX: Putting the pieces together
Page 36: CS & UX: Putting the pieces together
Page 37: CS & UX: Putting the pieces together

7:���%5�EQOG�HTQO�VJG�UCOG�RNCEG

/CFGÂPQV�DQTP�

5VWODNGF�WRQP�UQOGVJKPI�

%TGCVG�QTFGT�QWV�QH�EJCQU

#FXQECVG�HQT�VJG�WUGT

Page 38: CS & UX: Putting the pieces together

5RGCMKPI�WR!�0GXGT�C�RTQDNGO�

#UM�³YJ[!´

&QP·V�DG�CHTCKF�VQ�UVGR�QP�VQGU

.GCTP�VQ�VCNM�VQ�WUGTU

(KIJV�HKIWTCVKXGN[��HQT�YJCV�[QW�DGNKGXG�KP

%JCPIG�KU�JCTF�DWV�PGEGUUCT[

Page 39: CS & UX: Putting the pieces together

5KNQU�ECP¯V�GZKUV�DGVYGGP�%5���7:

UMKNNUGV�QTI

³%TGCVKPI�C�ITGCV�GZRGTKGPEG�TGSWKTGU�

EQPPGEVKPI�RCTVU�QH�VJG�QTICPK\CVKQP�VJCV�

WUWCNN[�FQPV�VCNM�VQ�GCEJ�QVJGT��+V�VCMGU�

FGFKECVKQP�VQ�DTKPI�VGCOU�VQIGVJGT�VQ�

UWRRQTV�C�ITGCV�WUGT�GZRGTKGPEG�´

��,CTGF�5RQQN

Page 40: CS & UX: Putting the pieces together

UMKNNUGV�QTI

0GY�$WUKPGUU�&GXGNQRGT

#EEQWPV/CPCIGT

2TQLGEV/CPCIGT

9GD#PCN[UV

2TQFWEGT

7UGT4GUGCTEJ

7:

%QPVGPV5VTCVGIKUV

+PHQ#TEJKVGEV

5'1

&GUKIPGT

2TQFWEVKQP�#UUKUVCPV

(TQPV�'PF&GX

$CEM�'PF&GX

5GTXGT#FOKP

+6

5KNQU�ECP¯V�GZKUV�DGVYGGP�%5���7:

Page 41: CS & UX: Putting the pieces together

UMKNNUGV�QTI

0GY�$WUKPGUU�&GXGNQRGT

#EEQWPV/CPCIGT

2TQLGEV/CPCIGT

9GD#PCN[UV

2TQFWEGT

7UGT4GUGCTEJ

7:

%QPVGPV5VTCVGIKUV

+PHQ#TEJKVGEV

5'1

&GUKIPGT

2TQFWEVKQP�#UUKUVCPV

(TQPV�'PF&GX

$CEM�'PF&GX

5GTXGT#FOKP

+6

5KNQU�ECP¯V�GZKUV�DGVYGGP�%5���7:

Page 42: CS & UX: Putting the pieces together

UMKNNUGV�QTI

0GY�$WUKPGUU�&GXGNQRGT

#EEQWPV/CPCIGT

2TQLGEV/CPCIGT

9GD#PCN[UV

2TQFWEGT

7UGT4GUGCTEJ

7:

%QPVGPV5VTCVGIKUV

+PHQ#TEJKVGEV

5'1

&GUKIPGT

2TQFWEVKQP�#UUKUVCPV

(TQPV�'PF&GX

$CEM�'PF&GX

5GTXGT#FOKP

+6

5KNQU�ECP¯V�GZKUV�DGVYGGP�%5���7:

Page 43: CS & UX: Putting the pieces together

UMKNNUGV�QTI

0GY�$WUKPGUU�&GXGNQRGT

#EEQWPV/CPCIGT

2TQLGEV/CPCIGT

9GD#PCN[UV

2TQFWEGT

7UGT4GUGCTEJ

7:

%QPVGPV5VTCVGIKUV

+PHQ#TEJKVGEV

5'1

&GUKIPGT

2TQFWEVKQP�#UUKUVCPV

(TQPV�'PF&GX

$CEM�'PF&GX

5GTXGT#FOKP

+6

5KNQU�ECP¯V�GZKUV�DGVYGGP�%5���7:

Page 44: CS & UX: Putting the pieces together

jÆ;759YDÆf3D43;

Page 45: CS & UX: Putting the pieces together

5WEEGUU�UVCTVU�CV�MKEMQHH

¦3"� &������ÊÇ��$�ÉÊ�+��+ ��Ê��&���j&�(É$���&+� � � $��+Ê�J§

c�7�"�Ê�8��4+ �ÉÊ

JVVR���CNKUVCRCTV�EQO�CTVKENG�MKEM�CUU�MKEMQHH�OGGVKPIU

Page 46: CS & UX: Putting the pieces together

)GV�VQIGVJGT���VCNM

2CKT�WR�[QWT�SWGUVKQPU

#UM�TGCN��JCTF�SWGUVKQPU

&KI�KPVQ�DWUKPGUU�IQCNU

7PFGTUVCPF�YJCV�VJG�ENKGPV�FQGU��KP�CFFKVKQP�VQ�YJ[

#UM�CNN�VJG�SWGUVKQPU

Page 47: CS & UX: Putting the pieces together

'ZVTGOGN[�XCNWCDNG�HQT�DQVJ�FKUEKRNKPGU

7PFGTUVCPF�YJCV·U�JCRRGPKPI�TKIJV�PQY

%QORCTG�VQ�YJCV�UJQWNF�DG�JCRRGPKPI

&KUEQXGT�YJCV·U�OKUUKPI

.QQM�CV�QP�UKVG�UGCTEJ��RGQRNG�

)GV�EQ\[�YKVJ�CPCN[VKEU

Page 48: CS & UX: Putting the pieces together

%106'06�564#6'); %1/$+0'& 75'4�':2'4+'0%'

8QKEG��VQPG���UV[NG

7UGHWN��WUCDNG�EQPVGPV

4�1�6��EQPVGPV

8QNWOG

0CXKICVKQP

2CIG�VGORNCVGU

%QPUKUVGPE[

*KGTCTEJ[

+PHQTOCVKQP�CTEJKVGEVWTG

5JCTCDKNKV[

$TCPFKPI

5GVU���FGNKXGTU�QP�GZRGEVCVKQPU

'HHKEKGPV�FGUKIP

9C[HKPFKPI

+PVWKVKXG

6GEJPKECNN[�UQWPF

#WFKV�CNN�VJG�VJKPIU

Page 49: CS & UX: Putting the pieces together

$QQ\G�JGNRU�

%QPVGPV�CWFKVKPI�CPF�CNEQJQN���+V,WUV/CMGU5GPUG�"UKVGYKTGCIGPE[

.KDDKG�/KNNGT%QPVGPV�5VTCVGIKUV

Page 50: CS & UX: Putting the pieces together

5KVGOCRU

7UG�CWFKVU�VQ�IWKFG�PGY�UVTWEVWTG

1TICPK\G�VJG�UKVG�KP�C�YC[�VJCV�OCMGU�UGPUG

'UVCDNKUJ�ETKVKECN�RCIG�EQPPGEVKQPU���HNQY�

)GV�C��������HQQV�XKGY�QH�GZRGTKGPEG

Page 51: CS & UX: Putting the pieces together

9KTGHTCOGU

$WKNF�C�VGORNCVG�OCR�KH�KV·U�C�%/5��.CDGN�VGORNCVGU�

#ITGG�QP�JKGTCTEJ[��EQPVGPV�CPF�XKUWCN

4CPM�KORQTVCPEG���VKOKPI�QH�OGUUCIG�FGNKXGT[

#EEQWPV�HQT�GXGT[�KPVGTCEVKQP�C�WUGT�OC[�JCXG

Page 52: CS & UX: Putting the pieces together

/KETQEQR[�EQPVGPV���FGNKXGT[�CTG�ETKVKECN�GZRGTKGPEGU

$WVVQPU�XU�.CDGNU

'TTQT�OGUUCIGU

6JG�&GXKN¯U�KP�VJG�&GVCKNU��

Page 53: CS & UX: Putting the pieces together

8QKEG���6QPG

Page 54: CS & UX: Putting the pieces together

%QPXGPVKQPU���#HHQTFCPEGU

%TGCVKPI�PGY�EQPXGPVKQPU�XU�GUVCDNKUJGF�RCVVGTPU

4GCF���HQNNQY�JWOCP�KPVGTHCEG�IWKFGNKPGU

/KPF�[QWT�CHHQTFCPEGU

6JKPM�CDQXG�VJG�RTQDNGO�

Page 55: CS & UX: Putting the pieces together

=+��ÉÈÈ����$� ��� ���+Ê� +������+�½��É���

8�$��ÉÊ����$��$�+(Ê��É��Ê��ÉÊÈ�$��Ê�+Ê�����

3"� &��ÊÇ�(+ %$��Ê�É �+Ê&�

c�D+Ê&�C�� +*��g:�<k�É��A���Ê$�+Ê

6JG�%QPFWEVQT���6JG�/WUKEKCP

Page 56: CS & UX: Putting the pieces together

BÆ9BA<h5Æ9

Page 57: CS & UX: Putting the pieces together

#FXQECVG�HQT�VJG�WUGT�

7:���%5�CTG�C�EQPUVCPV�VJTQWIJQWV�VJG�RTQLGEV�

6JG�FGVCKNU�OCVVGT�

%5�FQGU�PQV�UVCPF�HQT�³%JCTNKG�5JGGP´�

6CMGCYC[U

Page 58: CS & UX: Putting the pieces together

D4-97hK


Recommended