SlideShare a Scribd company logo
Concept Mapping
in Interaction
Design
IFI7313.DT Interaction Design Methods
Novak, J. D. (2010). Learning, Creating, and Using
Knowledge: Concept Maps as Facilitative Tools in
Schools and Corporations. New York, NY:
Routledge.
(CmapTools, n.d.)
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
(CmapTools, n.d.)
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)
http://cmap.ihmc.us
Examples
(Leinonen et al., 2010)
(Põldoja & Väljataga, 2010)
(Põldoja et al., 2014)
Why not mind maps?
• Only one central concept
• No linking labels
• Typically only linear structure
EduFeedr personas
Primary persona
Examples
Teemu
Hans
Mart
Secondary persona
Examples
Terje
Kairit
Supplemental personas
Goals
To get a quick overview of latest posts in
the course
Description
34 years old lecturer, long time doctoral
student, has background in education but
is quite technically savvy, early adopter of
new technologies, has long experience in
online learning, wantʼs to try out
something different in each course, is
participating in several projects and
travelling quite often, has a constant lack
of time, often reads the blog posts from his
iphone but is planning to write comments
later, sometimes leaves the laptop at work
and writes comments from his iPad.
Understands that the technology may
have certain limitations when it is still
under development.
To give better feedback for the students
To have multiple ways for browsing the
course
Teacher
Examples
Varje
Heikki
Student
Examples
Maris
Elyna
Goals
To create a functional learning community
To give support and feedback for all
students
To use course data for research purposes
Description
28 years old PhD student, teaching her
second online course, average computer
user, experienced in using web 2.0 tools,
very systematic, wants to use course data
for research purposes. Wantʼs to have a
reliable system. Is using desktop RSS
reader in addition to EduFeedr.
Goals
Description
Goals
Not to spend to much time on managing
the course
To make students to submit their
assignments on time
To be sure that the system is reliable
Description
Teacher in a vocational school, has some
experience both in using Moodle and in
using social software. Wantʼs to have his
first blog-based course. Is not using RSS
reader.
To find inspiration from other student
blogs
To explore other open courses
Customer personaEducational technologist
Examples
Krista
Marge
Marko
Negative persona
ExamplesAnne
Goals
To have one learning platform that
satisfies all her needs
To customize the learning platform
according to her taste and needs
Goals
Description
To get teachers using the system
To be sure that the system is reliable
Not to spend too much time on supporting
the users
...
...
Description...
Ilya
To get statistics about the use in their
institution
References
• CmapTools (n.d.). http://cmapskm.ihmc.us/rid=1064009710027_1483270340_27090/CmapTools%20-
%20Concept%20Map%20About%20Concept%20Maps.cmap
• CmapTools (n.d.). http://cmapskm.ihmc.us/rid=1064009710027_279131382_27088/CmapTools%20-
%20Bulding%20a%20Concept%20Map.cmap
• 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
• 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. (2014). Web-based self- and peer-assessment of teachers’
digital competencies. World Wide Web, 17(2), 255–269. doi: 10.1007/s11280-012-0176-2
This work is licensed under the Creative Commons Attribution-ShareAlike 4.0
International License. To view a copy of this license, visit
http://creativecommons.org/licenses/by-sa/4.0/
Hans Põldoja
hans.poldoja@tlu.ee
IFI7313.DT Interaction Design Methods
https://ifi7313.wordpress.com
Tallinn University
School of Digital Technologies

More Related Content

PDF
Concept Mapping in Interaction Design
PDF
Concept Mapping in Interaction Design
PDF
Learning analytics in blog-based learning environments
PDF
Online Learning and Open Educational Practices in Tallinn University
PDF
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
PPTX
EMMA Summer School - E. Bruno, I. Merciai, M. Tizzani - MOOC Production autho...
PDF
Introduction to the course
PDF
The Structure and Components for the Open Education Ecosystem
Concept Mapping in Interaction Design
Concept Mapping in Interaction Design
Learning analytics in blog-based learning environments
Online Learning and Open Educational Practices in Tallinn University
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
EMMA Summer School - E. Bruno, I. Merciai, M. Tizzani - MOOC Production autho...
Introduction to the course
The Structure and Components for the Open Education Ecosystem

