SlideShare a Scribd company logo
Concept Mapping in
Interaction Design




IFI7156 Interaction Design Methods
(Vicwood40, 2005)
Elements of a concept map


•   Focus question

•   Concept terms

•   Linking lines

•   Labels
Role in interaction design


•   Summarizing design sessions

•   Establishing user interface vocabulary

•   Building a common understanding in a project
    team

•   Providing input for information architecture
Process
1. Identify a focus question
2. Write down main concepts
3. Choose the most general concept and categorize
   other concepts under that
4. Connect concepts with linking lines and choose
   appropriate labels
5. Introduce intermediate concepts when you have
   more than 4 concepts under any concept
Types of links

•   causal (leads to, produces)

•   explanation (is a reason for)

•   nominal (known as)

•   property (consists of, has)

•   procedure (results in, done by, way to do)

•   probable (likely, always)

•   event (comes before)

                                                 (Loganathan, 2010)
Concept mapping software



•   CmapTools: http://cmap.ihmc.us

•   Visual Understanding Environment: http://
    vue.tufts.edu
Why not mind maps?


•   Only one central
    concept

•   No linking labels

•   Typically only linear
    structure



                             (Nicoguaro, 2011)
Examples
(Leinonen et al, 2010)
(Põldoja & Väljataga, 2010)
(Põldoja et al, 2011)
References
• Leinonen, T., Purma, J., Põldoja, H., & Toikkanen, T. (2010). Information Architecture and
  Design Solutions Scaffolding Authoring of Open Educational Resources. IEEE
  Transactions on Learning Technologies, 3(2), 116–128. doi:10.1109/TLT.2010.2

• Loganathan, M. (2010). Concept map vs mind map. http://www.slideshare.net/
  muralidharanl/concept-map-vs-mind-map-6287765

• Nicoguaro (2011). Mind map guidelines. http://en.wikipedia.org/wiki/
  File:MindMapGuidlines.svg

• Põldoja, H., & Väljataga, T. (2010). Externalization of a PLE: Conceptual Design of
  LeContract. In The PLE 2010 Conference Proceedings. Barcelona: Citilab.

• Põldoja, H.,Väljataga, T., Laanpere, M., & Tammets, K. (2012). Web-based self- and peer-
  assessment of teachers’ digital competencies. World Wide Web. doi:10.1007/
  s11280-012-0176-2

• Vicwood40 (2005). Concept map. http://en.wikipedia.org/wiki/File:Conceptmap.gif
Photos
• Aaron E. Silvers, http://www.flickr.com/photos/silvers/6269204209/
Hans Põldoja
hans.poldoja@tlu.ee

Interaction Design Methods
http://ifi7156.wordpress.com

Tallinn University
Institute of Informatics

This work is licensed under the Creative Commons Attribution-ShareAlike 3.0
Unported License. To view a copy of this license, visit http://creativecommons.org/
licenses/by-sa/3.0/

More Related Content

DOCX
ABC's Of Rizal
PPTX
Chapter 1.pptx
PPT
PPTX
POWER POINT OF 7-JK: Pamumuhay sa ilalim ng mga hapones
PDF
Math10 tg u1
DOCX
Introduction in sona
PPTX
Manuel roxas
DOCX
Lupang hinirang lyrics1
ABC's Of Rizal
Chapter 1.pptx
POWER POINT OF 7-JK: Pamumuhay sa ilalim ng mga hapones
Math10 tg u1
Introduction in sona
Manuel roxas
Lupang hinirang lyrics1

What's hot (20)

