konsepti ja vuorovaikutussuunnittelu

84
Konsepti ja Vuorovaikutussuunnittelu Course description, definition and starting the proc Mariana Salgado Ari Tanninen & Jukka Nevalainen 15.09.2012 Kerava unit- Laurea University of Applied Sciences

Upload: mariana-salgado

Post on 27-Oct-2014

110 views

Category:

Documents


1 download

DESCRIPTION

This presentation was used in Laurea University of Applied Sciences in the course on concept design and interaction.

TRANSCRIPT

Page 1: Konsepti Ja Vuorovaikutussuunnittelu

Konsepti ja Vuorovaikutussuunnittelu

Course description, definition and starting the process

Mariana Salgado Ari Tanninen & Jukka Nevalainen

15.09.2012Kerava unit- Laurea University of Applied Sciences

Page 2: Konsepti Ja Vuorovaikutussuunnittelu

Course description

Page 3: Konsepti Ja Vuorovaikutussuunnittelu

About this course

1- We have 4 meetings

Today! 15.0913.1009.1101.12

2- If you do not come to one meeting you get an extra-task. Please

ask in advance for it, so it is easier to complete it.

3- There are 4 assignments.

Page 4: Konsepti Ja Vuorovaikutussuunnittelu

About this course

4- You will be working on your thesis but if you cannot use your

thesis as a case for this course we provide you with a case (Oppifi Ltd).

5- Four tasks:

A) Reading group (1 book)

B) Design one concept (possibly with a prototype(s), at least 3 iterations with 5 users)

C) Visit a firm and understand their perspective on concept design (document in blog). Comment on blog articles from other groups.

D) Presentation of the concept and it's development process. Document every iteration.

Page 5: Konsepti Ja Vuorovaikutussuunnittelu

About this course

6- Students’ time load

Present in class 32 hs

Reading group + blog notes 30 hsVisit to the company + presentation 10 hsConcept development 56 hs(including iterations, user testing, blog documentation, conclusions & thoughts)Final presentation 17 hs

Total 135hs

Page 6: Konsepti Ja Vuorovaikutussuunnittelu

About this course

7- Roles

Mariana answer mails

Mariana gives final grades and Ari and Jukka give suggestions

Ari and Jukka prepared bibliography.

Jukka and Ari manage the blog

Mariana, Ari and Jukka prepare presentations and tasks.

Page 7: Konsepti Ja Vuorovaikutussuunnittelu

About this course

8- Goals

Primary goalUnderstand concept design. After the course a student should be able to answer the following questions:- What is a concept? What kind of different concepts are there? (service, product, business etc.)- Why are concepts useful? What different uses have they? How can concepts be used in different contexts (own organization, portfolio, future partners)?- How are concepts developed? How do different companies develop concepts? What makes a good concept? How to evaluate concepts?

Secondary goalsGet hands-on experience in doing prototypes and test them with final usersMap future workplacesLearn how to use a blog

Page 8: Konsepti Ja Vuorovaikutussuunnittelu

About this course

9- Visits

We want to organize 2 visits to different work environments

where they develop concepts using prototypes. We aim to organize two of these visits. One is confirmed.

The third visit you have to organize it with your group, using your network. This is the task 1

Task 1: visit a company in a small group and interview the person making concept design and prototypes. Report on the visit.

This task is group work. The report is a presentation that you upload to Optima. We will scheduled presentations according your possibilities to arrange the visits.

Page 9: Konsepti Ja Vuorovaikutussuunnittelu

10- Reading group

Task 2: Choose one of these books.

Konseptisuunnittelun supersankari. Tiia Sammallahti.

Rapid Contextual Design - a how-to guide to key techniques for User-Centered Design. Karen Haren Holzblatt, Jessamyn Burns Wendell, Shelley Wood

The User Interface - Concept & design . Lon Barfield

Read it. Gather and analyse the book. Find its critical points. What is the newness in the book? What attract your attention? Why? Do a report on the discussion.

This is group work. Groups can be different for the different tasks.

Page 10: Konsepti Ja Vuorovaikutussuunnittelu

Today's program

8.30 - 8.45 Introduction to the course (Mariana, Ari and Jukka)

8.45 - 9.15 Teamwork to define what is a concept (Jukka and Ari)

9.15 -10.00 What is a concept? (Mariana)

10.00-10.15 Break!

