teaching hci hcitoch pp
DESCRIPTION
TRANSCRIPT
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