What's hot (20)

DOC
Teaching and learning with Internet-supported technologies - Course syllabus
PPTX
Twitter for academic writing
PPT
Eurocall 2014 O'Dowd
PPT
Presentacion adria1 ingles
PPT
The Research and Evaluation of current Trend in Education-Second Life and U-L...
PPTX
Technology Integration in the ES Math Classroom
PPT
Cenec Focus Group, Gianluigi Bodi, CENEC
PPTX
Ieol questionnaires portugal
PDF
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
PPT
Richard Hotte: Licef presentation for LKL
PPT
Conole Jisc Lxp
PDF
[OOFHEC2018] Karen Moller & Birthe Aagesen: the Learning Management System as...
PPT
Conole sydney
PPTX
Reform of Informatics Curriculum and Teacher Training in Estonia
PPT
Whats Possible With Educational Technology
PPT
Lecture 1: Human-Computer Interaction Introduction (2014)
PDF
MOOCs & Social Learning: Challenges and opportunities
PPTX
EDUC5101 1st Adobe Connect Session Presentation (Jan-12-16)
PDF
Introduction to Interaction Design
Teaching and learning with Internet-supported technologies - Course syllabus
Twitter for academic writing
Eurocall 2014 O'Dowd
Presentacion adria1 ingles
The Research and Evaluation of current Trend in Education-Second Life and U-L...
Technology Integration in the ES Math Classroom
Cenec Focus Group, Gianluigi Bodi, CENEC
Ieol questionnaires portugal
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Richard Hotte: Licef presentation for LKL
Conole Jisc Lxp
[OOFHEC2018] Karen Moller & Birthe Aagesen: the Learning Management System as...
Conole sydney
Reform of Informatics Curriculum and Teacher Training in Estonia
Whats Possible With Educational Technology
Lecture 1: Human-Computer Interaction Introduction (2014)
MOOCs & Social Learning: Challenges and opportunities
EDUC5101 1st Adobe Connect Session Presentation (Jan-12-16)
Introduction to Interaction Design
Ad

Similar to Concept Mapping in Interaction Design (20)