10.15 - 11.00 Concepts from previous course (Riikka & Pirjo)

11.00 - 12.00 Students form groups, brainstorm concepts

12.00 - 13.00 Lunch

Page 11: Konsepti Ja Vuorovaikutussuunnittelu

Today's program

13.00 - 16.30 Marko Taipale, Huitale Oy / Gosei Oy

Part 1: The story of Nextdoor-service. How did we build it, what did I learn. The

role of concepts and prototypes in service and business development.

Part 2: Business Model Generation, Business Model Canvas, Minimum Viable

Products and prototypes. Where do concepts and prototypes come from? What needs do they serve?

(Part 3: Discussing students’ concept ideas)

16.30 - 17.00 Introduction to blog use (Ari and Jukka) - Voluntary

Page 12: Konsepti Ja Vuorovaikutussuunnittelu

Definition

Page 13: Konsepti Ja Vuorovaikutussuunnittelu

KonseptiDefinition from Wikipedia

Konsepti, kirjallisen työn luonnos, puhtaaksikirjoittamaton työ

Konsepti, suullista esitystä varten tehty käsikirjoitus

Konseptikuva ja konseptikuvitus, erilaisten produktioiden kuvallinen luonnos tai suunnitelma

Page 14: Konsepti Ja Vuorovaikutussuunnittelu

Ups! Wikipedia has not a definition of what is

Concept Design

Does it exists? Can we add the definition after today?

Page 15: Konsepti Ja Vuorovaikutussuunnittelu

Sound Trace

Äänijalki (2005)

Ateneum Art Museum

Page 16: Konsepti Ja Vuorovaikutussuunnittelu

Mariana Salgado- Media Lab- November 2005

Page 17: Konsepti Ja Vuorovaikutussuunnittelu

Mariana Salgado- Media Lab- November 2005

Page 18: Konsepti Ja Vuorovaikutussuunnittelu

Conversational Map

Keskustelukartta (2005)

Kunsthalle (Taidehalli)

Page 19: Konsepti Ja Vuorovaikutussuunnittelu

Mariana Salgado- Media Lab- November 2005

Page 20: Konsepti Ja Vuorovaikutussuunnittelu

Mariana Salgado- Media Lab- November 2005

Page 21: Konsepti Ja Vuorovaikutussuunnittelu
Page 22: Konsepti Ja Vuorovaikutussuunnittelu

Mariana Salgado- Media Lab- November 2005

Page 23: Konsepti Ja Vuorovaikutussuunnittelu

The Secret Life of Objects

Keskustelukartta (2005)

Kunsthalle (Taidehalli)

Page 24: Konsepti Ja Vuorovaikutussuunnittelu
Page 25: Konsepti Ja Vuorovaikutussuunnittelu
Page 26: Konsepti Ja Vuorovaikutussuunnittelu
Page 27: Konsepti Ja Vuorovaikutussuunnittelu
Page 28: Konsepti Ja Vuorovaikutussuunnittelu

3 projects but same design concept

Visitors’ created content as part of the museum exhibition

Page 29: Konsepti Ja Vuorovaikutussuunnittelu

What is concept design?

Page 30: Konsepti Ja Vuorovaikutussuunnittelu

It is not the solution or implementation

of a design problem

Picture fromhttp://www.windowfarms.org/

Page 31: Konsepti Ja Vuorovaikutussuunnittelu

It is not the definition or exploration of a design problem

Picture by For Inspiration Only in Flickr

Page 32: Konsepti Ja Vuorovaikutussuunnittelu

It is not the visualization of a possibilities

Pic

ture

by

VF

S D

igita

l Des

ign

in F

lickr

Page 33: Konsepti Ja Vuorovaikutussuunnittelu

Though visualizations are key to concept design

Pic

ture

by

kino

-eye

fro

m F

lickr

.

Page 34: Konsepti Ja Vuorovaikutussuunnittelu

It is the idea behind a design solution

Pic

ture

fro

m F

lickr

by

Jord

anH

ill S

choo

l D&

T d

ept

Page 35: Konsepti Ja Vuorovaikutussuunnittelu

An idea that needs to be developed

Pic

ture

fro

m F

lickr

by

Jord

anH

ill S

choo

l D&

T d

ept

Page 36: Konsepti Ja Vuorovaikutussuunnittelu

tested and validated.

Pic

ture

fro

m F

lickr

by

Bog

art

