SML Search

Showing posts with label UX. Show all posts
Showing posts with label UX. Show all posts

Saturday, March 8, 2008

Improving Interface Design / Garret Dimon

No comments:

An interesting presentation by Garret Dimon on interface design, filled with quotes and examples. Presented originally at the Web Visions 2007 Improving Interface Design Workshop.



©2008 See-ming Lee 李思明 SML / SML Pro Blog / SML Universe. All rights reserved.

Monday, September 3, 2007

Light to Unite 2006 = Best of Web 2007 / Step Inside Design

No comments:
Light To Unite 2006 / Step Inside Design - Best of Web - Article Spread (3/3) / 2007 / SML Awards

Step Inside Design article (StepInsideDesign.com)


September + October 2007 Print Edition
Step 2007 Best of Web
Winning Sites: LightToUnite.org (LightToUnite.org)

IconNicholson / LBi International


“Light is the metaphor for hope and knowledge,” says Gregg Fisher, vice president of Health and Life Science Practice at IconNicholson.

So it only seems appropriate that the firm developed an interactive candle-lighting experience for the 2006 Light to Unite website. This annual campaign from Bristol-Myers Squibb raises awareness as well as funds for HIV/AIDS treatment and prevention in the U.S.

“When people start to think about AIDS, they often think about Africa,” says See-ming Lee, art director and senior interface engineer. “It’s still a very serious disease in the United States.”


This fact was reinforced as soon as visitors logged onto the site. During the roughly seven-week campaign, which started on World AIDS Day, users found themselves facing an unlit candle against a dark background, with only a lit match to help them navigate the screen. As they moved the flame around, they illuminated startling statistics about HIV’s spread in the U.S., and these facts all became visible once users lit their candles. For every person who completed this simple act, Bristol-Myers Squibb donated $1 (up to $100,000) to the National AIDS Fund. Site visitors could also give additional funds.


Fisher says the project is a great example of what happens when you give power over to community and let it take control. The majority of the site’s traffic came from people who found out about the effort through word-of-mouth online—not paid media. this becomes all the more impressive when you realize that more than 1.8 million candles where lit during this relatively brief effort. And through the first week of January 2007, more than 8000 people signed up for the site’s newsletter—and there were more than 200,000 requests to send the site to a friend. “It's taken on a life of its own,” Fisher says. “Light to Unite is spreading life, spreading awareness, spreading knowledge.”


After lighting a candle, visitors could learn more about the personal impact of HIV/AIDS through the site’s user-generated stories. These short, emotional snippets were submitted through last year’s Light to Unite site, an they’re each represented by a burning candle. “We spent two weeks trying to animate a candle to make it look real,” Lee says. “Every single flame is animated differently.” This attention to detail heightens the experience as you navigate through individual stories or explore them by broad themes ranging from courage and fear to family—and the stories are still accessible now that the campaign as concluded.


IconNicholson | Life Sciences Strategist: Scott Friedberg | Senior Producer: Mark Hopkins | Associate Producer: Jennifer Crowe | Art Director: See-ming Lee | Flash Production: Steve Baker | Technical Director: Jabe Bloom | www.iconnichoslon.com

Michelle Taute (LinkedIn) / Step Inside Design September + October 2007 Print Edition: Step 2007 Best of Web: Winning Sites: LightToUnite.org. pp.108-109


Copyright 2007 Step Inside Design. All rights reserved.

IconNicholson Team (IconNicholson.com)



SML Notes + SML Tech Talk


  • The inspiration for associating candles with the story came from Hillary Savage (LinkedIn), who suggested that behind every candles is a story worth telling during our brainstorming session.

  • The inspiration behind the using highlighted words (aka tags) to get to different collection of stories came from my avid tagging behavior on Del.icio.us. I felt that users ought to be able to tag the stories themselves, as different people will interpret the stories differently. However, due to legal contraints—it is pharma afterall—we compromised to pre-tag the content.

  • The candle flash animation are individually generated using Flash 8's BitmapData.perlinNoise method to alter a 5k PNG. Writing this class was the most satisfying accomplishment thus far—most of my friends thought that they are videos.

