SlideShare a Scribd company logo
Teaching HCI TO
UNDERGRADUATE
COMPUTING STUDENTS:
SOME CONSIDERATIONS
CHITALY 2015, Roma, 28 Sept 2015
Roberto Polillo
DISCO – Università di Milano Bicocca
My experience
 HCI corse for Laurea Triennale Informatica (3d
year), University of Milano Bicocca
 15 editions since 2000
 Presently, 8 CFU (about 70 class hours)
(course size varied over the years 6  4  8
CFU
 Elective; average attendance: 80-100 students
p/y
 The course is supported by my book “Facile da
usare” (2010)
2
R.Polillo 28/9/2015
Why HCI to computing
undergrads
 Many undergrads will directly enter the job
market without additional studies
 Many will go to small organization or work as
freelancers…
 … so many will be the “sole” responsible of
design & implementation of small applications
(mobile, web)
Practical experience of designing usable
apps nowadays is essential
3
R.Polillo 28/9/2015
Course goals
 A practical, hands-on introduction to the
design of usable software applications
 Introduction to the basic concepts and
principles of Human Computer Interaction
4
R.Polillo 28/9/2015
Challenges
1. Very scarce teaching time
2. Typical computing students are “left
brained”
3. Difficulty of linking theory to the
practice of design
5
R.Polillo 28/9/2015
The “classical” course
organization6
Theory
Practice
Principles Deduction Laboratory
TOP-DOWN - DEDUCTIVE
In short: it does not work!
Often left as
a student
task
Often left as
a student
task
R.Polillo 28/9/2015
The “experiential” organization
7
It works (but is very demanding)
Practice
Theory
Laboratory Induction Principles
BOTTOM-UP – INDUCTIVE (EXPERIENTIAL)
MUST
involve the
teacher
MUST
involve the
teacher
R.Polillo 28/9/2015
The design project
 Groups of 3 students develop a mobile app
prototype, proposed by them (and approved)
 Must follow a precise well structured process
 No technical support for the OS &
development toolkit (chosen by the group)
 Final protype UI must be complete (but no
algorithms and db)
8
R.Polillo 28/9/2015
Typical mobile app examples
 Management of a personal library
 Management of payments for Milano ZTL
 Multi-user treasure hunt (geo-localized)
 Group excursion organization and support
(geo-localized)
 Support to footbal referee activity
 …
R.Polillo, 24.3.2014
9
An evolutionary design process
10
R.Polillo 28/9/2015
4
Final exam
Requiremen
ts
Interactive
“paper”
prototype
Review
Video
scenario
Navigation
prototype
(toolkit)
2
1
Graphical
prototype
(toolkit)
Usability
test (video
& report)
3
Review
Review
popapp.inpopapp.in
Conclusion: 10 Golden Rules
1) Practice first, concepts follow
2) “Real world” app design, whenever possible
3) Interaction, not description
4) Coaching and co-design, not teaching
5) Test with users
6) Improve prototypes until "WOW!"
7) Learn design, not design tools
8) Stimulate creativity
9) Leave technology details out of an HCI
course
10 Be prepared to allocate a lot of teacher time!
11
R.Polillo 28/9/2015
Thank you!
www.rpolillo.it
roberto.polillo@unimib
.it
12
R.Polillo 28/9/2015

More Related Content

PDF
Day3 arduino talk_iamthemedia
PDF
Code review
DOC
Template Piano Di Qualita
PPT
Figure libro "Plasmare il Web"
DOC
Template Documento dei requisiti
DOC
Template Intervista al commitente
PPT
22. Conclusioni del corso
PPTX
20. Social networks
Day3 arduino talk_iamthemedia
Code review
Template Piano Di Qualita
Figure libro "Plasmare il Web"
Template Documento dei requisiti
Template Intervista al commitente
22. Conclusioni del corso
20. Social networks

Viewers also liked (20)

