58
Bh½<k 2766+0) 6*' 2+'%'5 61)'6*'4

CS & UX: Putting the pieces together

Embed Size (px)

DESCRIPTION

Content strategy (CS) and User experience (UX) might seem like completely separate disciplines. But the reality is they’re working towards the exact same goal: amazing digital experiences that satisfy both business objectives and user needs. So, instead of separating them shouldn’t we really be asking how the two could come together to create solutions? See how brother-and-sister duo Jon Hrach—UX Designer at Modest UX—and Anna Hrach—content strategy manager at ethology and co-organizer of the Phoenix Content Strategy Meetup—had to do just that when they went from tight-knit siblings to real-life coworkers.

Citation preview

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