PDF
Teaching Interaction Design
PDF
OSCON 2007: Open Design, Not By Committee
PPTX
Designing Better Experiences
PPTX
PETE&C 2018: You want me to do what? Trends and Standards
PDF
PxS’12 - week 4 - UX design techniques
KEY
What Makes a Good Moodle course
PDF
Session UXnUI SJCIT-1.0.1-1apr2019-desops.io
PDF
A Practice-Led Account of the Conceptual Evolution of UX Knowledge
PDF
Apertura al conocimiento: un radar de aceleradores del cambio skills knowmads ok
PPTX
Interaction design workshop
PDF
Validating Ideas Through Prototyping
PDF
asdfas
PDF
PPT
MIT Course - What is Experience Design
PDF
Complete Introduction to Service Design and Design Thinking
PDF
Personal Learning Environment - a Conceptual Study
PPT
Conole_AECT_presentation
PPTX
Designing for People
PPTX
Usability and User Experience Training Seminar
PPT
MyUOC: A New Solution for Creating Versatile Learning Environments (presented...
Teaching Interaction Design
OSCON 2007: Open Design, Not By Committee
Designing Better Experiences
PETE&C 2018: You want me to do what? Trends and Standards
PxS’12 - week 4 - UX design techniques
What Makes a Good Moodle course
Session UXnUI SJCIT-1.0.1-1apr2019-desops.io
A Practice-Led Account of the Conceptual Evolution of UX Knowledge
Apertura al conocimiento: un radar de aceleradores del cambio skills knowmads ok
Interaction design workshop
Validating Ideas Through Prototyping
asdfas
MIT Course - What is Experience Design
Complete Introduction to Service Design and Design Thinking
Personal Learning Environment - a Conceptual Study
Conole_AECT_presentation
Designing for People
Usability and User Experience Training Seminar
MyUOC: A New Solution for Creating Versatile Learning Environments (presented...
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
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPT
Machine printing techniques and plangi dyeing
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
rapid fire quiz in your house is your india.pptx
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Interior Structure and Construction A1 NGYANQI
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
Special finishes, classification and types, explanation
PPTX
joggers park landscape assignment bandra
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
EDP Competencies-types, process, explanation
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
6- Architecture design complete (1).pptx
PPTX
Implications Existing phase plan and its feasibility.pptx
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPT
UNIT I- Yarn, types, explanation, process
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Machine printing techniques and plangi dyeing
DOC-20250430-WA0014._20250714_235747_0000.pptx
rapid fire quiz in your house is your india.pptx
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Interior Structure and Construction A1 NGYANQI
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Special finishes, classification and types, explanation
joggers park landscape assignment bandra
Wisp Textiles: Where Comfort Meets Everyday Style
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
EDP Competencies-types, process, explanation
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
6- Architecture design complete (1).pptx
Implications Existing phase plan and its feasibility.pptx
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
UNIT I- Yarn, types, explanation, process

Concept Mapping in Interaction Design

  • 2. Novak, J. D. (2010). Learning, Creating, and Using Knowledge: Concept Maps as Facilitative Tools in Schools and Corporations. New York, NY: Routledge.
  • 4. Elements of a concept map • Focus question • Concept terms • Linking lines • Labels
  • 5. Role in interaction design • Summarizing design sessions • Establishing user interface vocabulary • Building a common understanding in a project team • Providing input for information architecture
  • 6. 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
  • 8. 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)
  • 14. Why not mind maps? • Only one central concept • No linking labels • Typically only linear structure EduFeedr personas Primary persona Examples Teemu Hans Mart Secondary persona Examples Terje Kairit Supplemental personas Goals To get a quick overview of latest posts in the course Description 34 years old lecturer, long time doctoral student, has background in education but is quite technically savvy, early adopter of new technologies, has long experience in online learning, wantʼs to try out something different in each course, is participating in several projects and travelling quite often, has a constant lack of time, often reads the blog posts from his iphone but is planning to write comments later, sometimes leaves the laptop at work and writes comments from his iPad. Understands that the technology may have certain limitations when it is still under development. To give better feedback for the students To have multiple ways for browsing the course Teacher Examples Varje Heikki Student Examples Maris Elyna Goals To create a functional learning community To give support and feedback for all students To use course data for research purposes Description 28 years old PhD student, teaching her second online course, average computer user, experienced in using web 2.0 tools, very systematic, wants to use course data for research purposes. Wantʼs to have a reliable system. Is using desktop RSS reader in addition to EduFeedr. Goals Description Goals Not to spend to much time on managing the course To make students to submit their assignments on time To be sure that the system is reliable Description Teacher in a vocational school, has some experience both in using Moodle and in using social software. Wantʼs to have his first blog-based course. Is not using RSS reader. To find inspiration from other student blogs To explore other open courses Customer personaEducational technologist Examples Krista Marge Marko Negative persona ExamplesAnne Goals To have one learning platform that satisfies all her needs To customize the learning platform according to her taste and needs Goals Description To get teachers using the system To be sure that the system is reliable Not to spend too much time on supporting the users ... ... Description... Ilya To get statistics about the use in their institution
  • 15. References • CmapTools (n.d.). http://cmapskm.ihmc.us/rid=1064009710027_1483270340_27090/CmapTools%20- %20Concept%20Map%20About%20Concept%20Maps.cmap • CmapTools (n.d.). http://cmapskm.ihmc.us/rid=1064009710027_279131382_27088/CmapTools%20- %20Bulding%20a%20Concept%20Map.cmap • 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 • 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. (2014). Web-based self- and peer-assessment of teachers’ digital competencies. World Wide Web, 17(2), 255–269. doi: 10.1007/s11280-012-0176-2
  • 16. This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/ Hans Põldoja hans.poldoja@tlu.ee IFI7313.DT Interaction Design Methods https://ifi7313.wordpress.com Tallinn University School of Digital Technologies