SML Awards



SML Thank You


  • I would like to thank my friends from the gay community who provided much inspiration and support while I worked on this project in 2006.

  • I would like to thank Stephen Baker of Red Antenna for collaborating with me on this project. Besides being the best ActionScript 2.0 - compliant Flash developer I have been able to find in New York City, his expertise in visual and interaction design have brought tremendous value to the project.

  • I would like to thank Jennifer Crowe who spent days and nights being our tagging engine.

  • I would like to thank Hillary Savage who provided me with a lot of courage and support during my stressful times working on this baby.

  • I would like to thank Celeste Bryant (LinkedIn) for submitting the project for awards consideration.

SML + HR


  • I am looking for ActionScript 2.0 - compliant Flash developers to collaborate with on future projects—because Stephen is very busy these days. If you think that you are more than capable, please send me an email with your portfolio + resume + sample code snippets.

SML Copyright Notice


Copyright 2007 See-ming Lee. All rights reserved.

Saturday, August 4, 2007

SML Collection = See-ming Lee + Design + Technology + Marketing Strategy

No comments:

SML Collection = See-ming Lee + Awards + Graphic Design + Icons + Identity Design + Information Architecture + Information Design + Interaction Design + Photogarphy;


The accumulation of the complete SML Collection is currently in progress. For the full collection of work available in text-only format, visit SML LinkedIn or SeemingLee.com;


This collection of work is available on Flickr as SML Collection (Collection);
You can also see SML Projects (Collection) for projects break-down by client name + project name;




SML


SML = See-ming Lee = Design + Technology + Marketing Strategy;


Continuing to push technology’s limitations to solve complex business and design challenges in powerful + integrated ways;


See-ming Lee, 2006-05-14See-ming Lee, 2006-03-05See-ming Lee, 2005-04-14See-ming Lee, 2006-02-12See-ming Lee, 2005-02-15See-ming Lee, 2003See-ming Lee, 2001See-ming Lee, 2003See-ming Lee, 1998See-ming Lee, 199920070208_10D_41106_500x500Reflection / Self-Portrait / 20050318.10D.33969




SML Awards


SML Awards = See-ming Lee + Awards;


Duplexlab.com / Duplexlab / 2004 / Interaction Design / SMLEMImusicpub.com / EMI Music Publishing / Design / 2003 / SMLReyataz SoundJam / BMS / Rich-Media Banner Ad / 2005 / Design / SML



SML Graphic Design


SML Graphic Design = See-ming Lee + Graphic Design;


FourPeriods.com / Seasonale / Design / 2003 / SMLiClassics.com / iClassics / Universal Music Classics Group / Design / 2002 / SMLAOL News - Weather / Weather Icons Matrix / 2003 / Design / SMLEMImusicpub.com / EMI Music Publishing / Design / 2003 / SMLEMImusicpub.com / EMI Music Publishing / Design / 2003 / SMLAnalytical Parcheesi / Design / 1998 / SMLWelcome to Yale / The Yale Herald Unofficial Map to Everything Important / Design / 1997 / SMLPortfolio Analytics / MasterCard Advisors business intelligence portal / 2003 / Design / SMLAOL.com / Home / 2004 / Design / SMLReyataz SoundJam / BMS / Rich-Media Banner Ad / 2005 / Design / SMLJen Chen 30 / 2004 / Design / SMLMasterCard FIFA 2002 - Trading Card Concept - Board Game - Screen 1 of 4 / 2001 / IA + Design / SMLMasterCard FIFA 2002 - Trading Card Concept - Palm Trading Cards Collection - Screen 2 of 3 / 2001 / IA + Design / SML



SML Icons


SML Icons = See-ming Lee + Icons;