DOCX
Andres bonifacio and the 1896 revolution
PPTX
PERIOD OF COLONIZATION
PPTX
First reactions to the noli; its attacks and defenses
PPTX
Modyul 15 batas militar
PPTX
Rizal in Japan
PPTX
MATH 6 Q2 WEEK 6-exponet and base for Grade 6
PPTX
MATH 6-Q1-WEEK_6.pptx
PPTX
Mga alaala ng pananakop ng mga hapon sa mga pilipino
PPTX
Paraan ng Pagtugon ng mga Fil sa kolonyalismong Espanyol
PPTX
Filipino nationalism
PPTX
Chapter-24.pptx Rizal's Last Homecoming & trial
PPTX
The propaganda movement
PPTX
Expanded Senior Citizen Act
PPTX
Ferdinand Magellan
PPTX
PROSEDUR & TATA TERTIB HONBU DOJO INKAI
PPTX
Rizal's ABC
DOCX
Nstp action plan
PDF
Mary Grace Natividad S. Poe-Llamanzares Vs. Commission on Elections and Estre...
PPTX
4.6 graciano lopez jaena
PPTX
Science breakthrough ii
Andres bonifacio and the 1896 revolution
PERIOD OF COLONIZATION
First reactions to the noli; its attacks and defenses
Modyul 15 batas militar
Rizal in Japan
MATH 6 Q2 WEEK 6-exponet and base for Grade 6
MATH 6-Q1-WEEK_6.pptx
Mga alaala ng pananakop ng mga hapon sa mga pilipino
Paraan ng Pagtugon ng mga Fil sa kolonyalismong Espanyol
Filipino nationalism
Chapter-24.pptx Rizal's Last Homecoming & trial
The propaganda movement
Expanded Senior Citizen Act
Ferdinand Magellan
PROSEDUR & TATA TERTIB HONBU DOJO INKAI
Rizal's ABC
Nstp action plan
Mary Grace Natividad S. Poe-Llamanzares Vs. Commission on Elections and Estre...
4.6 graciano lopez jaena
Science breakthrough ii
Ad

Similar to Concept Mapping in Interaction Design (20)

PDF
Concept Mapping in Interaction Design
PDF
Concept Mapping in Interaction Design
PPTX
Mooc pedagogies and learning design
PDF
Presenting constructive design research as a doctoral dissertation
PPTX
Human-AI Agent Dialogues_describe at icated 2025
PDF
Designing Problem Based Learning Online
PDF
eResearch
PDF
Wimmics Research Team 2015 Activity Report
PPTX
Interface Design
PPT
Introduction to OpenSemcq
PPTX
HEIT Conference Presentation of Dr. Roland vanOostveen, EILAB, UOIT
PPTX
EMMA Summer School - Rebecca Ferguson - Learning design and learning analytic...
PDF
2016-05-30 Venia Legendi (CEITER): Luis Pablo Prieto
PPTX
Tacit knowledge sharing in virtual teams: is it even possible?
PPT
PDF
An Introduction to Force11 at WWW2013
PPTX
Dl frameworks HERGS presentation
PPTX
Bridging the missing middle for al_tversionfinal_14_08_2014
PPTX
Mind the Gap: Bridging the Research–Practice Divide
PDF
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Concept Mapping in Interaction Design
Concept Mapping in Interaction Design
Mooc pedagogies and learning design
Presenting constructive design research as a doctoral dissertation
Human-AI Agent Dialogues_describe at icated 2025
Designing Problem Based Learning Online
eResearch
Wimmics Research Team 2015 Activity Report
Interface Design
Introduction to OpenSemcq
HEIT Conference Presentation of Dr. Roland vanOostveen, EILAB, UOIT
EMMA Summer School - Rebecca Ferguson - Learning design and learning analytic...
2016-05-30 Venia Legendi (CEITER): Luis Pablo Prieto
Tacit knowledge sharing in virtual teams: is it even possible?
An Introduction to Force11 at WWW2013
Dl frameworks HERGS presentation
Bridging the missing middle for al_tversionfinal_14_08_2014
Mind the Gap: Bridging the Research–Practice Divide
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Ad

More from Hans Põldoja (20)

