Murphys bLawg - tagged with design http://www.mjmurphy.info/feed en-us http://blogs.law.harvard.edu/tech/rss Sweetcron emjmurphy@gmail.com LIFECYCLE: 365 days in the life of a bike in NYC http://www.mjmurphy.info/items/view/2118/lifecycle-365-days-in-the-life-of-a-bike-in-nyc ]]> Sun, 22 Jan 2012 20:02:00 +0000 http://www.mjmurphy.info/items/view/2118/lifecycle-365-days-in-the-life-of-a-bike-in-nyc Christian Crumlish: Designing Social Interfaces: 5 Principles, 5 Practices, 5 Anti-Patterns http://www.mjmurphy.info/items/view/1208/christian-crumlish-designing-social-interfaces-5-principles-5-practices-5-anti-patterns

As we use social tools on the web, design patterns are emerging. Social design must be organic, not static, emotional, not data-driven. A social experience builds on relationships, not transactions.

In 2008, Yahoo!'s Christian Crumlish introduced the idea of social design patterns to BayCHI. He returns in 2010 to share what he learned over two years. With his Yahoo! colleague Erin Malone, Christian created a wiki to gather social design patterns and published a snapshot of the wiki in book form.

Among the many principles of social design, Christian presents five:

  • Pave the Cowpaths: Watch what people do, then support and adapt to that behavior.
  • Talk Like a Person: Use a conversational voice. Be self-deprecating when an error occurs. Ask questions.
  • Be Open: Embrace open standards. Support two-way exchange of data with other applications.
  • Learn from Games: Give your application fun elements, like collecting and customization.
  • Respect the Ethical Dimension: Understand the expectations people have in social situations and abide by them.

Christian then describes five practices:

  • Give people a way to be identified and to characterize themselves.
  • Create social objects that give people context for interaction.
  • Give people something to do, and understand the continuum of participation, from lurkers to creators to leaders.
  • Enable a bridge to real life.
  • Let the community elevate people and the content they value.

Finally, he discusses five anti-patterns, commonly-used design choices that appear to solve a problem but that can backfire and pollute of the commons. Examples:

  • The Cargo Cult: Copying successful designs without understanding why they are successful.
  • Breaking Email: Sending an email alert, but rejecting or silently discarding the reply.
  • The Password Anti-Pattern: Asking people for their password to another service encourages poor on-line hygiene.
  • The Ex-Boyfriend Bug: Connecting people who share a social circle but who have reasons to avoid each other.
  • The Potemkin Village: Building groups with no members. Instead, let people gather naturally.

Christian stresses that social design is an ecosystem in which designers must balance many trade-offs. Not every design pattern applies to every application, but good designers can use patterns to strike a balance that works.

http://chi.conversationsnetwork.org/shows/detail4459.html

]]>
Sun, 07 Nov 2010 22:52:00 +0000 http://www.mjmurphy.info/items/view/1208/christian-crumlish-designing-social-interfaces-5-principles-5-practices-5-anti-patterns
Touch Gesture Reference Guide http://www.mjmurphy.info/items/view/1169/touch-gesture-reference-guide

A set of resources for software designers and developers working on touch-based user interfaces.

]]>
Mon, 18 Oct 2010 20:36:00 +0000 http://www.mjmurphy.info/items/view/1169/touch-gesture-reference-guide
TITILLIUM - open source font http://www.mjmurphy.info/items/view/802/titillium-open-source-font

An open source font from a group of students at the Accademia di Belle Arti di Urbino (Urbino Accademy of Fine Arts) in Italy. Anyone can download, modify and upload their own creations. Interesting project and nice looking font.

]]>
Thu, 26 Nov 2009 03:08:00 +0000 http://www.mjmurphy.info/items/view/802/titillium-open-source-font
10/GUI http://www.mjmurphy.info/items/view/731/10gui

Here it is: my crazy summer project to reinvent desktop human-computer interaction.

This video examines the benefits and limitations inherent in current mouse-based and window-oriented interfaces, the problems facing other potential solutions, and visualizes my proposal for a completely new way of interacting with desktop computers.

There's more information at 10gui.com . Cast: C. Miller

]]>
Mon, 26 Oct 2009 01:45:00 +0000 http://www.mjmurphy.info/items/view/731/10gui
Baseline - a designer framework by ProjetUrbain.com http://www.mjmurphy.info/items/view/665/baseline-a-designer-framework-by-projeturbaincom

A CSS framework to help develop a pleasing grid and good typography. Includes some fetaures of CSS3 and HTML5

]]>
Tue, 08 Sep 2009 11:54:00 +0000 http://www.mjmurphy.info/items/view/665/baseline-a-designer-framework-by-projeturbaincom
Heavy Backpack - A Creative Catalogue » Design Folios with Google Maps http://www.mjmurphy.info/items/view/661/heavy-backpack-a-creative-catalogue-design-folios-with-google-maps

Examples of designers using google maps to display their portfolios

]]>
Wed, 02 Sep 2009 01:03:00 +0000 http://www.mjmurphy.info/items/view/661/heavy-backpack-a-creative-catalogue-design-folios-with-google-maps
IKEA Catalog anno 1965 « ikke tikke theo http://www.mjmurphy.info/items/view/621/ikea-catalog-anno-1965-ikke-tikke-theo

