Social Media Design 04

Post on 28-Jan-2015

105 views 3 download

Tags:

description

Social Media Design, lezione 04. Ied Firenze

Transcript of Social Media Design 04

web communication e social media

Media Design 04

cristian contini

Interaction Design Patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 01

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

progettare PER gli utenti

progettare CON gli utentiUser Centered Design

Social Media Design

Target

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Dinamico/OrganicoWeb Statico

EmotivitàDati Oggettivi

RelazioniTransazioni

Progettazione continua

One Shot

progettazione tradizionale

Crowdprogetto social

Target

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

A design pattern in architecture and computer science is a formal way of documenting a solution to a design problem in a particular field of expertise. The idea was introduced by the architect Christopher Alexander in the field of architecture and has been adapted for various other disciplines, including computer science.An organized collection of design patterns that relate to a particular field is called a pattern language.“The elements of this language are entities called patterns. Each pattern describes a problem that occurs over and over again in our environment, and then describes the core of the solution to that problem, in such a way that you can use this solution a million times over, without ever doing it the same way twice.

”Christopher Alexander

http://en.wikipedia.org/wiki/Design_patterns

Design pattern

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Design Patterns: Elements of Reusable Object-Oriented Software is a software engineering book describing recurring solutions to common problems in software design. The book's authors are Erich Gamma, Richard Helm, Ralph Johnson and John Vlissides with a foreword by Grady Booch. They are often referred to as the Gang of Four, or GoF. The book is divided into two parts, with the first two chapters exploring the capabilities and pitfalls of object-oriented programming, and the remaining chapters describing 23 classic software design patterns. The book includes examples in C++ and Smalltalk.

Design patterns

http://en.wikipedia.org/wiki/Design_Patterns_(book)

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Design Pattern Timeline1977 - Christopher Alexander: A Pattern Language - A Timeless Way of Building.

1980 - Concetto applicato alla programmazione

1993 - Design Patterns: Elements of Reusable Object-Oriented Software (Gang of four)

2002 - Douglas K. van Duyne, Design of Sites

2004 - Libreria Interna di Pattern di Yahoo

2005 - Jennifer Tidwell - Design Interfaces

2006 - Libreria Pattern Pubblica Yahoo

2010 - Christian Crumlish - Erin MaloneDesigning Social Interfaces

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Design Pattern Timeline1977 - Christopher Alexander: A Pattern Language - A Timeless Way of Building.

1980 - Concetto applicato alla programmazione

1993 - Design Patterns: Elements of Reusable Object-Oriented Software (Gang of four)

2002 - Douglas K. van Duyne, Design of Sites

2004 - Libreria Interna di Pattern di Yahoo

2005 - Jennifer Tidwell - Design Interfaces

2006 - Libreria Pattern Pubblica Yahoo

2010 - Christian Crumlish - Erin MaloneDesigning Social Interfaces

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Design Pattern Timeline1977 - Christopher Alexander: A Pattern Language - A Timeless Way of Building.

1980 - Concetto applicato alla programmazione

1993 - Design Patterns: Elements of Reusable Object-Oriented Software (Gang of four)

2002 - Douglas K. van Duyne, Design of Sites

2004 - Libreria Interna di Pattern di Yahoo

2005 - Jennifer Tidwell - Design Interfaces

2006 - Libreria Pattern Pubblica Yahoo

2010 - Christian Crumlish - Erin MaloneDesigning Social Interfaces

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Design Pattern Timeline1977 - Christopher Alexander: A Pattern Language - A Timeless Way of Building.

1980 - Concetto applicato alla programmazione

1993 - Design Patterns: Elements of Reusable Object-Oriented Software (Gang of four)

2002 - Douglas K. van Duyne, Design of Sites

2004 - Libreria Interna di Pattern di Yahoo

2005 - Jennifer Tidwell - Design Interfaces

2006 - Libreria Pattern Pubblica Yahoo