Han

dsom

e D

Evi

l

Page 37: Konsepti Ja Vuorovaikutussuunnittelu

Where does concept design come from?

Page 38: Konsepti Ja Vuorovaikutussuunnittelu

from the analysis of background research

Page 39: Konsepti Ja Vuorovaikutussuunnittelu

From tacit knowledge

Pic

ture

by

mar

s-di

scov

ery

dist

rict

in F

lickr

Page 40: Konsepti Ja Vuorovaikutussuunnittelu

From the dialogue with the users

Page 41: Konsepti Ja Vuorovaikutussuunnittelu

From your own intuition as designers

Page 42: Konsepti Ja Vuorovaikutussuunnittelu

From organization’s requirements

Pic

ture

fro

m F

lickr

by

Juha

nson

in

Page 43: Konsepti Ja Vuorovaikutussuunnittelu

From community needs

Pic

ture

fro

m F

lickr

Page 44: Konsepti Ja Vuorovaikutussuunnittelu

From understanding

the context

Pic

ture

fro

m F

lickr

by

davi

dcro

w

Page 45: Konsepti Ja Vuorovaikutussuunnittelu

Do we have methods for concept design?

Page 46: Konsepti Ja Vuorovaikutussuunnittelu

Yes!!!

Brainstorming- Visualizing- Making Scenarios & Personas-Understanding design process-

Nurturing the dialogue with the users- Dicussing- Testing- Evaluating-Being critical

andPrototyping

Page 47: Konsepti Ja Vuorovaikutussuunnittelu

About Understanding the Design Process

Page 48: Konsepti Ja Vuorovaikutussuunnittelu

INPUTOUTPUT

Analisis t

Síntesis t

Don Koberg and Jim Bagnall (1972)t

Page 49: Konsepti Ja Vuorovaikutussuunnittelu

INPUTOUTPUT

Analisis t

Sintesis t

Definition t

Page 50: Konsepti Ja Vuorovaikutussuunnittelu

define t

selectideatet

implementanalyse t

Don Koberg and Jim Bagnall (1972)t

Page 51: Konsepti Ja Vuorovaikutussuunnittelu

Generation t

Evaluation

CommunicationExploration t

Four stage design process- Nigel Cross (2000) t

Page 52: Konsepti Ja Vuorovaikutussuunnittelu

Analysis of Problem t

Conceptual design

Working Drawing etc

Need t

Michael J. French (1985) t

Statement of Problemt

Selected schemes

Embodiment of Schemes

Detailing

Feedback

Page 53: Konsepti Ja Vuorovaikutussuunnittelu

Case Study: Urban Mediator

Vision prototype – animation (public)Arki research group material. Media lab Helsinki. Thanks to Joanna Saad-Sulonen for this slides.

Page 54: Konsepti Ja Vuorovaikutussuunnittelu

Case Study: Urban Mediator

Vision prototype – sketch (project partners)

Page 55: Konsepti Ja Vuorovaikutussuunnittelu

Case Study: Urban Mediator

Working prototypes – mobile proto (co-design activities)

Page 56: Konsepti Ja Vuorovaikutussuunnittelu

Case study: Urban Mediator

Working prototypes – “magnets” (design team)

Page 57: Konsepti Ja Vuorovaikutussuunnittelu

Case study: Urban Mediator

Software prototypes (“alpha version”)

Page 58: Konsepti Ja Vuorovaikutussuunnittelu

Urban Mediator v2.0

Case study: Urban Mediator

Page 59: Konsepti Ja Vuorovaikutussuunnittelu

Working prototypes – wireframes

Case study: Urban Mediator

Page 60: Konsepti Ja Vuorovaikutussuunnittelu

Working prototypes – paper – co-design sessions

Case study: Urban Mediator

Page 61: Konsepti Ja Vuorovaikutussuunnittelu

Working prototypes – paper prototype (design team)

Case study: Urban Mediator

Page 62: Konsepti Ja Vuorovaikutussuunnittelu

Different types of prototypes

There are many types of prototypes and different prototypes can be used during the design process, for different purposes

… pencil sketch, cardboard or foam mock up of a device, slide show of images, videotape showing simulated behavior, simulation in a software prototyping environment, partially implemented version of the product …

- Crude/rough/non-interactive prototypes can capture rough ideas early on

- More polished prototypes can help communicate the gist of the design

