1 - introduction to concept mapping

8/3/2019 1 - Introduction to Concept Mapping

1/100


2/100

Compiled with the assistance of the Tiger University Program of the EstonianInformation Technology Foundation


3/100

Concept Mapping and

PrototypingIlja morgun


4/100

My Background

B.Sc - Computer Science

M.Sc - Interactive Media and KnowledgeEnvironments

PhD - Information Society Technologies

Estonian Information Systems Authority(Riigi Infossteemi Amet) - UsabilitySpecialist


5/100

What is yourbackground?


6/100

What are the issues ofworking in teams?


7/100


8/100

Course Topics

An overview of concept mapping

How to establish an application concept How to draw sketches

How to create mockups

How to create interactive prototypes


9/100

A Lot of Ground toCover


10/100

A Lot of Practical Work


11/100

You are Expected toActively Participate


12/100

The Project


13/100

Make a team and create

an interactiveprototype


14/100


15/100

Focuse on Mobile

Mobile first Its simpler Forces you to focus on the core

functionality


16/100

Context


17/100

The best camera is the one

you have with you whensomething interesting happens.


18/100

The best computer is the one you

have with you when you wantsomething done. This will often be

your phone or tablet.-Jakob Nielsen


19/100

Mobile devices havebecome pervasive


20/100

Most people carry one, have

them turned on almostcontinuously and use them in

different contexts


21/100

The Evolution ofSmartphones


22/100


23/100


24/100

The Evolution of Tablets


25/100


26/100

The Evolution of

Mobile Devices

The design is dominated by the screen

Multi-touch based interactions The device becomes the content

Always on, always connected


27/100

Mobile Usage

Informational needs Geographical needs

Personal information management needs


28/100

Informational needs are

focused on the goal of obtaininginformation about a topic


29/100

Is the Arsenal game onTV tonight?


30/100

Geographical needs are

focused on the goal of findingan answer to a question


31/100

The expected answer is

dependent on locationin some form


32/100

Nearest Pennies orDunnes Stores


33/100

Where do I getcoffee?


34/100

Direction from Belfastto Randaldstown


35/100

Personal information

management (PIM) needs arefocused on finding out somethingprivate relating to the individual


36/100

PIM needs encompass personal

items, friend requests,scheduling tasks and to-do listitems


37/100


38/100

The mobile phone and other

personal mobile deviceshave gained a new role


39/100


40/100

What to consider when

designing mobileapplications?


41/100

Native, web applicationor both?


42/100

Native Applications

Provide a richer experience Integrate with various operating systemfeatures

Need to be approved in the App Store


43/100


44/100

Questions

What features of the mobile device doesyour application need to use?

Does it need to work offline? How are people going to use your app?

How much will it cost?

Do you need to support various screensizes?


45/100

Following UI

Conventions

Human Interface Guidelines Don't break existing patterns

Design for touch interaction


46/100

Thats all good but howdo you design?


47/100

By following a process


48/100

Such as interactiondesign


49/100

Interaction Design

Designing interactive products

Defining the structure and behavior ofinteractive systems

Focusing on satisfying the needs of users


50/100

The Stages ofInteraction Design


51/100

Developers

Illustrators

Stakeholders

Users

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Research

Iteration Stage

Production

Stage

Design

Iteration Stage

Development

Iteration Stage

Data collection Sketching

Creating mockups

Prototyping

Writing code Promoting

Positioning

Marketing

Testing

Making changes

Testing

Making changes

Testing

Making changes

Building concepts

Actors

Stages

Activities

UMLFlowchartsState transition diagramsDecomposition diagrams

Graphical illustrations


Texts

Reports


52/100


53/100

Developers

Illustrators

Stakeholders

Users

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Research

Iteration Stage

Production

Stage

Design

Iteration Stage

Development

Iteration Stage


Creating mockups

Prototyping


Positioning

Marketing

Testing

Making changes

Testing

Making changes

Testing

Making changes

Building concepts

Actors

Stages

Activities




Texts

Reports

Design

Iteration Stage


54/100

The First Thing To Do


55/100

Establish an ApplicationConcept

Th A li i


56/100

The Application

Conce t

What does your application do?

Who is your target audience? How will people use your application?

How much will the application cost?


57/100

But how do you dothat?


58/100

You can write notesor...


59/100

Use concept mapping

S B k d


60/100

Some Background

Information

Created in 1970s at Cornell University

Support meaningful learning - a student isable to not only receive new informationbut also effectively incorporate it into the

previously established cognitive structure


61/100

S Wh t i C t


62/100

So What is a Concept

Ma Exactl ? Boxes and arrows

A diagram showing relationships betweenconcepts Represents relationships between ideas

Makes it easier to communicate ideas inteams


63/100

In Addition

Successfully applied in education,government and business

Easily understood by both school childrenand researchers

Presents information in a visual andstructured way

Surfaces strengths and weaknesses of ideas


64/100

An Example


65/100

Why do we haveseasons?


66/100


67/100

Drawbacks

Concept maps do not easily scale A lot of nodes make a concept map difficult

to read


68/100

But how does thisexactly relate to design?


69/100

Developers

Illustrators

Stakeholders

Users

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Research

Iteration Stage

Production

Stage

Design

Iteration Stage

Development

Iteration Stage


Creating mockups

Prototyping


Positioning

Marketing

Testing

Making changes

Testing

Making changes

Testing

Making changes

Building concepts

Actors

Stages

Activities




Texts

Reports


70/100

A technique, which can be used

to support interaction designprocesses through variousstages


71/100

Support

Elicitation Communication Representation

Adaptation


72/100

Elicitation


73/100

Drawing forth or bringingout specific knowledge


74/100

Communication


75/100

Transmitting knowledge

between individuals by usinga common system of symbols


76/100

Representation


77/100

Bringing knowledgeclearly before the mind


78/100

Adaptation


79/100

Making knowledge fit for

a new use bymodification


80/100

Developers

Illustrators

Stakeholders

Users

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers


Creating mockups

Prototyping


Positioning

Marketing

Testing

Making changes

Testing

Making changes

Testing

Making changes

Building concepts

Actors

Stages

Activities




Texts

Reports

Conceptmapping

Research

Iteration Stage

Production

Stage

Design

Iteration Stage

Development

Iteration Stage


81/100

A Practical Example


82/100

iRadio


83/100

Application Concept


84/100

Find frequencies of

favorite radio stations onthe go


85/100


86/100


87/100


88/100


89/100

How to Build Concept


90/100

How to Build Concept

Ma s?1. Identify a focus question2. Identify 10 to 20 concepts that are related to the focus question

3. Begin to build your map by placing the most inclusive, most

general concept(s) at the top

4. Select two, three, or four subconcepts to place under eachgeneral concept

5. Connect the concepts by lines

6. Label the lines with or a few linking words

7. Look for crosslinks between concepts in different sections ofthe map and label these lines


91/100

Building a Concept Mapfor a Reminders App


92/100


93/100

Choosing a Tool forConcept Mapping


94/100

CmapTools


95/100

OmniGraffle


96/100

Visio


97/100

Pen and Paper


98/100

Lets Build Our FirstConcept Map

Y A i


99/100

Your Assignment

1. Make teams of 3-4 people

2. Make several concept maps describing yourapplication

3. Present concept maps to your colleagues

4. Collect feedback and improve your conceptmaps


100/100

Please present yourwork at 15:00

1 - introduction to concept mapping

Documents