AOL News - Weather / Weather Icons Matrix / 2003 / Design / SMLCampaign Management / Application Icon / Portfolio Analytics / MasterCard Advisors business intelligence portal / 2003 / Design / SMLCustomized Reporting / Application Icon / Portfolio Analytics / MasterCard Advisors business intelligence portal / 2003 / Design / SMLExecutive Analyzer / Application Icon / Portfolio Analytics / MasterCard Advisors business intelligence portal / 2003 / Design / SMLPerformance Mining / Application Icon / Portfolio Analytics / MasterCard Advisors business intelligence portal / 2003 / Design / SMLTotal Customer View / Application Icon / Portfolio Analytics / MasterCard Advisors business intelligence portal / 2003 / Design / SML



SML Identity Design


SML Identity Design = See-ming Lee + Identity Design;


Life / 2007 / Design / SMLMeta Women / 2007 / Design / SMLMeta Men / 2007 / Design / SMLMeta Human / 2007 / Design / SMLIconolatry / 2007 / Design / SMLHomo Magi / 2007 / Design / SMLSML / 2007 / Design / SMLDangeroos / Design / 2002 / SMLAOL Live + AOL Relive / 2003 / Design / SML



SML Information Architecture


SML Information Architecture = SML IA = See-ming Lee + Information Architecture;


Rare Wine Co / Conceptual Architecture / 2004 / IA / SMLeBank.com / eBank / Site Map / 1999.11 / IA / SMLAnalytical Parcheesi / Design / 1998 / SMLMap + Weather / AOL Broadband / IA / 2003 / SMLAOL Live + AOL Relive - Screen 2 of 3  / AOL Broadband / IA / 2003 / SMLAOL Live + AOL Relive - Screen 3 of 3 / AOL Broadband / IA / 2003 / SMLTime-line - Concept 1 of 4 / Stop Motion + Timeline / AOL Broadband / IA / 2003 / SMLTime-line - Concept 1 of 2 / Time + Timeline / AOL Broadband / IA / 2003 / SMLTime-line - Concept 3 of 4 / Map + Timeline / AOL Broadband / IA / 2003 / SMLTime-line - Concept 4 of 4 / Dynamic Media Timeline / AOL Broadband / IA / 2003 / SMLInteractive Poll Module - Concept 1 of 8 / AOL Broadband / IA / 2003 / SMLInteractive Poll Module - Concept 2 of 8 / AOL Broadband / IA / 2003 / SMLInteractive Poll Module - Concept 3 of 8 / AOL Broadband / IA / 2003 / SMLInteractive Poll Module - Concept 4 of 8 / AOL Broadband / IA / 2003 / SMLInteractive Poll Module - Concept 5 of 8 / AOL Broadband / IA / 2003 / SMLInteractive Poll Module - Concept 6 of 8 / AOL Broadband / IA / 2003 / SMLInteractive Poll Module - Concept 7 of 8 / AOL Broadband / IA / 2003 / SMLInteractive Poll Module - Concept 8 of 8 / AOL Broadband / IA / 2003 / SMLAOL Dynamic Media Module - Screen 4 of 8 / AOL Broadband / IA / 2003 / SMLAOL Lightbox - Screen 5 of 5 / AOL Broadband Module / 2003 / IA / SMLAOL Dynamic Media Timeline - Screen 3 of 6 / AOL Broadband Module / 2003 / IA / SMLAOL.com / My Subscriptions (RSS Reader) - Feed Preview / 2004 / Design / SMLMasterCard FIFA 2002 - Trading Card Concept - Board Game - Screen 1 of 4 / 2001 / IA + Design / SML



SML Information Design


SML Information Design = See-ming Lee + Information Design;


Analytical Parcheesi / Design / 1998 / SMLFourPeriods.com / Seasonale / Design / 2003 / SMLAOL News - Weather / Weather Icons Matrix / 2003 / Design / SMLWelcome to Yale / The Yale Herald Unofficial Map to Everything Important / Design / 1997 / SMLiClassics.com / iClassics / Universal Music Classics Group / Design / 2002 / SMLRare Wine Co / Conceptual Architecture / 2004 / IA / SMLEMImusicpub.com / EMI Music Publishing / Design / 2003 / SMLPortfolio Analytics / MasterCard Advisors business intelligence portal / 2003 / Design / SMLAOL.com / Home / 2004 / Design / SML