PDF
Transforming Higher Education with Open Educational Practices
PDF
Digitaalsed õppematerjalid ja autoriõigus
PDF
Digitaalsed õppematerjalid ja autoriõigus
PDF
Digitaalsed õppematerjalid ja autoriõigus
PDF
Avatud haridus
PDF
Õpikeskkondade disain
PDF
Õpikeskkondadega seotud tehnoloogiad ja standardid
PDF
Digital transformation in education in Tallinn University
PDF
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
PDF
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
PDF
Digiõppevara autoriõigus
PDF
Viidete vormistamine APA 7 viitamissüsteemis
PDF
Esitluste koostamine ja avalik esinemine
PDF
Teadmuse visualiseerimise vahendid
PDF
Avatud haridus
PDF
Viidete vormistamine APA 7 viitamissüsteemis
PDF
Õpikeskkondade disain
PDF
Teadmuse visualiseerimise vahendid
PDF
Infoallikad, infootsing ja viitamine
PDF
Infoallikate hindamine, haldamine ja kasutamine
Transforming Higher Education with Open Educational Practices
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
Avatud haridus
Õpikeskkondade disain
Õpikeskkondadega seotud tehnoloogiad ja standardid
Digital transformation in education in Tallinn University
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
Digiõppevara autoriõigus
Viidete vormistamine APA 7 viitamissüsteemis
Esitluste koostamine ja avalik esinemine
Teadmuse visualiseerimise vahendid
Avatud haridus
Viidete vormistamine APA 7 viitamissüsteemis
Õpikeskkondade disain
Teadmuse visualiseerimise vahendid
Infoallikad, infootsing ja viitamine
Infoallikate hindamine, haldamine ja kasutamine

Recently uploaded (20)

PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
Urban Design Final Project-Context
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
12. Community Pharmacy and How to organize it
PDF
High-frequency high-voltage transformer outline drawing
PPTX
Implications Existing phase plan and its feasibility.pptx
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPT
UNIT I- Yarn, types, explanation, process
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Urban Design Final Project-Context
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
12. Community Pharmacy and How to organize it
High-frequency high-voltage transformer outline drawing
Implications Existing phase plan and its feasibility.pptx
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
Tenders & Contracts Works _ Services Afzal.pptx
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
BRANDBOOK-Presidential Award Scheme-Kenya-2023
UNIT I- Yarn, types, explanation, process
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
YV PROFILE PROJECTS PROFILE PRES. DESIGN
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
DOC-20250430-WA0014._20250714_235747_0000.pptx

Concept Mapping in Interaction Design

  • 1. Concept Mapping in Interaction Design IFI7156 Interaction Design Methods
  • 3. Elements of a concept map • Focus question • Concept terms • Linking lines • Labels
  • 4. Role in interaction design • Summarizing design sessions • Establishing user interface vocabulary • Building a common understanding in a project team • Providing input for information architecture
  • 5. Process 1. Identify a focus question 2. Write down main concepts 3. Choose the most general concept and categorize other concepts under that 4. Connect concepts with linking lines and choose appropriate labels 5. Introduce intermediate concepts when you have more than 4 concepts under any concept
  • 6. Types of links • causal (leads to, produces) • explanation (is a reason for) • nominal (known as) • property (consists of, has) • procedure (results in, done by, way to do) • probable (likely, always) • event (comes before) (Loganathan, 2010)
  • 7. Concept mapping software • CmapTools: http://cmap.ihmc.us • Visual Understanding Environment: http:// vue.tufts.edu
  • 8. Why not mind maps? • Only one central concept • No linking labels • Typically only linear structure (Nicoguaro, 2011)
  • 13. References • Leinonen, T., Purma, J., Põldoja, H., & Toikkanen, T. (2010). Information Architecture and Design Solutions Scaffolding Authoring of Open Educational Resources. IEEE Transactions on Learning Technologies, 3(2), 116–128. doi:10.1109/TLT.2010.2 • Loganathan, M. (2010). Concept map vs mind map. http://www.slideshare.net/ muralidharanl/concept-map-vs-mind-map-6287765 • Nicoguaro (2011). Mind map guidelines. http://en.wikipedia.org/wiki/ File:MindMapGuidlines.svg • Põldoja, H., & Väljataga, T. (2010). Externalization of a PLE: Conceptual Design of LeContract. In The PLE 2010 Conference Proceedings. Barcelona: Citilab. • Põldoja, H.,Väljataga, T., Laanpere, M., & Tammets, K. (2012). Web-based self- and peer- assessment of teachers’ digital competencies. World Wide Web. doi:10.1007/ s11280-012-0176-2 • Vicwood40 (2005). Concept map. http://en.wikipedia.org/wiki/File:Conceptmap.gif
  • 14. Photos • Aaron E. Silvers, http://www.flickr.com/photos/silvers/6269204209/
  • 15. Hans Põldoja hans.poldoja@tlu.ee Interaction Design Methods http://ifi7156.wordpress.com Tallinn University Institute of Informatics This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/ licenses/by-sa/3.0/