Skip to main content
UploadLanguage (EN)Support
BusinessMobileSocial MediaMarketingTechnologyArt & PhotosCareerDesignEducationPresentations & Public SpeakingGovernment & NonprofitHealthcareInternetLawLeadership & ManagementAutomotiveEngineeringSoftwareRecruiting & HRRetailSalesServicesScienceSmall Business & EntrepreneurshipFoodEnvironmentEconomy & FinanceData & AnalyticsInvestor RelationsSportsSpiritualNews & PoliticsTravelSelf ImprovementReal EstateEntertainment & HumorHealth & MedicineDevices & HardwareLifestyle
Cristian Contini, profile picture
Uploaded byCristian Contini
PDF, PPTX1,214 views

Social Media Design 04

The document discusses design patterns for web and interaction design. It provides a timeline of the evolution of design patterns from Christopher Alexander's 1977 book introducing patterns for architecture to recent works on patterns for social media and interface design. It describes what constitutes a design pattern and examples of types of patterns for layout, navigation, selection, rich interaction, and social design. Finally, it links to resources on interaction design patterns from Yahoo.

Education◦
Related topics:
Software Design Patterns•
Download as PDF, PPTX
cristian contini web communication e social media Media Design 04 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 Target User Centered Design progettare CON gli utenti Social Media Design sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 progettazione tradizionale progetto social Target Crowd Web Statico Dinamico/Organico Dati Oggettivi Emotività Transazioni Relazioni Progettazione One Shot continua sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design pattern 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 sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design patterns 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. http://en.wikipedia.org/wiki/Design_Patterns_(book) sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design Pattern Timeline 1977 - 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 Malone Designing Social Interfaces sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design Pattern Timeline 1977 - 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 Malone Designing Social Interfaces sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design Pattern Timeline 1977 - 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 Malone Designing Social Interfaces sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design Pattern Timeline 1977 - 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 Malone Designing Social Interfaces sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design Pattern Timeline 1977 - 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 Malone Designing Social Interfaces sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design Pattern Timeline 1977 - 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 Malone Designing Social Interfaces sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Design Pattern Timeline 1977 - 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 Malone Designing Social Interfaces sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction design patterns Interaction 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. http://en.wikipedia.org/wiki/Interaction_design_pattern What's a Pattern? A pattern describes an optimal solution to a common problem within a specific context. http://developer.yahoo.com/ypatterns/about/ sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 breadcrumbs liste sistemi di Navigazione tags • breadcrumbs • liste • dropdown menu • paginazione tooltip • tabbed • expand/collapse tabbed • tags /tagclowds • tooltips expand/collapse • search tagclouds sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction design patterns WHAT Un design pattern è costituito da: ■ il nome, costituito da una o due parole che siano il COSA più possibile rappresentative del pattern stesso; ■ il problema, ovvero la descrizione della situazione Cosa lʼutente desidera Examples alla quale si può applicare il pattern. Può comprendere la descrizione di classi o di problemi di progettazione specifici, come anche una lista di ESEMPIO condizioni perché sia necessario l'utilizzo del Una possibile Soluzione pattern; USE WHEN ■ la soluzione, che descrive gli elementi costitutivi del progetto con le relazioni e relative implicazioni, SI USA QUANDO senza però addentrarsi in una specifica implementazione. Il concetto è di presentare un modi dʼuso... HOW problema astratto e la relativa configurazione di elementi adatta a risolverlo; ■ le conseguenze, i risultati e i vincoli che derivano COME dall'applicazione del pattern. Sono fondamentali in Come soddisfa i bisogni dellʼutente quanto possono essere l'ago della bilancia nella WHY scelta dei pattern: le conseguenze comprendono considerazioni di tempo e di spazio, possono descrivere implicazioni del pattern con alcuni PERCHE? linguaggi di programmazione e l'impatto con il Perchè è una buona soluzione resto del progetto. sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/ design patterns erin malone & christian crumlish sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/ design patterns erin malone & christian crumlish sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/ design patterns erin malone & christian crumlish sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/ design patterns erin malone & christian crumlish sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/ design patterns erin malone & christian crumlish sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/ design patterns erin malone & christian crumlish sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/ design patterns Tipologie Evoluzione • Layout • Beta • Navigation • Working • Selection • Best Practice • Rich Interaction • Social Design sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/layout/pagegrids.html design patterns http://developer.yahoo.com/ypatterns/layout/ sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/layout/pagegrids.html design patterns http://developer.yahoo.com/ypatterns/layout/ sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/layout/pagegrids.html design patterns http://developer.yahoo.com/ypatterns/layout/ sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/layout/pagegrids.html design patterns http://developer.yahoo.com/ypatterns/layout/ sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/layout/pagegrids.html design patterns http://developer.yahoo.com/ypatterns/layout/ sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/layout/pagegrids.html design patterns http://developer.yahoo.com/ypatterns/layout/ sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/layout/pagegrids.html design patterns http://developer.yahoo.com/ypatterns/layout/ sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/navigation/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/selection/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/selection/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/selection/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/selection/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/selection/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/selection/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/selection/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/richinteraction/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/social/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/social/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/social/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/social/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/social/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/social/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/social/ design patterns sabato 22 maggio 2010
Web Communication and Social Media - Media design 03 Interaction http://developer.yahoo.com/ypatterns/social/ design patterns sabato 22 maggio 2010