2010 - Christian Crumlish - Erin MaloneDesigning Social Interfaces

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Design Pattern Timeline1977 - Christopher Alexander: A Pattern Language - A Timeless Way of Building.

1980 - Concetto applicato alla programmazione

1993 - Design Patterns: Elements of Reusable Object-Oriented Software (Gang of four)

2002 - Douglas K. van Duyne, Design of Sites

2004 - Libreria Interna di Pattern di Yahoo

2005 - Jennifer Tidwell - Design Interfaces

2006 - Libreria Pattern Pubblica Yahoo

2010 - Christian Crumlish - Erin MaloneDesigning Social Interfaces

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Design Pattern Timeline1977 - Christopher Alexander: A Pattern Language - A Timeless Way of Building.

1980 - Concetto applicato alla programmazione

1993 - Design Patterns: Elements of Reusable Object-Oriented Software (Gang of four)

2002 - Douglas K. van Duyne, Design of Sites

2004 - Libreria Interna di Pattern di Yahoo

2005 - Jennifer Tidwell - Design Interfaces

2006 - Libreria Pattern Pubblica Yahoo

2010 - Christian Crumlish - Erin MaloneDesigning Social Interfaces

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Design Pattern Timeline1977 - Christopher Alexander: A Pattern Language - A Timeless Way of Building.

1980 - Concetto applicato alla programmazione

1993 - Design Patterns: Elements of Reusable Object-Oriented Software (Gang of four)

2002 - Douglas K. van Duyne, Design of Sites

2004 - Libreria Interna di Pattern di Yahoo

2005 - Jennifer Tidwell - Design Interfaces

2006 - Libreria Pattern Pubblica Yahoo

2010 - Christian Crumlish - Erin MaloneDesigning Social Interfaces

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patternsInteraction design patterns are a way to capture optimal solutions to common usability or accessibility problems in a specific context.They document interaction models that make it easier for users to understand an interface and accomplish their tasks.

What's a Pattern?

A pattern describes an optimal solution to a common problem within a specific context.

http://developer.yahoo.com/ypatterns/about/

http://en.wikipedia.org/wiki/Interaction_design_pattern

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

• breadcrumbs

• liste

• dropdown menu

• paginazione

• tabbed

• expand/collapse

• tags /tagclowds

• tooltips

• search

Navigazione

breadcrumbsliste

expand/collapse

tabbed

tooltip

tags

tagclouds

sistemi di

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patternsUn design pattern è costituito da:■ il nome, costituito da una o due parole che siano il

più possibile rappresentative del pattern stesso;■ il problema, ovvero la descrizione della situazione

alla quale si può applicare il pattern. Può comprendere la descrizione di classi o di problemi di progettazione specifici, come anche una lista di condizioni perché sia necessario l'utilizzo del pattern;

■ la soluzione, che descrive gli elementi costitutivi del progetto con le relazioni e relative implicazioni, senza però addentrarsi in una specifica implementazione. Il concetto è di presentare un problema astratto e la relativa configurazione di elementi adatta a risolverlo;

■ le conseguenze, i risultati e i vincoli che derivano dall'applicazione del pattern. Sono fondamentali in quanto possono essere l'ago della bilancia nella scelta dei pattern: le conseguenze comprendono considerazioni di tempo e di spazio, possono descrivere implicazioni del pattern con alcuni linguaggi di programmazione e l'impatto con il resto del progetto.

WHATExamplesUSE WHENHOWWHY

COSACosa lʼutente desidera

ESEMPIOUna possibile Soluzione

SI USA QUANDOmodi dʼuso...

COMECome soddisfa i bisogni dellʼutente

PERCHE?Perchè è una buona soluzione

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/erin malone & christian crumlish

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/erin malone & christian crumlish

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/erin malone & christian crumlish

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/erin malone & christian crumlish

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/erin malone & christian crumlish

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/erin malone & christian crumlish

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/

