SlideShare a Scribd company logo
1 of 4
PROJECT 01 VISUALIZE HISTORY
Hasso Plattner Institute of Design
PROJECT 01 VISUALIZE HISTORY
Hasso Plattner Institute of Design




WHAT YOU ARE GOING TO DO?                                                    DELIVERABLES OVERVIEW
Long before Facebook and O’Reilly trademarked the Web 2.0 term,
people were using both digital and physical artifacts to create shared       2 Posts to the website by 9am on Thursday January 19th *
meaning and enable collaboration. “Social media” has existed for
decades, but never before at this scale and with this ubiquity. What                      1. A inspirational screenshot of the visualization you choose
can we learn from the past to help us design better media solutions in       with link plus a 1 paragraph written critique.
the future?                                                                               2. A written point of view (1 sentence) plus your exploratory
                                                                             sketches and your iterated info viz prototype. (Think headline.)
Over the next 2 weeks, you will dig into the history of social media and
create a compelling information visualization that illuminates a pattern     1 Post to the website by 9am on Thursday January 26th *
or anomaly that you uncover and feel matters. The visualization should
be both immediately enticing and ultimately insightful. Hook us with the                  3. A high-resolution (at least) 1024 x 768 image of a digital
visual design then give us something to discuss.                             information visualization to present in class. It will be interpreted on it’s
                                                                             own, you will not be allowed to explain it in class. Also include your
                                                                             refined point of view (1 sentence).

                                                                             * additional details on deliverables are on the next two pages.
WHAT’S THE POINT?

This assignment has 3 goals:
Uncover the long and local history of social media.                          ADVICE FOR SUCCESS
Gain experience visualizing informational patterns, overlaps, &
anomalies.                                                                   Do several cycles.
                                                                             We’re forcing you to do 2rounds just to complete the assignment. Do
Gain experience putting visual design principles into use to                 more. The more quick iterations you create the better your final project
communicate meaning and emotion to an audience.                              will be and the more you will learn.

                                                                             Go deep OR go broad.
                                                                             The world of social media is vast. You might choose to hone in on one
                                                                             particular area and provide some deep understanding. Alternatively you
TOOLS & RESOURCES                                                            could take a broad view and present a shallower response.
(In ascending order of ease of learning curve. In our estimation, Apple
Keynote is the best combination of ease of use and capabilities.)            There is no “correct” answer to this assignment.
                                                                             Follow your creative instincts to a fruitful area and start visualizing!
Various Grids                                                                Ideally your visualization will inform and inspire the class in
http://thegridsystem.org                                                     unanticipated ways. Don’t be afraid to try to learn a new skill or master a
                                                                             new tool. Use of on-line digital tools is encouraged.
Prezi Tutorials
http://prezi.com/learn/

Apple Keynote Tutorials                                                      CRITIQUE GUIDELINES
http://www.apple.com/iwork/tutorials/#keynote-hero
                                                                             The teaching team and your peers will be critiquing your work along the
                                                                             following three guidelines.
Adobe Illustrator Beginner Tutorials (Simple Icon, General Tutorials, Pen
 Tool, Pathfinder Panel)
http://blog.spoongraphics.co.uk/tutorials/beginner-illustrator-tutorial-     Did it work?
create-a-vector-rss-icon                                                            Did your audience understand your point of view? Were they
http://vectips.com/                                                          inclined to learn more?
http://vector.tutsplus.com/tutorials/tools-tips/illustrators-pen-tool-the-
comprehensive-guide/                                                         Why or why not?
http://vector.tutsplus.com/tutorials/tools-tips/a-comprehensive-guide-             Did you effectively employ visual design principles? (see visual
to-the-pathfinder-panel/                                                      design principles pdf)

                                                                             Does it matter?
                                                                                   Does it reveal novel human-to-human connections?
                                                                                   Does it inspire an emotional response?
PROJECT 01 VISUALIZE HISTORY
Hasso Plattner Institute of Design




ASSIGNMENT PART 1
Posted to the website by 9am on Thursday, January 19 for in
class feedback.




First, read the following:                                           Second, find a model & figure out why it works (or doesn’t):
Where the Counterculture Met the New Economy: The WELL               Find an information visualization that catches your eye.
and the origins of Virtual Community, By Fred Turner
                                                                     Examine and critique it based on the depth of it’s insight & the
http://www.stanford.edu/~fturner/Turner%20Tech%20&                   visual design principles reviewed in class.
%20Culture%2046%203.pdf
                                                                     The following links can be used for inspiration but you are
