Konsepti ja Vuorovaikutussuunnittelu

Course description, definition and starting the process

Mariana Salgado Ari Tanninen & Jukka Nevalainen

15.09.2012 Kerava unit- Laurea University of Applied Sciences

Course description

About this course

1- We have 4 meetings
Today! 15.09 13.10 09.11 01.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.

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.

About this course

6- Students time load

Present in class Reading group + blog notes Visit to the company + presentation Concept development (including iterations, user testing, blog documentation, conclusions & thoughts) Final presentation 32 hs 30 hs 10 hs 56 hs

17 hs

Total

135hs

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.

About this course

8- Goals
Primary goal Understand 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 goals Get hands-on experience in doing prototypes and test them with final users Map future workplaces Learn how to use a blog

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.

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 UserCentered 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.

Today's program

8.30 - 8.45 8.45 - 9.15

Introduction to the course (Mariana, Ari and Jukka) 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

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

Definition

Konsepti
Definition from Wikipedia

Konsepti, kirjallisen tyn luonnos, puhtaaksikirjoittamaton ty Konsepti, suullista esityst varten tehty ksikirjoitus Konseptikuva ja konseptikuvitus, erilaisten produktioiden kuvallinen luonnos tai suunnitelma

Ups! Wikipedia has not a definition of what is

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

Sound Trace
nijalki (2005) Ateneum Art Museum

Mariana Salgado- Media Lab- November 2005

Mariana Salgado- Media Lab- November 2005

Conversational Map
Keskustelukartta (2005) Kunsthalle (Taidehalli)

Mariana Salgado- Media Lab- November 2005

Mariana Salgado- Media Lab- November 2005

Mariana Salgado- Media Lab- November 2005

The Secret Life of Objects

Keskustelukartta (2005) Kunsthalle (Taidehalli)

3 projects but same design concept

Visitors created content as part of the museum exhibition

What is concept design?

It is not the solution or implementation of a design problem

Picture from http://www.windowfarms.org/

Picture by For Inspiration Only in Flickr

It is not the definition or exploration of a design problem

It is not the visualization of a possibilities

Picture by VFS Digital Design in Flickr

Though visualizations are key to concept design

Picture by kino-eye from Flickr.

It is the idea behind a design solution

Picture from Flickr by JordanHill School D&T dept

An idea that needs to be developed

Picture from Flickr by JordanHill School D&T dept

tested and validated.

Picture from Flickr by Bogart Handsome DEvil

Where does concept design come from?

from the analysis of background research

From tacit knowledge

Picture by mars-discovery district in Flickr

From the dialogue with the users

From your own intuition as designers

From organizations requirements

Picture from Flickr by Juhansonin

From community needs

Picture from Flickr

Picture from Flickr by davidcrow

From understanding the context

Do we have methods for concept design?

Yes!!!

Brainstorming- VisualizingMaking Scenarios & PersonasUnderstanding design processNurturing the dialogue with the usersDicussing- Testing- Evaluating-Being critical and Prototyping

About Understanding the Design Process

Analisis t

Sntesis t
INPUT OUTPUT

Don Koberg and Jim Bagnall (1972)t

Analisis t

Sintesis t
INPUT OUTPUT

Definition
t

analyse t
define
t

implement
ideatet select

Don Koberg and Jim Bagnall (1972)t

Exploration t
Generation
t

Communication
Evaluation

Four stage design process- Nigel Cross (2000) t

Embodiment of Schemes Selected schemes

Detailing

Analysis of Problem t

Need

Statement of Problemt

Conceptual design

Working Drawing etc

Feedback

Michael J. French (1985) t

Case Study: Urban Mediator

Arki research group material. Media lab Helsinki. Thanks to Joanna Saad-Sulonen for this slides.

Vision prototype animation (public)

Case Study: Urban Mediator

Vision prototype sketch (project partners)

Case Study: Urban Mediator

Working prototypes mobile proto (co-design activities)

Case study: Urban Mediator

Working prototypes magnets (design team)

Case study: Urban Mediator

Software prototypes (alpha version)

Case study: Urban Mediator

Urban Mediator v2.0

Case study: Urban Mediator

Working prototypes wireframes

Case study: Urban Mediator

Working prototypes paper co-design sessions

Case study: Urban Mediator

Working prototypes paper prototype (design team)

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)

Principles of prototyping

(Lim et al. 2008)

In brief

When creating a prototype, it is important to consider: the material the resolution the scope

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

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.

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

Papers Prototypes are low-tech, low-cost, but highly effective form of usability testing for web site design Helen M. Grady

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

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

changes can be made on the fly during the test after several iterations of testing and design on paper putting a web site will not take long the data should be as real as possible

Examples

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, Memp, Timonen Tuotekonseptointi. (2003). T. Keinonen and V. Jsk. 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

Thanks! mariana.salgado@laurea.fi

mariana.salgado@iki.fi