- Prototypes supporting interactivity can be used to ask feedback from users

(Eriksson 1995)

Page 63: Konsepti Ja Vuorovaikutussuunnittelu

Principles of prototyping

(Lim et al. 2008)

Page 64: Konsepti Ja Vuorovaikutussuunnittelu

In brief

When creating a prototype, it is important to consider:

• the material

• the resolution

• the scope

Page 65: Konsepti Ja Vuorovaikutussuunnittelu

Wizard of Oz

The user sits at a computer and uses the system

The responses actually generated by a remote operator who manually simulates the system

It already requires some material in digital form

Page 66: Konsepti Ja Vuorovaikutussuunnittelu

High Fidelity Methods

Building an interactive prototype of the system

It could be for example Flash, Director or Visual Basic

Pros: realistic functionality, user-driven, can be used for real testing, look and feel, already usable for specification, marketing and sales

Cons: expensive and slow to develop, cannot be used early, might direct attention to irrelevant details, people often reluctant to change major aspects, may lead to unrealistic expectations

Software design example - too detailed prototypes lead the customer to think that the project is ahead of the schedule. Beware.

Page 67: Konsepti Ja Vuorovaikutussuunnittelu

Paper prototyping

Best suited for 2D interface design, especially often used in web design. For 3D or highly interactive content less useful Rough sketches of the interface

One of the designers acts as a "computer" and changes the pages.

When the user interacts with the imaginary system: points with a finger

Need to take notes or videotape the test case for further analysis

Use your imagination: for example menus can be done with pieces of paper

Page 68: Konsepti Ja Vuorovaikutussuunnittelu

“Papers Prototypes are low-tech, low-cost, but highly effective form of usability testing for web site design”

Helen M. Grady

Page 69: Konsepti Ja Vuorovaikutussuunnittelu

simple tools like paper, scissors, and stickies.

separation of design and content allows to be focused on content

“hands-on” designing manipulating physically the content

the whole group can be following all the steps

no computer skills are needed

Page 70: Konsepti Ja Vuorovaikutussuunnittelu

users recognizing that the prototype is a rough model felt freer to criticize and make recommendations

multiple tests with small number of users is more helpful at identifying problems than elaborate usability tests

paper prototyping allows to separate content from visual design

Page 71: Konsepti Ja Vuorovaikutussuunnittelu

changes can be made on the fly during the test

after several iterations of testing and design on paperputting a web site will not take long

the data should be as real as possible

Page 72: Konsepti Ja Vuorovaikutussuunnittelu
Page 73: Konsepti Ja Vuorovaikutussuunnittelu

Examples

Page 74: Konsepti Ja Vuorovaikutussuunnittelu
Page 75: Konsepti Ja Vuorovaikutussuunnittelu
Page 76: Konsepti Ja Vuorovaikutussuunnittelu
Page 77: Konsepti Ja Vuorovaikutussuunnittelu
Page 78: Konsepti Ja Vuorovaikutussuunnittelu
Page 79: Konsepti Ja Vuorovaikutussuunnittelu
Page 80: Konsepti Ja Vuorovaikutussuunnittelu
Page 81: Konsepti Ja Vuorovaikutussuunnittelu
Page 82: Konsepti Ja Vuorovaikutussuunnittelu
Page 83: Konsepti Ja Vuorovaikutussuunnittelu

Bibliography

On Concept Design

Conceptual Design (2003), B.J. Fogg. The Mit Press. Brenda Laurel (ED.)Design Research. Methods and Perspectives.

Design Thinkking (2008). T. Brown. Harvard Business Review.

Mitä on Konseptisuunnittelu. (2006) J. Iljin. Minne menne luova luokka. Toim. Inkinen, Mäempää, Timonen

Tuotekonseptointi. (2003). T. Keinonen and V. Jääskö. TeknologiaInfo Teknova Oy,Helsinki.

The comparison between visual thinking using computer and conventional media in the concept generation stages of design. (2001) P.H. Won. Automation I Construction 10. 319-325.

On the Move with a magic thing: role playing in concept design of mobile services and devices. (2000). J. Iacucci, Kuutti, K. and M. ranta. ACM Library.

Konseptisuunnittelun supersankari. Tiia Sammallahti.

Rapid Contextual Design - a how-to guide to key techniques for User-Centered Design. Karen Haren Holzblatt, Jessamyn Burns Wendell, Shelley Wood