• Layout• Navigation• Selection• Rich Interaction• Social Design

Tipologie

• Beta • Working• Best Practice

Evoluzione

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://developer.yahoo.com/ypatterns/layout/pagegrids.html

http://developer.yahoo.com/ypatterns/layout/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://developer.yahoo.com/ypatterns/layout/pagegrids.html

http://developer.yahoo.com/ypatterns/layout/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://developer.yahoo.com/ypatterns/layout/pagegrids.html

http://developer.yahoo.com/ypatterns/layout/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://developer.yahoo.com/ypatterns/layout/pagegrids.html

http://developer.yahoo.com/ypatterns/layout/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://developer.yahoo.com/ypatterns/layout/pagegrids.html

http://developer.yahoo.com/ypatterns/layout/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://developer.yahoo.com/ypatterns/layout/pagegrids.html

http://developer.yahoo.com/ypatterns/layout/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://developer.yahoo.com/ypatterns/layout/pagegrids.html

http://developer.yahoo.com/ypatterns/layout/

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Interaction design patterns http://developer.yahoo.com/ypatterns/navigation/

Web Communication and Social Media - Media design 03

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/selection/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/selection/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/selection/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/selection/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/selection/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/selection/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/selection/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/richinteraction/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://developer.yahoo.com/ypatterns/social/Interaction

design patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.designingsocialinterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.designingsocialinterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.designingsocialinterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.designingsocialinterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.designingsocialinterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.designingsocialinterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

PrincipiPave the cowpathsTalk like a personBe Open, Play well with othersLearn from gamesRespect the ethical dimensionsDesign For EveryoneLeave Things IncompleteAsk QuestionsPalimpsest

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Anti Patterns

Cargo Cult

Donʼt break email

Password anti-pattern

Ex-boyfriend bug

Potemkin Village

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Anti Patterns

Cargo Cult

Donʼt break email

Password anti-pattern

Ex-boyfriend bug

Potemkin Village

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Anti Patterns

Cargo Cult

Donʼt break email

Password anti-pattern

Ex-boyfriend bug

Potemkin Village

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.slideshare.net/emalone/designing-the-social-in

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://oreilly.com/catalog/9780596154929/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://designinginterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://designinginterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://designinginterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://designinginterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://designinginterfaces.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://www.welie.com/patterns/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://www.welie.com/patterns/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://www.welie.com/patterns/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://www.welie.com/patterns/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://www.welie.com/patterns/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://ui-patterns.com/patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://ui-patterns.com/patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://ui-patterns.com/patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://ui-patterns.com/patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://ui-patterns.com/patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://ui-patterns.com/patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://ui-patterns.com/patterns

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://uipatternfactory.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://uipatternfactory.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://uipatternfactory.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://uipatternfactory.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://uipatternfactory.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

Interaction design patterns

http://www.socialdesignpatterns.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://konigi.com/showcase/latest

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns http://designsnips.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Interaction design patterns

http://www.visi.com/~snowfall/InteractionPatterns.html

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• Angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Soft Icons• Typography• Splash/Star

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style http://theconversationprism.com/click/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style http://www.go2web20.net/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style http://mashable.com/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style http://momb.socio-kybernetics.net/

sabato 22 maggio 2010

Web Communication and Social Media - Media design 03

Web 2.0 Style http://emilychang.com/ehub/

sabato 22 maggio 2010

Cristian ContiniArt Direction  - Communication  - New & Next Media

E-MAIL cristian.contini@gmail.com

http://www.augmentedadvertising.com

CV http://www.linkedin.com/in/cristiancontinitwitter: @cristiancontini Skype: cristiancontiniWEB  http://www.cristiancontini.it/BLOG http://cristiancontini.blogspot.com

SECOND LIFE  Grocon Emoto

Web Communication and Social Media - Media design 04

sabato 22 maggio 2010