curso de design interação - parte 02

33
Leonardo Minozzo [email protected] @minozzo DESIGN DE INTERAÇÃO Fundamentos do Design de Interação Vitória - ES 21 e 22 setembro 2012

Upload: leonardo-minozzo

Post on 30-Jul-2015

197 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Curso de Design Interação - parte 02

Leonardo Minozzo �[email protected]

@minozzo �

DESIGN DE INTERAÇÃO�Fundamentos do Design de Interação �

Vitória - ES�21 e 22 setembro 2012 �

Page 2: Curso de Design Interação - parte 02

Fale-me e eu esquecerei�

Page 3: Curso de Design Interação - parte 02

Mostre-me e talvez eu lembre�

Page 4: Curso de Design Interação - parte 02

Envolva-me e eu entenderei!�

Page 5: Curso de Design Interação - parte 02

(13Th Street) �

Page 6: Curso de Design Interação - parte 02

Got Milk �

A mensagem tem que ser incrível para ser puxada inicialmente.�

PUSH -> PULL �EMPURRAR -> PUXAR �

Page 7: Curso de Design Interação - parte 02
Page 8: Curso de Design Interação - parte 02
Page 9: Curso de Design Interação - parte 02
Page 10: Curso de Design Interação - parte 02

(The Glass) �

Page 11: Curso de Design Interação - parte 02

www.gotmilk.com �

Page 12: Curso de Design Interação - parte 02

A internet é uma mídia que �GERA �

esse envolvimento.�

Page 13: Curso de Design Interação - parte 02

A internet é uma mídia que �POSSIBILITA GERAR �esse envolvimento.�

Page 14: Curso de Design Interação - parte 02

“Se você quer inovar mais do que a concorrência, você precisa aprender

mais do que ela.” �Marty Neumeier �

Page 15: Curso de Design Interação - parte 02

Fundamentos do Design de Interação �

1. O que legitima ou justifica; razão; motivo �

2. Princípio em que assenta um sistema � conceitual �

Page 16: Curso de Design Interação - parte 02

Sua ideia deve ser INTERATIVA�

Page 17: Curso de Design Interação - parte 02

(Hunter and a Bear) �

Page 18: Curso de Design Interação - parte 02

A interação deve recompensar as pessoas pelos seus cliques �

63%�(aumento de recall de marca)* �

*Barnum Sulley Research, 2010 �

Page 19: Curso de Design Interação - parte 02

Sua ideia deve ser CUSTOMIZÁVEL �

Page 20: Curso de Design Interação - parte 02

http://www.youtube.com/watch?v=8kyZK86f434

Hipmunk.com�

Page 21: Curso de Design Interação - parte 02

http://www.bannerblog.com.au/2009/07/tok_stok_take_your_time.php

Page 22: Curso de Design Interação - parte 02

Sua ideia deve ser CONTEXTUALIZÁVEL �

Page 23: Curso de Design Interação - parte 02

Bunge – Luiza Brunet

Page 24: Curso de Design Interação - parte 02

Sua ideia deve suscitar o ENTRETENIMENTO�

Page 25: Curso de Design Interação - parte 02
Page 26: Curso de Design Interação - parte 02

Sua ideia deve ser JOGÁVEL �

Page 27: Curso de Design Interação - parte 02

(Magnum pleasure hunt) �

Page 28: Curso de Design Interação - parte 02

Sua ideia deve ser ÚTIL�

Page 29: Curso de Design Interação - parte 02

http://www.youtube.com/watch?feature=player_embedded&v=QQ8HNXtl7jQ

Catálogo Ikea�

Page 30: Curso de Design Interação - parte 02

http://www.bannerblog.com.au/2009/01/nike_baby_its_cold_outside.php�

Page 31: Curso de Design Interação - parte 02

Interatividade�Customização �Contextualização �Entretenimento �Jogável �Útil�

Page 32: Curso de Design Interação - parte 02

Atividade de envolvimento �

Page 33: Curso de Design Interação - parte 02

1 �2 �3 �4 �5 �6 �

Atividade de envolvimento �1 – Interação �http://www.bannerblog.com.au/2006/03/gti_banners.php�

2 – Customização �http://www.bannerblog.com.au/2009/06/vw_twitter.php�

3 - Contextualização �http://www.bannerblog.com.au/2006/10/special_k_sunbathe.php�

4 – Entretenimento:�http://www.bannerblog.com.au/2010/03/snacktools_dont_press.php�

5 – Jogabilidade�http://www.bannerblog.com.au/2009/06/burger_king_sharpie.php�

6 – Utilidade:�Volkswagen FOX – Planeta Terra