teaching hci hcitoch pp

Teaching  HCI  in  the    Capital  of  Culture  Damjan  Obal,  Domen  Verber  University  of  Maribor  

I@nerary  

•  “The  Double  Challenge”                  featuring  Maribor  2012  &                                        University  of  Maribor.    

•  Challenges  faced,  ques@ons  asked  •  (re)Thinking  HCI  educa@on  •  Methodology:  “Experien@al  Double  Diamond”  

•  The  Case  •  What  now?    

“The  Double  Challenge.”  Featuring…  •  Maribor  –  European  Capital  of  Culture  2012.    

•  University  of  Maribor  -­‐  Media  Communica@on  MA  students  –  Ubiquitous  Compu@ng  for  Media  

Challenge(r)  #1:  Maribor  2012  

•  Engagement  (tourists  &  locals  &  youth!)  •  Connectednes  (content  &  people)  

Challenge(r)  #2:    Ubicomp4Media  •  Maribor  –  European  Capital  of  Culture  2012.    

•  University  of  Maribor  -­‐  Media  Communica@on  MA  students  –  Ubiquitous  Compu@ng  for  Media  

Challenges    Opportuni@es    •  Combine  challenges,  “open  the  box”  •  Real  problems  •  “Excuse”  to  move  to  HCI  

Framework    

•  Exposure  to  real  challenges  •  Concrete  goals  yet  open  the  process  •  UCD  &  Double  Diamond  

Framework    

•  Exposure  to  real  challenges  •  Concrete  goals  yet  open  the  process  •  UCD  &  Double  Diamond  

1/4  Discover  

•  UCD  and  HCI  101  –  Understand  your  users  

•  Exposed  to  challenges  (by  local  representa@ves,  businesses…)  

•  Explore  •  User  research  in-­‐the-­‐wild  •  DIVERGE  

Shadowing  (ethnographical  research)  

Show&Tell  (contextual  design,  eg.  Beyer,  Holzblaa)  

2/4  Define  

•  Synthesize    •  Data  >  info  >  knowledge  >  insight  =  

     UNDERSTANDING  •  Iden@fy  problems  &  opportuni@es  •  CONVERGE  

Personas  (see  Cooper  et  al.)  

Personas  &  Scenarios  (see  Cooper  et  al.)  

User  Journey  Map  (Service  Design)  

Izbrane vaje

Define  the  canvas  

3/4  Develop  

•  Quan@ty  >  Quality  •  Start  lo-­‐fi  and  wide  •  Show  to  students  &  users  •  Test/  learn/  iterate  •  DIVERGE  

Prototypes  

!

!

Prototypes  

7. Wireframe

Model

MY PLAN

START

MY SPIN

EXCERCISES

INFO

meni Uporabnik ustvari svoj plan:Urnik: Pri tej opciji uprabnik izbere dneve in ure v katerih !eli, da aplikaija te"e.

Uporabnik za!ene aplikacijo brez plana. Ta ga samodejno spominja na vaje.

Informacije o aplikaciji.

Informacije in zanimivosti o hrpt-enici, kto so pravilno sedenje, #tevilo vretenc...

Prikaz vseh vaj.

�

$5 F *5 2/89''+.*#+#,1'/�,��-/%�,'6�!'(��- �3#6�

+-%27,-01

"-"�3�,(�

,-3'&�0�"/=�(�

./')�6 03'&

0�"/=�(�

� �##"0� 11#,1'-,

� �'%&��/'-/'15

� �-/+�*��/'-/'15

� �-+.*#1#"

#.'7+

� ��!# --)

� �4'11#/

� ��+�'*

#579

� (= �'9+

� (=�!7/57/9=

� �626.'(+9/)'22=

-2'84'�625A',-3-01' -�$�)2*1#12��012"'(2��$�)2*1#10)#��)1'3,-01'� ���

-2'84'�625A''6%*#" ,-3-01'

#.'7+

� ��!# --)

� �4'11#/

� ��+�'*

"-"�( ,��1-�"-

*'012

�

$5 F *5 2/89''+.*#+#,1'/�,��-/%�,'6�!'(��- �3#6�

+-%27,-01

"-"�3�,(�

,-3'&�0�"/=�(�

./')�6 03'&

0�"/=�(�

� �##"0� 11#,1'-,

� �'%&��/'-/'15

� �-/+�*��/'-/'15

� �-+.*#1#"

#.'7+

� ��!# --)

� �4'11#/

� ��+�'*

#579

� (= �'9+

� (=�!7/57/9=

� �626.'(+9/)'22=

-2'84'�625A',-3-01' -�$�)2*1#12��012"'(2��$�)2*1#10)#��)1'3,-01'� ���

-2'84'�625A''6%*#" ,-3-01'

#.'7+

� ��!# --)

� �4'11#/

� ��+�'*

"-"�( ,��1-�"-

*'012

�

$5 F *5 2/89''+.*#+#,1'/�,��-/%�,'6�!'(��- �3#6�

+-%27,-01

"-"�3�,(�

,-3'&�0�"/=�(�

./')�6 03'&

0�"/=�(�

� �##"0� 11#,1'-,

� �'%&��/'-/'15

� �-/+�*��/'-/'15

� �-+.*#1#"

#.'7+

� ��!# --)

� �4'11#/

� ��+�'*

#579

� (= �'9+

� (=�!7/57/9=

� �626.'(+9/)'22=

-2'84'�625A',-3-01' -�$�)2*1#12��012"'(2��$�)2*1#10)#��)1'3,-01'� ���

-2'84'�625A''6%*#" ,-3-01'

#.'7+

� ��!# --)

� �4'11#/

� ��+�'*

"-"�( ,��1-�"-

*'012

Slika 7 – Pisanje dnevnika

Slika 8 – Igranje iger

Oblikovne lastnosti

Glede  desig

na  smo  želeli  doseči  čim  eneostavn

ejšo  obliko,  ki  bi  bila  z

a  uporabo  

pregledna in brez nepotrebnih elementov, ki delo z tehnologijo le zapletejo in

otežijo.  Prav  tako  upor

abnika  ne  želimo  zmesti  z  preve

č  barvami  in  grafičnimi  

oblikami,  tudi  te  želimo  obdržati  

enostavne  in  pregledne. Bolj podprobno smo o

designu,  glede  barv,  tip

ologije  in  razporeditv

e  razmišljali  ob  oblikovanju  h

i-fi

Oblikovanje lastne rešitve - Sendrop 20

FERI, ITK (mag) | TS: Poročilo

Prav tako ima nadzor nad lastnim računom (account settings).

Prikaz nekaterih informacij o orodju

(about).

Prototypes  

4/4  Deploy  

•  Synthesize  (again)  •  Finalize  &  refine  •  Pitch  solu@ons  to  open  public  •  Fight  &  commit  •  CONVERGE    

Rethinking  HCI  

•  No  way  to  teach  HCI  &  UCD  in  1  course  •  Experien@al  learning  (Obrenović)  •  HCI  is  interdisciplinary.  Endorse  it  as  such.    •  Fuzzy  goals  •  Real  people.  Real  challenges.  Real  ideas.  

– Mo@va@on  &  commitment  

•  “forced”  divergence  

What  now?    

•  Follow  the  good  guys  •  More  partners  (challenges)  •  Advocate  UCD  •  Teach  HCI  (guerilla?)    

And  culture?  

Damjan  Obal,  @damjanobal  Domen  Verber  University  of  Maribor    Venice,  September  2012