PPTX
Open internet
PPTX
Wikipedia
PPT
Internet and sustainable telemedicine: an introduction
PPTX
Informatica, design e scienze umane: alcune riflessioni
PPT
The Web: evolution and perspective
PDF
Evoluzione dei sii web delle ONG italiane
PPTX
Presentazione del libro "Il non profit sul Web"
PDF
Il Non profit in rete: la presenza sul Web delle organizzazioni non profit
PPTX
21. Progettare per l'errore
PPT
20. Principi e linee guida (I)
PPTX
14. Progettare il testo
PPT
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
PPT
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
PPT
18. Paradigmi di interazione uomo macchina (III)
PPTX
15. Ancora sulla grafica
PPT
20. Principi e linee guida (II)
PPTX
19. Le organnizzazioni sul web e segg
PPTX
Conclusioni del corso
PPTX
18. Content sharing sites
PDF
Google art project - TTC
Open internet
Wikipedia
Internet and sustainable telemedicine: an introduction
Informatica, design e scienze umane: alcune riflessioni
The Web: evolution and perspective
Evoluzione dei sii web delle ONG italiane
Presentazione del libro "Il non profit sul Web"
Il Non profit in rete: la presenza sul Web delle organizzazioni non profit
21. Progettare per l'errore
20. Principi e linee guida (I)
14. Progettare il testo
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
18. Paradigmi di interazione uomo macchina (III)
15. Ancora sulla grafica
20. Principi e linee guida (II)
19. Le organnizzazioni sul web e segg
Conclusioni del corso
18. Content sharing sites
Google art project - TTC
Ad

Similar to Teaching HCI to computing students: some considerations (20)

PPT
Teaching HCI to Undegraduate Computing Students: the Quest for the Golden Rules
PDF
Teaching HCI to Undergraduate Computing Students: the Quest for the Golden Rules
PDF
Intelligent Interfaces ICS3211
PDF
ICS3211 lecture01
PPT
Implementing a mobile applications curriculum using flash copyright daniel d...
PDF
COMP 4026 - Lecture1 introduction
PPT
App inventor summit hsu-071713-slideshare
PPTX
Being human (Human Computer Interaction)
PPT
Summ11 useinterx
PPTX
IntrIntroduction
PDF
Implementing Modernization by Trevor Perry
PPTX
Introduction to HCI (UCC)
PPT
1-intro.ppt
PPT
1-intro.ppt
PDF
Webbt user_centred_demos
PPT
chap-01 HCI.ppt
PPT
Developing a mobile application curriculum which empowers authentic
PPT
Chapter 9 id2e_slides
Teaching HCI to Undegraduate Computing Students: the Quest for the Golden Rules
Teaching HCI to Undergraduate Computing Students: the Quest for the Golden Rules
Intelligent Interfaces ICS3211
ICS3211 lecture01
Implementing a mobile applications curriculum using flash copyright daniel d...
COMP 4026 - Lecture1 introduction
App inventor summit hsu-071713-slideshare
Being human (Human Computer Interaction)
Summ11 useinterx
IntrIntroduction
Implementing Modernization by Trevor Perry
Introduction to HCI (UCC)
1-intro.ppt
1-intro.ppt
Webbt user_centred_demos
chap-01 HCI.ppt
Developing a mobile application curriculum which empowers authentic
Chapter 9 id2e_slides
Ad

More from Roberto Polillo (14)

PDF
Future City, Ipotesi sulla città del futuro
PPTX
ICT e sviluppo sociale: alcune riflessioni
PPTX
Editoria e industria dei media di fronte alla rivoluzione digitale
PPTX
17. Web feed e aggregatori
PPTX
16. Social media
PPTX
15. La forma breve e il microblogging
PPTX
13. Conoscere l'utente: il sistema motorio
PPTX
14. I blog
PPTX
13. Internet business models
PPT
12. Mobile web
PPTX
12.Visione e progettazione grafica (I)
PPT
11. Evoluzione del Web (I)
PPTX
11. Conoscere l'utente (II)
PPTX
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...
Future City, Ipotesi sulla città del futuro
ICT e sviluppo sociale: alcune riflessioni
Editoria e industria dei media di fronte alla rivoluzione digitale
17. Web feed e aggregatori
16. Social media
15. La forma breve e il microblogging
13. Conoscere l'utente: il sistema motorio
14. I blog
13. Internet business models
12. Mobile web
12.Visione e progettazione grafica (I)
11. Evoluzione del Web (I)
11. Conoscere l'utente (II)
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il cor...

Recently uploaded (20)

PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
Pharma ospi slides which help in ospi learning
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
01-Introduction-to-Information-Management.pdf
PDF
TR - Agricultural Crops Production NC III.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Cell Structure & Organelles in detailed.
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
Complications of Minimal Access Surgery at WLH
PDF
Sports Quiz easy sports quiz sports quiz
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PPTX
master seminar digital applications in india
PDF
Pre independence Education in Inndia.pdf
PPTX
GDM (1) (1).pptx small presentation for students
Renaissance Architecture: A Journey from Faith to Humanism
O7-L3 Supply Chain Operations - ICLT Program
Final Presentation General Medicine 03-08-2024.pptx
Pharma ospi slides which help in ospi learning
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
01-Introduction-to-Information-Management.pdf
TR - Agricultural Crops Production NC III.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Cell Structure & Organelles in detailed.
VCE English Exam - Section C Student Revision Booklet
O5-L3 Freight Transport Ops (International) V1.pdf
Anesthesia in Laparoscopic Surgery in India
Complications of Minimal Access Surgery at WLH
Sports Quiz easy sports quiz sports quiz
human mycosis Human fungal infections are called human mycosis..pptx
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
master seminar digital applications in india
Pre independence Education in Inndia.pdf
GDM (1) (1).pptx small presentation for students

Teaching HCI to computing students: some considerations

  • 1. Teaching HCI TO UNDERGRADUATE COMPUTING STUDENTS: SOME CONSIDERATIONS CHITALY 2015, Roma, 28 Sept 2015 Roberto Polillo DISCO – Università di Milano Bicocca
  • 2. My experience  HCI corse for Laurea Triennale Informatica (3d year), University of Milano Bicocca  15 editions since 2000  Presently, 8 CFU (about 70 class hours) (course size varied over the years 6  4  8 CFU  Elective; average attendance: 80-100 students p/y  The course is supported by my book “Facile da usare” (2010) 2 R.Polillo 28/9/2015
  • 3. Why HCI to computing undergrads  Many undergrads will directly enter the job market without additional studies  Many will go to small organization or work as freelancers…  … so many will be the “sole” responsible of design & implementation of small applications (mobile, web) Practical experience of designing usable apps nowadays is essential 3 R.Polillo 28/9/2015
  • 4. Course goals  A practical, hands-on introduction to the design of usable software applications  Introduction to the basic concepts and principles of Human Computer Interaction 4 R.Polillo 28/9/2015
  • 5. Challenges 1. Very scarce teaching time 2. Typical computing students are “left brained” 3. Difficulty of linking theory to the practice of design 5 R.Polillo 28/9/2015
  • 6. The “classical” course organization6 Theory Practice Principles Deduction Laboratory TOP-DOWN - DEDUCTIVE In short: it does not work! Often left as a student task Often left as a student task R.Polillo 28/9/2015
  • 7. The “experiential” organization 7 It works (but is very demanding) Practice Theory Laboratory Induction Principles BOTTOM-UP – INDUCTIVE (EXPERIENTIAL) MUST involve the teacher MUST involve the teacher R.Polillo 28/9/2015
  • 8. The design project  Groups of 3 students develop a mobile app prototype, proposed by them (and approved)  Must follow a precise well structured process  No technical support for the OS & development toolkit (chosen by the group)  Final protype UI must be complete (but no algorithms and db) 8 R.Polillo 28/9/2015
  • 9. Typical mobile app examples  Management of a personal library  Management of payments for Milano ZTL  Multi-user treasure hunt (geo-localized)  Group excursion organization and support (geo-localized)  Support to footbal referee activity  … R.Polillo, 24.3.2014 9
  • 10. An evolutionary design process 10 R.Polillo 28/9/2015 4 Final exam Requiremen ts Interactive “paper” prototype Review Video scenario Navigation prototype (toolkit) 2 1 Graphical prototype (toolkit) Usability test (video & report) 3 Review Review popapp.inpopapp.in
  • 11. Conclusion: 10 Golden Rules 1) Practice first, concepts follow 2) “Real world” app design, whenever possible 3) Interaction, not description 4) Coaching and co-design, not teaching 5) Test with users 6) Improve prototypes until "WOW!" 7) Learn design, not design tools 8) Stimulate creativity 9) Leave technology details out of an HCI course 10 Be prepared to allocate a lot of teacher time! 11 R.Polillo 28/9/2015