SML Interaction Design


SML Interaction Design = See-ming Lee + Interaction Design;


MasterCard FIFA 2002 - Trading Card Concept - Trading Cards - Screen 1 of 2 / 2001 / IA + Design / SMLTime-line - Concept 1 of 4 / Stop Motion + Timeline / AOL Broadband / IA / 2003 / SMLTime-line - Concept 1 of 2 / Time + Timeline / AOL Broadband / IA / 2003 / SMLTime-line - Concept 3 of 4 / Map + Timeline / AOL Broadband / IA / 2003 / SMLTime-line - Concept 4 of 4 / Dynamic Media Timeline / AOL Broadband / IA / 2003 / SMLAOL Dynamic Media Timeline - Screen 3 of 6 / AOL Broadband Module / 2003 / IA / SMLAOL Dynamic Media Module - Screen 2 of 8 / AOL Broadband / IA / 2003 / SMLAOL Lightbox - Screen 2 of 5 / AOL Broadband Module / 2003 / IA / SMLAOL Live + AOL Relive - Screen 3 of 3 / AOL Broadband / IA / 2003 / SMLAOL.com / Search Results - Saving Results / 2004 / Design / SMLRare Wine Co / Conceptual Architecture / 2004 / IA / SMLDuplexlab.com / Duplexlab / 2004 / Interaction Design / SMLCariniLang.com / Carini Lang / 2005 / Interaction Design / SMLReyataz SoundJam / BMS / Rich-Media Banner Ad / 2005 / Design / SML



SML Photography


SML Photography = See-ming Lee + Photography;


Ronald McDonald / Mermaid Parade / Coney Island / Brooklyn / New York City / 2007CRW_4688CRW_9702CRW_9816_anSoho Night lights HDRCRW_4160-001 copyBrooklyn Bridge Sunset HDRCigarette BlossomCRW_7555 copyConstruction TruckCharmedCRW_8525 copyCRW_9038CRW_5855CRW_34579CRW_34130CRW_8531 copyVeinsCRW_8425Spice FactoryCRW_5145-002 copyNo lifeguard on duty / Waikiki Beach / Oahu / HawaiiStill Life: Boys / Folsom Street East 2007 / New YorkRelaxation / Mermaid Parade / Coney Island / Brooklyn / New York City / 2007Lone Star Fish / Mermaid Parade / Coney Island / Brooklyn / New York City / 2007Folsom Street East 2007 / New YorkFreedom / Mermaid Parade / Coney Island / Brooklyn / New York City / 2007Triumph / Mermaid Parade / Coney Island / Brooklyn / New York City / 2007Temet Nosce / Mermaid Parade / Coney Island / Brooklyn / New York City / 2007Ship's Figure Head + Sony Cybershot / Mermaid Parade / Coney Island / Brooklyn / New York City / 2007Gay Pride / New York / 2007Annual Faerie & Church Ladies for Choice Drag March / New YorkSign / Annual Faerie & Church Ladies for Choice Drag March / New YorkHawaii SunsetCRW_4721Manhattan Bridge / New YorkManhattan Bridge HDRManhattan BridgeManhattan Bridge HDRBrooklyn BridgeManhattan Bridge HDRManhattan Bridge HDR / BW1CRW_34011_1_ptCRW_36583_31Folsom Street East 2007 / New YorkCommunication / Folsom Street East 2007 / New YorkPony Ride / Folsom Street East 2007 / New YorkFolsom Street East 2007 / New YorkFolsom Street East 2007 / New YorkComfort / Folsom Street East 2007 / New York




Most Interesting 100 SML Design Collection / Flickr Analytics / SML Analytics


Here are my most interesting 100 items from my design collection as according to Flickr's interestingness engine. It is automatically generated daily:





Most Interesting 200 SML Collection / Flickr Analytics / SML Analytics


Here are my most interesting 200 items from everything posted on Flickr as according to Flickr's interestingness engine. It is automatically generated daily:




SML Copyright Notice


Copyright 1976 - present See-ming Lee. All rights reserved.