Chapter 2 of The Virtual Community , by Howard Rheingold             welcome to choose your own.
http://www.rheingold.com/vc/book/2.html                              http://www.inspiredm.com/20-essential-infographics-data-
A description of the MOMA’s recent acquisition of the “@”                visualization-blogs/
symbol                                                               http://www.good.is/infographics
http://www.moma.org/explore/inside_out/2010/03/22/at-                http://www.smashingmagazine.com/2008/01/14/monday-
moma/                                                                    inspiration-data-visualization-and-infographics/
The Fundamental Principles of Analytical Design from Beautiful       http://stamen.com/datavisualization
Evidence by Edward Tufte
                                                                     http://flowingdata.com/2011/12/21/the-best-data-visualization-
To be distributed.                                                       projects-of-2011/
                                                                     http://www.visualcomplexity.com/vc/
Plus at least one additional source from this list (or one of your   http://visual.ly/#gc_filter
choosing):
                                                                     http://jess3.com/
As We May Think, by Vannevar Bush                                    http://informationisbeautiful.net
http://www.theatlantic.com/magazine/archive/1969/12/as-we-
may-think/3881/                                                      http://pinterest.com/source/infographics.blog.hu/
Paul Saffo on the Creator Economy
http://whatmatters.mckinseydigital.com/internet/get-ready-for-
a-new-economic-era                                                   Deliverable 1 of 3 : Post to the website by 9am on Thursday,
                                                                     January 19th:
Clay Shirky on Institutions vs. Collaboration (video)
                                                                     A inspirational screenshot of the visualization you choose with
http://www.ted.com/talks/                                            link plus a 1 paragraph written critique.
clay_shirky_on_institutions_versus_collaboration.html
Andy Rutlege : Gestalt Principles of Design &/ or Design Lesson 1
of 1                                                                 Third, Create a Prototype to test your point of view and your
                                                                     core communication device:
