14.39
Data Visualization
Casy Caplow
– good transparency
– collaborating with others on GOOD magazine Transparency
Ben Fry
– Force data upon us and make things self evident
– tells a story with the information graphics. water useage during olympic gold metal hockey game. bathroom breaks
Examples:
Tweets nearby – mapping tweets by geolocation at an event like SXSW yields useful visualizations of activity.
All road points on a map. defines the united states with the roads, geography, cities and terrain.
– no geographical data has been added, yet the roads in all of the US shows us terrain, cities, and political boundaries.
GE Health Correlations
– enourmous patient database – 11 million patient records
– data is broken up with factores and conditions and compare the,
Darwin’s Origin of Species
– the text of it. how it changed over the six editions of it.
– added a chapter in the final editions. addressed the criticisms.
Processing
– people making visual things in an easy and accesible way
– may have talks with mozilla to make a javascript version of Processing to be used on the web.
– “[Processing] ruining the careers of designers by turning them into programmers, ruining the career of programmers by turning them into artists.”
Zooming in from chromosomes to base pairs
Sean Carter
– NYC infographics department
– in charge of NYT
– a version of the website delivered to your home on the piece of paper.
Examples:
how different groups spend their day?
Vancouver olympic venues
– all venues and 3D mapped so you can see the terrain the olympians are on.
twitter chatter during the superbowl
– Cardinals Versus Steelers
– US States with proportional word sized based on twitter chatter.
Exit polls for 2008 election
– showing state by state and county by county the results of the exit polls
Virginia tech story – deadly rampage at virginia tech
– tell the story of the event with diagrams and 3D mapping
– only show what you know happened
Eric Rodenbeck
– stamen design
– data viz studio in SF
– mapping of live dataflows
Olympic twitter tracker for NBC and Olympics
– show you what people were talking about on twitter for olympics
– live stream of talk. Saw the takeover of the luge accident
Turning information into exciting and visual and redable.
literacy of information graphics is rising thanks to GOOD and NYT
Geolocation of tweets for hope for haiti now.
sfmoma artscope
– tiny portraits zoom in and see trends to explore paitnings.
– ordered chronologically
cloudmade and open street map
made by you and me.
all traced by volunteers
mike megursky
walking-papers.org
pirate maps
QR code in the corner so it knows where it came from.
used in haiti for the changing terrain
porous and dynamic – crimespotting – city of oakland
start to build displays for managing it all
show the patters – tell the data tell its own story
exploration, not just search
mysociety travel time – London
– how far you can get in the center of london with oublic transportation.
– overlap this with housing data.
Comments:
– Tiny screens is where new infographics will be seen
– how you get dataviz into the real world?
– When will brands start to use dataviz about who they are?
– viz literacy rate is rising for dataviz
– embedded sensors in the built environment will start to influence dataviz – nondigital
Is HTML5 the new tool for information graphics. IE vs. Canvas?
How to find data?:
– Find really good data and really good API’s
– Find data through infochimps.com
– really depends on your problem
Tools:
– tableau
– swivel
– many eyes
14.34
Getting Great as a Designer
the last 10% of a project is where greatness lies
– the last 1% will make you amazing
– 1% improvement in each project over each year
if you can work better under pressure in that process its a measure of greatness
Your point of view added to your work makes you unique.
Personal projects makes you get to the next level.
– experimentation time. 20% of time at google for exploring.
– from that 60% of things that come to market
Collaborate on work and have other people be accountable
– not letting someone down.
– setting deadlines for yourself
– the lull of the process can stop you so it helps to have others
Implementation of ideas.
– does it have to come to fruition?
– proof of concept rather than fully realized.
Long term sustained projects that are high quality. solid design. sustained quality
Surround yourself with people with different skills and different passion
– don’t get caught up in your own bubble
“think more design less.” – ellen lupton.
– think about it before you do it rather than changing as you go.
learning process, put your work out there whether its good or not – ira glass good taste
– catch up to your good taste – producing good work
“the more i know the less i have to pretend to know”
iterative process needs to be better for a site
work with 4 total clients a year. 4 big projects.
convince me that you want to work with me.
– At an interview – “i know i’d like to work you guys you seem like a good fit, i’d lot to talk to your boss to make sure we can work well together. “
balancing sacrifices with design goals.
– breaking down personality limitations with shy and inward thinking by challenging yourself
– dont always ask for advice because you want someone to tell you to do the wrong thing
15.25
Building Apps In Your Spare Time
– gina trapani – complete goole wave.com
- better gmail – stealing userscripts from other peopel and packaging them
- think tank – database of things they’ve posted. full time job
– matt haughey
- fuelly – public social miles per gallo site.
- meta filter
- adam pash
- mix tape
- belvedere
- texter
apps you want to use for yourself – make public and mutli user.
something you feel proud of you get feedback and publish and get users
there’s a lull in an application’s life. so make something you’ll use to hold for users.
time management – keeping up to dat
start with hello world and go from there.
out sourcing design for applications – frameworks
gethub – people adding code to your application.
meet designers to ramp up your coding projects.
coding guidelines constructor for gethub – build your guidelines for open source projects.
getting your employer to sponsor side projects – is it good for the company
15.24
Futurist Cartography
- every map tells a story
- kenya map – post election crisis – maps (send in reports of violence or peace action online)
– ushahidi – crowdsource crisis happenings
– maps are social constructions, visualization of our understanding and the world around us.
– loss of pluto is paradigm shift
– maps are assumptions – good guys and bad guys
– maps manufacture power – 1884 – berlin conference africa
– maps go from
- expert to novice
- mass produced to personal
- from a noun to a verb
- from visible to invisible
– may 23rd 2007 – urban population exceeded rural population by over 100,00 on this date.
-7000 languages today – 3500 are from 2% of people
– every 14 days a language disappears. language hot spots.
- when a language dies, the history of a culture vanishes.
– human cartography
– map of the human genome
- new scientific industry – bioinfomatics
- genomes couldn’t be patented
- 100,00 genes? nope 20,000, – 30,000
– sequencing technology to map personal genomes. 23 and me. risk factors on gene
– the personal genome project – the pgp 10 – public personal dna map
- revealed personal map in the new yorker
- neurocartography
the allen brain atlas (Paul Allen)
mapping the brain at the level of genes
- see where genes are expressed in what part of the brain
- emotion maps
- christian nold’s – visualize human emotions
- combined emotional map with cartography. spikes for emotions on a city
- psycho-spacial maps
- emotional forecast
body/brain/behavior maps
Mapping Flow
- flight patterns – aaron koblin
- gawker smells subway map – smells of the city
- annotate the world with sensory objects
- mapping supply chains – fritolay – dole bananas
- removal chain – trash track. – MIT trash map migration
08.51
Augmenting Reality With Maps
– z Coordinates
– time
– resolution of data
– indoor mapping
– datastreams of buildings of floors – indoor mapping with wifi networks
– indoor mapping
– a new map projection that is more human - NYC projection
– augmented reality with camera on phone
– pirate maps – only essential data. so you can overlay realtime data
– realtime streaming video, photos, tweets and checkings – depthmaps
– maps can also dropping things at random to encourage – mario coins while running
– go back in time and how me realtime heatmaps
– bushcraft – local knowledge
– tweets or photos or going back i time. changing the accuracy of our history.
– flickr alphashapes
– open source – open street map, google map maker
– crowdsourcing – value of user sourced data – reliability
– verifying truth but let people be the experts.
– when maps become unstrustworthy – driving directions correct?
– curating his data is hugely important
– socially curated neighborhoods
08.28
KEYNOTE: Vallerie Casey – Systems Design and Inspiration
Designers Accord
– interactive absent from sustainability and create change
NARRATIVE
– interaction designers are also fixated on narratives and storytelling
– kurt voneggut – archetypical narratives
- primary archetypical narratives – (politics, science, literature)
loose something important from a normal life, regain and overcome
becomes happier on finding, sadder by losing and happier to find it again
finding narratives in society
the story we tell is things are bad and they get worse – hopeless. kafka graphs
designers accord – what do we do with negative imagery and terrible messages
– by bringing the creative community together we can look at these issue with a new creative and optimistic perspective
– personal accountability and collective accountability – change your ways and share into the commons
– fast company details sustainability with case studies of companies on a schedule
– educate the new years of designers with new thinking, new value system
– school by design with high school students to think about sustainability and design thinking
“over 6 continents “
the opportunity for the creative community and interactive sector for systems thinking
– bruce mau – constant total length
– your world has two fixed points
– every-time you tug something else will be moved through the system – a consequence for everything you do and don’t do
7 WAYS TO THINK ABOUT SUSTAINABILITY IN BROAD TERMS
interactive will lead the movement next. we have the systems thinking.
– A SYSTEM IS MORE THAN THE SUM OF ITS PARTS
- the hipporoller, project H design, redesigned.
- panned because of non recycled materials
- the system was challenged.
– FEEDBACK DELAYS AND BOUNDED RATIONALLY = DESIGN TRAPS
- hard to make decisions outside of your realm of knowledge
- design trap – design for the symptom rather than the problem.
- something has already been designed, design something new
– NO SUCH THINK AS A SIDE-EFFECT
- CCA global taco shed
- went to a taco truck and bought a taco and had to trace the ingredients all the way to is source.
- all traveled 64000 miles.
- local is better global is bad. food miles.
- energy necessary for the total life cycle of the product
- taking apart assumptions about food.
– CREATING THE RIGHT MEASUREMENT OF SUCCESS
- challenges GDP measure of success
- master plan for india town. – ecological performance standards for built environment
- building preform in the same way the land used to before it was touched – reproduce what the system naturally does.
– SELECTING THE CORRECT LEVER FOR CHANGE
- identify the wrong thing to change when they try.
- naked pizza – 4 guys who built a shack for pizza. turned it into a lab to make the worlds healthiest pizza
- take the concept and scale it to work as a fast food industry as a trojan horse. use the same model to teach about health.
- pizza is the trojan horse to explain about healthy food
- food deserts around the country – keep priorities to keep price down so the level of entry is low. so they don’t have to eat crap.
- ENABLE NEW MODELS BY LOOKING AT STRUCTURE AND BEHAVIOR
- can’t get a new behavior from a system without changing the structure.
- HUB – shared space for social entrepreneurs to cross pollinate ideas
- joined resources around raising funding and workshops
- physicality makes more ideas happen-
– ISSUE ATTENTION CYCEL – DEGREES OF AWARENESS IS INVERSELY CORRELATED TO THE DEGREE OF PRODUCTIVE ACTION
- get fired up, a point where the degree
– when you get them all really interested – tranquilizing effect. all these people are already involved.
– people believe that someone else has got it.
A system is made up of ELEMENTS, INTERCONNECTIONS, and PURPOSE.
interactive community is missing from all these issues. stop creating more elements and be the voices that art the connections between all disciplines and users. what if social media was about social impact?
interactive community is connective tissue.
16.09
Tools for Good: Design Meets Technology in Service.
Call for a 21st Century focus: helping people and saving the planet. Our panel will dive deep into skills, techniques and strategies from successful global initiatives in architecture, education, and community. Experience hands-on how the power of design and technology is the great differentiator guiding collaborations for positive change.
differentiation – notice
– technology is great equalizer
– contributing to the noise
– A.D.D. culture
– abuse email to keep hitting you up
– DON’T INCREASE THE NOISE
– fbook, email, paper, more touchpoints, have to be looking at the big picture.
– have to measure the difference and your communication strategy.
– that enduser.
– not just say it – show it.
– power of images.
– brand in language and writing
– hit up with image and video
– VIDEO
– tell your story in the richest way possible
– the
impact – why care
– create something to engage something for the long term
– A.D.D. culture – all care for a few days
– build a community and start a conversation
– people care about things our friends care about
– make everything you do social – take an action easily – broadcast it to you friends
– facebook connect. spider out to people. getting people to share.
– long term impact and see results. timeline of a disaster. money, community – tail of opportunities. arc of involvement.
– hooking people once you donate into doing more.
– targeting people. their friends and connections.
– collect their information for your purposes
– send stories about what happens KIVA
– hand written notes from the kids for KIVA – pring in people to people connections
– followthrough with blogging and mailers
– start a conversationn
– people giving money and hear the stories of what they’re doing today. power of conversation
– engaging poepl in storytelling and somehthing they understand
– touch someone’s heart with design.
– actual artifacts. they clothing and materials of the mens center. showing the artifacts and engaging people
– understand the human condition
– holocaust museum – get a card about a person and see the results after you go through.
– got a phone call from the nonprofit.
– short stories, how often you’re contacted, concise writing.
crowdsourcing advocacy and activism – getting people to act
– making sticky sites – gaming
– more people on farmville than on twitter alltogether
– getting communities to work together with similar missions for group action
– change.org careto.org, related interests – cross pollinating communities
– world changing apps – mobile empathy amp – the extraordinaires. micro volunteers
– connecting with other organizations who are similar – help
– cosworld – collect karma and give them. corporate sponsors
– akoha game based mission app – GAME THEORY
13.54
It’s a strange feeling to be at a conference and feel that everyone around you is influential and that everyone around you could lead to a great opportunity.
13.43
A Chance to recharge and recap my first morning of SXSW Interactive here in Austin. I’ve set up this Liveblog so I can continuously post events and goings on. Stay tuned for the recaps of my morning panel discussions including “Web Fonts; The Time Has Come,” “We F*cked Up; Exploring Failures, Together,” and “Tools For Good; Design Meets Technology in Service.”
08.17
Recap of CSS3 with HTML5
Do Websites Need To Look Exactly The Same In Every Browser? NO
You can use CSS3 right now.
HTML5 is supported by modern browsers.
Modernizr – CSS3 checks for HTML 5
Media Queries
– if the maxwith is x then show these alternate styles.
– change how the site is displayed depending on maxwidth.
Text wrapping into multiple columns with CSS3 & Text Shadow
Font Squirrel Generator
RGBA CSS3 – IE needs a fallback.