An Ikea Catalog from 1965. Not much has changed in their catalog design. Even the form at the end, looks like the ones they hand out in the shop today.

]]>
Thu, 06 Aug 2009 12:09:00 +0000 http://www.mjmurphy.info/items/view/621/ikea-catalog-anno-1965-ikke-tikke-theo
SlickMap CSS — A Visual Sitemapping Tool for Web Developers http://www.mjmurphy.info/items/view/592/slickmap-css-a-visual-sitemapping-tool-for-web-developers

A CSS stylesheet for displaying sitemaps or organisation charts directly from a HTML unordered list.

]]>
Wed, 22 Jul 2009 02:38:00 +0000 http://www.mjmurphy.info/items/view/592/slickmap-css-a-visual-sitemapping-tool-for-web-developers
five second test - A simple online usability test http://www.mjmurphy.info/items/view/572/five-second-test-a-simple-online-usability-test

Ideas for some quick usability tests

]]>
Mon, 25 May 2009 12:14:00 +0000 http://www.mjmurphy.info/items/view/572/five-second-test-a-simple-online-usability-test
8 Simple Ways to Improve Typography In Your Designs • Blog Archive • AisleOne http://www.mjmurphy.info/items/view/450/8-simple-ways-to-improve-typography-in-your-designs-blog-archive-aisleone

Article on improving web typography using CSS. Uses some great "good/bad" comparisons that clearly show you what's wrong and how to fix it.

]]>
Tue, 14 Apr 2009 15:13:00 +0000 http://www.mjmurphy.info/items/view/450/8-simple-ways-to-improve-typography-in-your-designs-blog-archive-aisleone
Design Classics, The London Underground Map http://www.mjmurphy.info/items/view/386/design-classics-the-london-underground-map

"The pinnacle of London Transport's modernist design", invented by an unemployed engineering draftsman, Harry Beck.

]]>
Tue, 11 Nov 2008 13:19:00 +0000 http://www.mjmurphy.info/items/view/386/design-classics-the-london-underground-map
ICON Aircraft: Sport Flying Revolution http://www.mjmurphy.info/items/view/1/icon-aircraft-sport-flying-revolution

A foldable and almost affordable plane - $140,000

]]>
Tue, 30 Sep 2008 22:20:00 +0000 http://www.mjmurphy.info/items/view/1/icon-aircraft-sport-flying-revolution
Umbrella Today? http://www.mjmurphy.info/items/view/2/umbrella-today

The perfect weather forecast. People don't want data - they just want the information.

]]>
Fri, 26 Sep 2008 00:56:00 +0000 http://www.mjmurphy.info/items/view/2/umbrella-today
Cascade on Wheels: Walls Map http://www.mjmurphy.info/items/view/104/cascade-on-wheels-walls-map

Cascade on Wheels is a visualization project that intends to express the quantity of cars we live with in big cities nowadays. The data set we worked on is the daily average of cars passing by streets, over a year. In this case, a section of the Madrid city center, during 2006.

trsp.net/cow

Cast: steph thirion

]]>
Fri, 09 May 2008 10:21:00 +0000 http://www.mjmurphy.info/items/view/104/cascade-on-wheels-walls-map
Feltron Eight http://www.mjmurphy.info/items/view/15/feltron-eight

One day all this information will be automatically recorded for you (if its not already) Nicely designed report on this dudes life in 2007 (like number of alcoholic beverages consumed)

]]>
Mon, 28 Jan 2008 20:40:00 +0000 http://www.mjmurphy.info/items/view/15/feltron-eight
» Web Typography - 40 sources for inspiration and instruction - Web Design Marketing Podcast & Blog http://www.mjmurphy.info/items/view/36/web-typography-40-sources-for-inspiration-and-instruction-web-design-marketing-podcast-amp-blog

lots of typography resources

]]>
Fri, 17 Aug 2007 14:12:00 +0000 http://www.mjmurphy.info/items/view/36/web-typography-40-sources-for-inspiration-and-instruction-web-design-marketing-podcast-amp-blog
design|snips http://www.mjmurphy.info/items/view/37/designsnips

lots of good site design snippets for inspiration

]]>
Tue, 14 Aug 2007 20:07:00 +0000 http://www.mjmurphy.info/items/view/37/designsnips
BBC - History - Timelines - British Timeline http://www.mjmurphy.info/items/view/41/bbc-history-timelines-british-timeline

an interactive timeline showing the history of Great Britain. great example of data visualization

]]>
Thu, 02 Aug 2007 15:29:00 +0000 http://www.mjmurphy.info/items/view/41/bbc-history-timelines-british-timeline
Jitterbug Phones: Easy Emergency Cell Phones http://www.mjmurphy.info/items/view/63/jitterbug-phones-easy-emergency-cell-phones

A simple mobile phone for the olds that they may actually use

]]>
Mon, 04 Jun 2007 17:27:00 +0000 http://www.mjmurphy.info/items/view/63/jitterbug-phones-easy-emergency-cell-phones