http://www.andyrutledge.com/gestalt-principles-1-figure-ground-
relationship.php
                                                                     Articulate your point of view (what you are trying to communicate
http://www.andyrutledge.com/the-design-lesson.php                    about the history of social media). Think of your point of view as a
                                                                     concise statement of intent. What is your visualization
                                                                     communicating? What is it about? What tension are you trying to
                                                                     show? What story are you trying to tell? What connections are
                                                                     you trying to make? What patterns are you trying to reveal?

                                                                     Explore at least 3 options via physical or digital sketches.

                                                                     Choose one and create one slightly more refined

                                                                     Deliverable 2 of 3 : Post to the website by 9am on Thursday,
                                                                     January 19th:
                                                                     A written point of view (1 sentence) plus your exploratory
                                                                     sketches and your iterated info viz prototype. (Think headline.)
PROJECT 01 VISUALIZE HISTORY
Hasso Plattner Institute of Design




ASSIGNMENT PART 2
Posted to the website by 12 9am on Thursday, January 26 for in
class presentation.




First, Synthesize the feedback you received in class on January 19th        Third, Create Your Final Design:

Point of View                                                               Prepare a visual representation of your findings. Use any medium you
How was your point of view or intent received?                              prefer and use any tools you would like. We recommend Keynote if you
                                                                            have a Mac. But use whatever you are familiar with. The visualization
Was your audience able to understand it in the way that you had             must be presentable in a digital form. (e.g. a beautiful hand drawn mind
hoped? Was it deep enough to generate a thoughtful dialogue?                map must be converted to a digital format like .png, .jpg, .tiff etc.).

Visual Design & Clarity
How was your visual design interpreted? Was your audience able to           Deliverable 3 of 3 : Post to the website by 9am on Thursday January
make comparisons, see connections, and generate interpretations?            26th:
How well did you employ the design principles articulated in class?         A high-resolution (at least) 1024 x 768 image of a digital information
                                                                            visualization to present in class. It will be interpreted on it’s own, you
                                                                            will not be allowed to explain it in class. Also include your refined point
                                                                            of view (1 sentence).

Second, Refine Your Point of View Prototype:

Narrow or Re-Tool your point of view based on the feedback you
received. Try creating a few new variations to try out possible
directions than honing in one one.
Iterate your prototype based on the feedback you received. Simplify
the overall and amplify the specifics that help articulate your point. Aim
for something that is both initially compelling and subsequently
intriguing.

More Related Content

What's hot

Twitter Workshop
Twitter WorkshopTwitter Workshop
Twitter WorkshopJane Hart
 
WOMMA: Do You Speak Social?
WOMMA: Do You Speak Social?WOMMA: Do You Speak Social?
WOMMA: Do You Speak Social?Antony Mayfield
 
Using microblogging in education - Workshop Villach ICL 2009
Using microblogging in education - Workshop Villach ICL 2009Using microblogging in education - Workshop Villach ICL 2009
Using microblogging in education - Workshop Villach ICL 2009Gabriela Grosseck
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a MaterialDan Saffer
 
Design for Dasein: Understanding the Design of Experiences
Design for Dasein: Understanding the Design of ExperiencesDesign for Dasein: Understanding the Design of Experiences
Design for Dasein: Understanding the Design of ExperiencesThomas Wendt
 
A journey with blogging
A journey with bloggingA journey with blogging
A journey with bloggingTina Donnell
 
Philosophy of Lean: Toward A Phenomenological Understanding of Product Innova...
Philosophy of Lean: Toward A Phenomenological Understanding of Product Innova...Philosophy of Lean: Toward A Phenomenological Understanding of Product Innova...
Philosophy of Lean: Toward A Phenomenological Understanding of Product Innova...Thomas Wendt
 
The Community Manager
The Community ManagerThe Community Manager
The Community ManagerDavid Hachez
 
Making researchers famous with social media
Making researchers famous with social mediaMaking researchers famous with social media
Making researchers famous with social mediaMal Booth
 
Design Thinking: Beyond the Bounds of Your Own Head (a phenomenological persp...
Design Thinking: Beyond the Bounds of Your Own Head (a phenomenological persp...Design Thinking: Beyond the Bounds of Your Own Head (a phenomenological persp...
Design Thinking: Beyond the Bounds of Your Own Head (a phenomenological persp...Thomas Wendt
 
MICROBLOGGING for NETWORK LEARNING
MICROBLOGGING for NETWORK LEARNINGMICROBLOGGING for NETWORK LEARNING
MICROBLOGGING for NETWORK LEARNINGCarmen Holotescu
 
UX Everywhere: how to think like a user experience planner
UX Everywhere: how to think like a user experience plannerUX Everywhere: how to think like a user experience planner
UX Everywhere: how to think like a user experience plannerDeanna Lambert
 
10 social-media-apps-for-education
10 social-media-apps-for-education10 social-media-apps-for-education
10 social-media-apps-for-educationnwtknowledge
 
Design Process YouTube
Design Process YouTubeDesign Process YouTube
Design Process YouTubeHong Qu
 
Your company & the “social stuff” - advanced
Your company & the “social stuff” - advancedYour company & the “social stuff” - advanced
Your company & the “social stuff” - advancedDavid Hachez
 
Be2camp Story / Social Media Journey
Be2camp Story / Social Media JourneyBe2camp Story / Social Media Journey
Be2camp Story / Social Media JourneyMartin Brown
 

What's hot (18)

Twitter Workshop
Twitter WorkshopTwitter Workshop
Twitter Workshop
 
WOMMA: Do You Speak Social?
WOMMA: Do You Speak Social?WOMMA: Do You Speak Social?
WOMMA: Do You Speak Social?
 
Using microblogging in education - Workshop Villach ICL 2009
Using microblogging in education - Workshop Villach ICL 2009Using microblogging in education - Workshop Villach ICL 2009
Using microblogging in education - Workshop Villach ICL 2009
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a Material
 
Design for Dasein: Understanding the Design of Experiences
Design for Dasein: Understanding the Design of ExperiencesDesign for Dasein: Understanding the Design of Experiences
Design for Dasein: Understanding the Design of Experiences
 
A journey with blogging
A journey with bloggingA journey with blogging
A journey with blogging
 
Philosophy of Lean: Toward A Phenomenological Understanding of Product Innova...
Philosophy of Lean: Toward A Phenomenological Understanding of Product Innova...Philosophy of Lean: Toward A Phenomenological Understanding of Product Innova...
Philosophy of Lean: Toward A Phenomenological Understanding of Product Innova...
 
The Community Manager
The Community ManagerThe Community Manager
The Community Manager
 
Making researchers famous with social media
Making researchers famous with social mediaMaking researchers famous with social media
Making researchers famous with social media
 
Performence #2 gpu
Performence #2  gpuPerformence #2  gpu
Performence #2 gpu
 
Social Media and CPD
Social Media and CPDSocial Media and CPD
Social Media and CPD
 
Design Thinking: Beyond the Bounds of Your Own Head (a phenomenological persp...
Design Thinking: Beyond the Bounds of Your Own Head (a phenomenological persp...Design Thinking: Beyond the Bounds of Your Own Head (a phenomenological persp...
Design Thinking: Beyond the Bounds of Your Own Head (a phenomenological persp...
 
MICROBLOGGING for NETWORK LEARNING
MICROBLOGGING for NETWORK LEARNINGMICROBLOGGING for NETWORK LEARNING
MICROBLOGGING for NETWORK LEARNING
 
UX Everywhere: how to think like a user experience planner
UX Everywhere: how to think like a user experience plannerUX Everywhere: how to think like a user experience planner
UX Everywhere: how to think like a user experience planner
 
10 social-media-apps-for-education
10 social-media-apps-for-education10 social-media-apps-for-education
10 social-media-apps-for-education
 
Design Process YouTube
Design Process YouTubeDesign Process YouTube
Design Process YouTube
 
Your company & the “social stuff” - advanced
Your company & the “social stuff” - advancedYour company & the “social stuff” - advanced
Your company & the “social stuff” - advanced
 
Be2camp Story / Social Media Journey
Be2camp Story / Social Media JourneyBe2camp Story / Social Media Journey
Be2camp Story / Social Media Journey
 

Similar to Visual Design Project Brief

Week 6 assignment 2 critical thinking questions EDU 655
Week 6 assignment 2 critical thinking questions EDU 655 Week 6 assignment 2 critical thinking questions EDU 655
Week 6 assignment 2 critical thinking questions EDU 655 tommygee2
 
Visual and interactive storytelling slides cmg 2015-final
Visual and interactive storytelling slides    cmg 2015-finalVisual and interactive storytelling slides    cmg 2015-final
Visual and interactive storytelling slides cmg 2015-finalKatherine-CWACanada
 
Creativity: Core Skill for inclusive AI-based Learning
Creativity: Core Skill for inclusive AI-based LearningCreativity: Core Skill for inclusive AI-based Learning
Creativity: Core Skill for inclusive AI-based LearningNeus Lorenzo
 
Technology Untangled: Past, Present, and Future
Technology Untangled: Past, Present, and FutureTechnology Untangled: Past, Present, and Future
Technology Untangled: Past, Present, and FutureBrian Housand
 
10.MIL 9. Current and Future Trends in Media and Information.pptx
10.MIL 9. Current and Future Trends in Media and Information.pptx10.MIL 9. Current and Future Trends in Media and Information.pptx
10.MIL 9. Current and Future Trends in Media and Information.pptxEdelmarBenosa3
 
5405 4 infographics&multimedia2
5405 4 infographics&multimedia25405 4 infographics&multimedia2
5405 4 infographics&multimedia2Carolyn Guertin
 
Redefining Technology with Instruction
Redefining Technology with InstructionRedefining Technology with Instruction
Redefining Technology with InstructionMiguel Guhlin
 
Web 2.0: What's the Buzz?
Web 2.0: What's the Buzz?Web 2.0: What's the Buzz?
Web 2.0: What's the Buzz?Julia Parra
 
The Dementia Project: Innovation Driven by Social Challenges - As a example ...
The Dementia Project:  Innovation Driven by Social Challenges - As a example ...The Dementia Project:  Innovation Driven by Social Challenges - As a example ...
The Dementia Project: Innovation Driven by Social Challenges - As a example ...Dementia Friendly Japan Initiative
 
Life After Death by PowerPoint Notes
Life After Death by PowerPoint NotesLife After Death by PowerPoint Notes
Life After Death by PowerPoint NotesChris Shade
 
9 Current and Future Trends of Media and Information.pptx
9 Current and Future Trends of Media and Information.pptx9 Current and Future Trends of Media and Information.pptx
9 Current and Future Trends of Media and Information.pptxMagdaLo1
 
Creativity: core skill for inclusive AI-based learning
Creativity: core skill for inclusive AI-based learningCreativity: core skill for inclusive AI-based learning
Creativity: core skill for inclusive AI-based learningThe Transformation Society
 
CURRENT AND FUTURE TRENDS IN MEDIA AND .pdf
CURRENT AND FUTURE TRENDS IN MEDIA AND .pdfCURRENT AND FUTURE TRENDS IN MEDIA AND .pdf
CURRENT AND FUTURE TRENDS IN MEDIA AND .pdfMagdaLo1
 
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...Arniel Ping
 
(lc26,27,28) 9-170209082212.pdf
(lc26,27,28) 9-170209082212.pdf(lc26,27,28) 9-170209082212.pdf
(lc26,27,28) 9-170209082212.pdfClaesTrinio
 
Moodle at the Institute of Social Studies
Moodle at the Institute of Social StudiesMoodle at the Institute of Social Studies
Moodle at the Institute of Social StudiesHans de Zwart
 

Similar to Visual Design Project Brief (20)

Visual Design Day 1
Visual Design Day 1Visual Design Day 1
Visual Design Day 1
 
Week 6 assignment 2 critical thinking questions EDU 655
Week 6 assignment 2 critical thinking questions EDU 655 Week 6 assignment 2 critical thinking questions EDU 655
Week 6 assignment 2 critical thinking questions EDU 655
 
Cre
CreCre
Cre
 
Visual and interactive storytelling slides cmg 2015-final
Visual and interactive storytelling slides    cmg 2015-finalVisual and interactive storytelling slides    cmg 2015-final
Visual and interactive storytelling slides cmg 2015-final
 
Get smart!short
Get smart!shortGet smart!short
Get smart!short
 
Creativity: Core Skill for inclusive AI-based Learning
Creativity: Core Skill for inclusive AI-based LearningCreativity: Core Skill for inclusive AI-based Learning
Creativity: Core Skill for inclusive AI-based Learning
 
Technology Untangled: Past, Present, and Future
Technology Untangled: Past, Present, and FutureTechnology Untangled: Past, Present, and Future
Technology Untangled: Past, Present, and Future
 
10.MIL 9. Current and Future Trends in Media and Information.pptx
10.MIL 9. Current and Future Trends in Media and Information.pptx10.MIL 9. Current and Future Trends in Media and Information.pptx
10.MIL 9. Current and Future Trends in Media and Information.pptx
 
5405 4 infographics&multimedia2
5405 4 infographics&multimedia25405 4 infographics&multimedia2
5405 4 infographics&multimedia2
 
Redefining Technology with Instruction
Redefining Technology with InstructionRedefining Technology with Instruction
Redefining Technology with Instruction
 
Web 2.0: What's the Buzz?
Web 2.0: What's the Buzz?Web 2.0: What's the Buzz?
Web 2.0: What's the Buzz?
 
The Dementia Project: Innovation Driven by Social Challenges - As a example ...
The Dementia Project:  Innovation Driven by Social Challenges - As a example ...The Dementia Project:  Innovation Driven by Social Challenges - As a example ...
The Dementia Project: Innovation Driven by Social Challenges - As a example ...
 
Slideology sample30
Slideology sample30Slideology sample30
Slideology sample30
 
Life After Death by PowerPoint Notes
Life After Death by PowerPoint NotesLife After Death by PowerPoint Notes
Life After Death by PowerPoint Notes
 
9 Current and Future Trends of Media and Information.pptx
9 Current and Future Trends of Media and Information.pptx9 Current and Future Trends of Media and Information.pptx
9 Current and Future Trends of Media and Information.pptx
 
Creativity: core skill for inclusive AI-based learning
Creativity: core skill for inclusive AI-based learningCreativity: core skill for inclusive AI-based learning
Creativity: core skill for inclusive AI-based learning
 
CURRENT AND FUTURE TRENDS IN MEDIA AND .pdf
CURRENT AND FUTURE TRENDS IN MEDIA AND .pdfCURRENT AND FUTURE TRENDS IN MEDIA AND .pdf
CURRENT AND FUTURE TRENDS IN MEDIA AND .pdf
 
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
Media and Information Literacy (MIL) - 9. Current and Future Trends in Media ...
 
(lc26,27,28) 9-170209082212.pdf
(lc26,27,28) 9-170209082212.pdf(lc26,27,28) 9-170209082212.pdf
(lc26,27,28) 9-170209082212.pdf
 
Moodle at the Institute of Social Studies
Moodle at the Institute of Social StudiesMoodle at the Institute of Social Studies
Moodle at the Institute of Social Studies
 

More from Stanford dmedia

dmedia Project 2 Interaction Design - Field Work
dmedia Project 2 Interaction Design - Field Workdmedia Project 2 Interaction Design - Field Work
dmedia Project 2 Interaction Design - Field WorkStanford dmedia
 
dmedia DP2 Interaction Design - Deliverable 2
dmedia DP2 Interaction Design - Deliverable 2dmedia DP2 Interaction Design - Deliverable 2
dmedia DP2 Interaction Design - Deliverable 2Stanford dmedia
 
dmedia Design Project 2 Interaction Design Brief
dmedia Design Project 2 Interaction Design Briefdmedia Design Project 2 Interaction Design Brief
dmedia Design Project 2 Interaction Design BriefStanford dmedia
 
Design Project 3 Emotional Design Deliverable 2
Design Project 3 Emotional Design Deliverable 2Design Project 3 Emotional Design Deliverable 2
Design Project 3 Emotional Design Deliverable 2Stanford dmedia
 
dmedia 2012 - Design Project 3 - Emotional Design
dmedia 2012 - Design Project 3 - Emotional Designdmedia 2012 - Design Project 3 - Emotional Design
dmedia 2012 - Design Project 3 - Emotional DesignStanford dmedia
 
e281 dmedia syllabus winter 2012
e281 dmedia syllabus winter 2012 e281 dmedia syllabus winter 2012
e281 dmedia syllabus winter 2012 Stanford dmedia
 

More from Stanford dmedia (6)

dmedia Project 2 Interaction Design - Field Work
dmedia Project 2 Interaction Design - Field Workdmedia Project 2 Interaction Design - Field Work
dmedia Project 2 Interaction Design - Field Work
 
dmedia DP2 Interaction Design - Deliverable 2
dmedia DP2 Interaction Design - Deliverable 2dmedia DP2 Interaction Design - Deliverable 2
dmedia DP2 Interaction Design - Deliverable 2
 
dmedia Design Project 2 Interaction Design Brief
dmedia Design Project 2 Interaction Design Briefdmedia Design Project 2 Interaction Design Brief
dmedia Design Project 2 Interaction Design Brief
 
Design Project 3 Emotional Design Deliverable 2
Design Project 3 Emotional Design Deliverable 2Design Project 3 Emotional Design Deliverable 2
Design Project 3 Emotional Design Deliverable 2
 
dmedia 2012 - Design Project 3 - Emotional Design
dmedia 2012 - Design Project 3 - Emotional Designdmedia 2012 - Design Project 3 - Emotional Design
dmedia 2012 - Design Project 3 - Emotional Design
 
e281 dmedia syllabus winter 2012
e281 dmedia syllabus winter 2012 e281 dmedia syllabus winter 2012
e281 dmedia syllabus winter 2012
 

Recently uploaded

DSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien FedouDSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien Fedoujfedou2105
 
MIRAE (Branding & Identity) Explained.pdf
MIRAE (Branding & Identity) Explained.pdfMIRAE (Branding & Identity) Explained.pdf
MIRAE (Branding & Identity) Explained.pdfaimonayesha7
 
SHADES Explained (Branding & Packaging) .pdf
SHADES Explained (Branding & Packaging) .pdfSHADES Explained (Branding & Packaging) .pdf
SHADES Explained (Branding & Packaging) .pdfaimonayesha7
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Peter139483
 
F.LAB Credential ©2024 : Looking The World of Experience by F.LAB
F.LAB Credential ©2024 : Looking The World of Experience by F.LABF.LAB Credential ©2024 : Looking The World of Experience by F.LAB
F.LAB Credential ©2024 : Looking The World of Experience by F.LAButariworks
 
Jackson Henry 24 Flock The Vote Shirt Jackson Henry 24 Flock The Vote Shirt
Jackson Henry 24 Flock The Vote Shirt  Jackson Henry 24 Flock The Vote ShirtJackson Henry 24 Flock The Vote Shirt  Jackson Henry 24 Flock The Vote Shirt
Jackson Henry 24 Flock The Vote Shirt Jackson Henry 24 Flock The Vote ShirtTeeFusion
 
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt  Sign The Contract Big Boy ShirtSign The Contract Big Boy Shirt  Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt Sign The Contract Big Boy ShirtTeeFusion
 
Complete Coffee table book on Jiapur.pdf
Complete Coffee table book on Jiapur.pdfComplete Coffee table book on Jiapur.pdf
Complete Coffee table book on Jiapur.pdfaimonayesha7
 
如何办理西英格兰大学毕业证书学位证书成绩单?
如何办理西英格兰大学毕业证书学位证书成绩单?如何办理西英格兰大学毕业证书学位证书成绩单?
如何办理西英格兰大学毕业证书学位证书成绩单?krc0yvm5
 
Strawberry Jams But My Glock Don't Shirt
Strawberry Jams But My Glock Don't ShirtStrawberry Jams But My Glock Don't Shirt
Strawberry Jams But My Glock Don't ShirtTeeFusion
 
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.Vaishnavi R
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Unit 12 - Level Design and how it affects the player.
Unit 12 - Level Design and how it affects the player.Unit 12 - Level Design and how it affects the player.
Unit 12 - Level Design and how it affects the player.JoshHolmes21
 
Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|CaydenIngman
 
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
ورشة الطريق إلى البيم   ورشة الطريق إلى البيمورشة الطريق إلى البيم   ورشة الطريق إلى البيم
ورشة الطريق إلى البيم ورشة الطريق إلى البيمOmarSelim27
 
Oregon State University Interior Design Portfolio
Oregon State University Interior Design PortfolioOregon State University Interior Design Portfolio
Oregon State University Interior Design Portfoliopagei
 
Digi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxDigi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxRufusGleave
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...ssuseraaa1581
 
DesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportDesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportstudiotelon
 
Revit Drafting – Drafting Tools and Software
Revit Drafting – Drafting Tools and SoftwareRevit Drafting – Drafting Tools and Software
Revit Drafting – Drafting Tools and SoftwareResDraft
 

Recently uploaded (20)

DSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien FedouDSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien Fedou
 
MIRAE (Branding & Identity) Explained.pdf
MIRAE (Branding & Identity) Explained.pdfMIRAE (Branding & Identity) Explained.pdf
MIRAE (Branding & Identity) Explained.pdf
 
SHADES Explained (Branding & Packaging) .pdf
SHADES Explained (Branding & Packaging) .pdfSHADES Explained (Branding & Packaging) .pdf
SHADES Explained (Branding & Packaging) .pdf
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
F.LAB Credential ©2024 : Looking The World of Experience by F.LAB
F.LAB Credential ©2024 : Looking The World of Experience by F.LABF.LAB Credential ©2024 : Looking The World of Experience by F.LAB
F.LAB Credential ©2024 : Looking The World of Experience by F.LAB
 
Jackson Henry 24 Flock The Vote Shirt Jackson Henry 24 Flock The Vote Shirt
Jackson Henry 24 Flock The Vote Shirt  Jackson Henry 24 Flock The Vote ShirtJackson Henry 24 Flock The Vote Shirt  Jackson Henry 24 Flock The Vote Shirt
Jackson Henry 24 Flock The Vote Shirt Jackson Henry 24 Flock The Vote Shirt
 
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt  Sign The Contract Big Boy ShirtSign The Contract Big Boy Shirt  Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
 
Complete Coffee table book on Jiapur.pdf
Complete Coffee table book on Jiapur.pdfComplete Coffee table book on Jiapur.pdf
Complete Coffee table book on Jiapur.pdf
 
如何办理西英格兰大学毕业证书学位证书成绩单?
如何办理西英格兰大学毕业证书学位证书成绩单?如何办理西英格兰大学毕业证书学位证书成绩单?
如何办理西英格兰大学毕业证书学位证书成绩单?
 
Strawberry Jams But My Glock Don't Shirt
Strawberry Jams But My Glock Don't ShirtStrawberry Jams But My Glock Don't Shirt
Strawberry Jams But My Glock Don't Shirt
 
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Unit 12 - Level Design and how it affects the player.
Unit 12 - Level Design and how it affects the player.Unit 12 - Level Design and how it affects the player.
Unit 12 - Level Design and how it affects the player.
 
Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|
 
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
ورشة الطريق إلى البيم   ورشة الطريق إلى البيمورشة الطريق إلى البيم   ورشة الطريق إلى البيم
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
 
Oregon State University Interior Design Portfolio
Oregon State University Interior Design PortfolioOregon State University Interior Design Portfolio
Oregon State University Interior Design Portfolio
 
Digi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxDigi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptx
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
 
DesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportDesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course report
 
Revit Drafting – Drafting Tools and Software
Revit Drafting – Drafting Tools and SoftwareRevit Drafting – Drafting Tools and Software
Revit Drafting – Drafting Tools and Software
 

Visual Design Project Brief

  • 1. PROJECT 01 VISUALIZE HISTORY Hasso Plattner Institute of Design
  • 2. PROJECT 01 VISUALIZE HISTORY Hasso Plattner Institute of Design WHAT YOU ARE GOING TO DO? DELIVERABLES OVERVIEW Long before Facebook and O’Reilly trademarked the Web 2.0 term, people were using both digital and physical artifacts to create shared 2 Posts to the website by 9am on Thursday January 19th * meaning and enable collaboration. “Social media” has existed for decades, but never before at this scale and with this ubiquity. What 1. A inspirational screenshot of the visualization you choose can we learn from the past to help us design better media solutions in with link plus a 1 paragraph written critique. the future? 2. A written point of view (1 sentence) plus your exploratory sketches and your iterated info viz prototype. (Think headline.) Over the next 2 weeks, you will dig into the history of social media and create a compelling information visualization that illuminates a pattern 1 Post to the website by 9am on Thursday January 26th * or anomaly that you uncover and feel matters. The visualization should be both immediately enticing and ultimately insightful. Hook us with the 3. A high-resolution (at least) 1024 x 768 image of a digital visual design then give us something to discuss. information visualization to present in class. It will be interpreted on it’s own, you will not be allowed to explain it in class. Also include your refined point of view (1 sentence). * additional details on deliverables are on the next two pages. WHAT’S THE POINT? This assignment has 3 goals: Uncover the long and local history of social media. ADVICE FOR SUCCESS Gain experience visualizing informational patterns, overlaps, & anomalies. Do several cycles. We’re forcing you to do 2rounds just to complete the assignment. Do Gain experience putting visual design principles into use to more. The more quick iterations you create the better your final project communicate meaning and emotion to an audience. will be and the more you will learn. Go deep OR go broad. The world of social media is vast. You might choose to hone in on one particular area and provide some deep understanding. Alternatively you TOOLS & RESOURCES could take a broad view and present a shallower response. (In ascending order of ease of learning curve. In our estimation, Apple Keynote is the best combination of ease of use and capabilities.) There is no “correct” answer to this assignment. Follow your creative instincts to a fruitful area and start visualizing! Various Grids Ideally your visualization will inform and inspire the class in http://thegridsystem.org unanticipated ways. Don’t be afraid to try to learn a new skill or master a new tool. Use of on-line digital tools is encouraged. Prezi Tutorials http://prezi.com/learn/ Apple Keynote Tutorials CRITIQUE GUIDELINES http://www.apple.com/iwork/tutorials/#keynote-hero The teaching team and your peers will be critiquing your work along the following three guidelines. Adobe Illustrator Beginner Tutorials (Simple Icon, General Tutorials, Pen Tool, Pathfinder Panel) http://blog.spoongraphics.co.uk/tutorials/beginner-illustrator-tutorial- Did it work? create-a-vector-rss-icon Did your audience understand your point of view? Were they http://vectips.com/ inclined to learn more? http://vector.tutsplus.com/tutorials/tools-tips/illustrators-pen-tool-the- comprehensive-guide/ Why or why not? http://vector.tutsplus.com/tutorials/tools-tips/a-comprehensive-guide- Did you effectively employ visual design principles? (see visual to-the-pathfinder-panel/ design principles pdf) Does it matter? Does it reveal novel human-to-human connections? Does it inspire an emotional response?
  • 3. PROJECT 01 VISUALIZE HISTORY Hasso Plattner Institute of Design ASSIGNMENT PART 1 Posted to the website by 9am on Thursday, January 19 for in class feedback. First, read the following: Second, find a model & figure out why it works (or doesn’t): Where the Counterculture Met the New Economy: The WELL Find an information visualization that catches your eye. and the origins of Virtual Community, By Fred Turner Examine and critique it based on the depth of it’s insight & the http://www.stanford.edu/~fturner/Turner%20Tech%20& visual design principles reviewed in class. %20Culture%2046%203.pdf The following links can be used for inspiration but you are Chapter 2 of The Virtual Community , by Howard Rheingold welcome to choose your own. http://www.rheingold.com/vc/book/2.html http://www.inspiredm.com/20-essential-infographics-data- A description of the MOMA’s recent acquisition of the “@” visualization-blogs/ symbol http://www.good.is/infographics http://www.moma.org/explore/inside_out/2010/03/22/at- http://www.smashingmagazine.com/2008/01/14/monday- moma/ inspiration-data-visualization-and-infographics/ The Fundamental Principles of Analytical Design from Beautiful http://stamen.com/datavisualization Evidence by Edward Tufte http://flowingdata.com/2011/12/21/the-best-data-visualization- To be distributed. projects-of-2011/ http://www.visualcomplexity.com/vc/ Plus at least one additional source from this list (or one of your http://visual.ly/#gc_filter choosing): http://jess3.com/ As We May Think, by Vannevar Bush http://informationisbeautiful.net http://www.theatlantic.com/magazine/archive/1969/12/as-we- may-think/3881/ http://pinterest.com/source/infographics.blog.hu/ Paul Saffo on the Creator Economy http://whatmatters.mckinseydigital.com/internet/get-ready-for- a-new-economic-era Deliverable 1 of 3 : Post to the website by 9am on Thursday, January 19th: Clay Shirky on Institutions vs. Collaboration (video) A inspirational screenshot of the visualization you choose with http://www.ted.com/talks/ link plus a 1 paragraph written critique. clay_shirky_on_institutions_versus_collaboration.html Andy Rutlege : Gestalt Principles of Design &/ or Design Lesson 1 of 1 Third, Create a Prototype to test your point of view and your core communication device: http://www.andyrutledge.com/gestalt-principles-1-figure-ground- relationship.php Articulate your point of view (what you are trying to communicate http://www.andyrutledge.com/the-design-lesson.php about the history of social media). Think of your point of view as a concise statement of intent. What is your visualization communicating? What is it about? What tension are you trying to show? What story are you trying to tell? What connections are you trying to make? What patterns are you trying to reveal? Explore at least 3 options via physical or digital sketches. Choose one and create one slightly more refined Deliverable 2 of 3 : Post to the website by 9am on Thursday, January 19th: A written point of view (1 sentence) plus your exploratory sketches and your iterated info viz prototype. (Think headline.)
  • 4. PROJECT 01 VISUALIZE HISTORY Hasso Plattner Institute of Design ASSIGNMENT PART 2 Posted to the website by 12 9am on Thursday, January 26 for in class presentation. First, Synthesize the feedback you received in class on January 19th Third, Create Your Final Design: Point of View Prepare a visual representation of your findings. Use any medium you How was your point of view or intent received? prefer and use any tools you would like. We recommend Keynote if you have a Mac. But use whatever you are familiar with. The visualization Was your audience able to understand it in the way that you had must be presentable in a digital form. (e.g. a beautiful hand drawn mind hoped? Was it deep enough to generate a thoughtful dialogue? map must be converted to a digital format like .png, .jpg, .tiff etc.). Visual Design & Clarity How was your visual design interpreted? Was your audience able to Deliverable 3 of 3 : Post to the website by 9am on Thursday January make comparisons, see connections, and generate interpretations? 26th: How well did you employ the design principles articulated in class? A high-resolution (at least) 1024 x 768 image of a digital information visualization to present in class. It will be interpreted on it’s own, you will not be allowed to explain it in class. Also include your refined point of view (1 sentence). Second, Refine Your Point of View Prototype: Narrow or Re-Tool your point of view based on the feedback you received. Try creating a few new variations to try out possible directions than honing in one one. Iterate your prototype based on the feedback you received. Simplify the overall and amplify the specifics that help articulate your point. Aim for something that is both initially compelling and subsequently intriguing.