SML Search

Showing posts with label user experience. Show all posts
Showing posts with label user experience. Show all posts

Friday, January 4, 2013

Black, white, and graphic design — a look back on my typography in my Yale college days

No comments:

1995 marks the beginning of my graphic design career. I went to Yale originally to study architecture but I decided to take some graphic design classes because I thought that it would help as I didn’t know anything about design.

The decision to study art was mostly rebellious in nature. Unlike my classmates who mostly come from a fine art background, I was a science nerd in high school (1). I decided to study art mainly because I was sick of living under the shadow of my older sister (2). I also thought that it would make sense for me to utilize the opportunity to study something I know nothing about (3).

The graphic design program at Yale was mostly typography driven. That is, Yale does not really teach graphic design the way other art schools do (4). The only actual “skill” that was taught is typography. There are no rules. Assignments are extremely open-ended. Typically the assignments are something that can be summarized in a sentence—e.g. “Do something with the the dollar bill.” You can interpret the assignment in anyway you see fit. So it was fun to see what ended up showing up in class the next week.

“Black, white, and graphic design: a look back on my typography in my Yale college days” #design #smlphil / SML.20130101.PHIL.SML.Design.Typography.History.Yale.Edu.Opinions

In my free time I work on designs for student events and journals because it was fun. Usually I designed everything in black and white first because my HP LaserJet only prints black and white (5) so using colors would mean not being able to see how things are until I spend money to then print them in color at the printshop. Color printing (Fiery) was expensive in those days, so to save costs for most projects we also ended up printing things in black and white. What I learned doing this was that black and white is usually a good first step to do any designs. If something does not work in black and white then there is no reason to go color. This is a philosophy that I utilize even when I design for interface these days. It is a good metric as a small percentage of people are colorblind, so to fulfill true universal usability requirements, the interface must work even when viewed in black and white.

I was introduced to the beautiful designs by Emigre (6) and Eye Magazine (7) by my Yale professors (8). As such my designs during my college days also feature a ton of Emigre fonts—mostly I think because I don't really know of other foundries maybe. I learned the fine art of grid layout mostly by reading Eye. Yale does not teach layouts (as noted above and also in footnote 4), so I learn by observing how the masters do it and interpret things on my own.

The Yale design philosophy is simple: question everything—why and why not. There are no rights and wrongs. Critiques at Yale are very open ended. But we need to justify every single decision we make. Questions: why is the type set in this font? Why this size? Why is the image placed here? We ask only why, and we must be able to reason everything. In the end, what was taught is removal of all things unessential until the final product becomes an extreme reduction of TMIs. When I look at designs today, I see all kinds of added ornaments: swash, drop shadows, rounded corners—decorations. To me, good designs need no embellishment. Good designs speak for themselves.

Good design is clean and clear. Good design communicates. Good design is transparent. When you see good design, the apparent design disappears and all you see is the message.

Pictured from top:

  • Discourses: an Asian American journal of arts and criticisms. Volume 2 No 1. PDF amazingly still live on the web: www.yale.edu/discourses/images/dis_2.pdf Edited by Pearle Lee and Jaya N. Kasibhatla. Pearle is now my client for a hedge fund after I moved back to Hong Kong — crazy yes? Seems even though I was a social-phobe in college some friendships do last forever.
  • Program notes from Jonathan Edwards College Chamber Players. Brett Austad and Joshua Richman, music directors. Olivia Blander MUS ’98, Heather Losey CC ’98, Daniel Adamson DC ’98, Rafenna Michalsen TC’01, Betsy Tao BK ’98, Rebecca Reich DC’00, David Blasher DC’01, Andrew Guenzer DC’01. April 28, 1998.
  • Kurasawa Film Festival program notes. A tribute to Akira Kurosawa by the Yale Film Society, Council on East Asian Studies, and Yale College Japan Association. Organization committee: Rene Brar, Andrew J Cohen, Aaron Epstein, Makiko Kitamura, Shoshana Litt, Geoffrey Sledge. January 24-29, 1999. Whitney Humanities Center.

Notes:

  1. To give a perspective on this, my organic chemistry class in high school fulfills the lab requirements for “freshman orgo” designed for premed students under the tutelage of McBride. I also took Physics 220 and other classes while at Yale with other premed nerds.
  2. MSL also went to Yale to study Molecular Biophysics and Biochemistry. She graduated summa cum laude / second in her class (CC’99) and went on to study at Harvard Medical School and Columbia Medical School and become the MD PhD that she is today. She snapped a ton of patents in AIDS research and published several papers on Nature for discovering the protein related to Alzheimer’s. Looking back, my decision to study art was sound because there is no way I will ever become anyone stuck behind the expectations from other people to achieve as well as she does.
  3. Most people I know go to school to earn good grades to look good on their CV. I thought that the tuition was hard earned money by my dad so I studied a ton of things which I knew nothing about: accounting, gender studies, computer law, operational research. I did not get very good grades from these, but the knowledge I gained from learning these subjects are beneficial to my day-to-day work to this day.
  4. The philosophy (I believe) is that you can learn software on your own so no classes will teach you how to use them. Design as a visual language is highly subjective so it does not really make sense to critique what is good or bad. So unlike many art schools where the graduation show is filled with designs with a particular style, the graduation shows at Yale are always very interesting because students show projects which show a huge range of diversity.
  5. I had the HP LaserJet 4MV. It prints 11 x 17 in (US Tabloid). It was awesome. http://en.wikipedia.org/wiki/HP_LaserJet_4#4V
  6. Emigre, also known as Emigre Graphics, is a digital type foundry, publisher and distributor of graphic design centered information based in Berkeley, California, that was founded in 1984 by husband-and-wife team Rudy VanderLans and Zuzana Licko. The type foundry also published Emigre magazine between 1984 and 2005. Note that unlike the word émigré, Emigre is officially spelled without accents. http://en.wikipedia.org/wiki/Emigre
  7. Eye Magazine, The International Review of Graphic Design is a quarterly print magazine on graphic design and visual culture. First published in London in 1990, Eye was founded by Rick Poynor, a prolific writer on graphic design and visual communication. Poynor edited the first twenty-four issues (1990-1997). Max Bruinsma was the second editor, editing issues 25–32 (1997–1999), before its current editor John L. Walters took over in 1999. Stephen Coates was art director for issues 1-26, Nick Bell was art director from issues 27-57, and Simon Esterson has been art director since issue 58. en.wikipedia.org/wiki/Eye_(magazine)
  8. I owe much of who I am today to the years of patience and encouragement to my graphic design professors: John Gambell, Paul Elliman, Jenny Chan and Michael Rock. SML Thank You.

/ SML.20130101.PHIL.SML.Design.Typography.History.Yale.Edu.Opinions
/ #smlphil #smlhistory #smlopinions #smledu #seeminglee #smlme #ccby #smlphotography #smluniverse
/ #yale #edu #history #design #typography #philosophy #us #graphicdesign #opinions #ux #userexperience #usability #eye #eyemagazine #emigre #fonts #grid #layouts
/ #HongKong #HK #香港 #China #中國 #中国 #MaOnShan #馬鞍山

Tuesday, August 18, 2009

Application Installation / I love Linux

No comments:

One of the reasons why I really like Linux is easy application searching and installation. To do this on Windows or Mac, I first need to Google where I can download the application, I download it, run the program, go through a tons of windows for the GUI installation process, and then I can run it.


When I need an update, I need to again get to some web site, download the app, run the installation executable, which then prompt me with even more choices before I can finally run it. Some applications come with its own updater, but it's not a standard practice, and although it helps with the user experience, it's considered a feature, and not a requirement.


With Linux, if I know what I need, I can perform installation in a single step:

apt-get install inkscape

Even better is the fact that if I knew I have to install multiple applications at once, I can just type:

apt-get install inkscape gimp firefox

and they all get downloaded automatically, installed, and ready to run.



Future updates to the applications are automatic. Ubuntu tells me whenever there's an update my applications, with an unobtrusive tray icon. Updates are a click away, simple as that. Updates for all the applications happen the same way, with very no in-your-face GUI after GUI to go through during the process.


I didn't get very conscious about these experience until moving from the Ubuntu desktop back to either a Windows or Mac machine. Those tasks often create unnecessary stress which I do not need.

Monday, November 5, 2007

Amazon.com redesign = List Listmania!

No comments:

Amazon.com just went through a redesign. In place of the cluttered tabs, which also resulted in the famous Amazon vs. Barnes & Nobles lawsuit, is a super top-nav which contains a see of lists within lists — or what I can best describe as List Listmania!


Source: Amazon.com: A Quick Tour of Our New Remodel

What I like about this new design is how Amazon is able to jam a ton of information and functionality in a tiny area, which is not easy to do.

The second thing that I thought was true innovation is how the search box stretches horizontally depending on the size of the browser window, which is a god-send for the power searchers. Now when is Google going to start implementing that in the browser toolbar?!

Related SML Universe
+ Seemazon
+ SML Recommend Books
+ SML Shopping
+ SML UI

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

Sunday, August 26, 2007

Tag Mirror = Your Books in the Eyes of others

No comments:

I have been using LibraryThing for a while now and I am quite happy with it.


Source: LibraryThing

Originally it was mostly a data-entry chore, but I bought one of their $15(USD) CueCat bar-code scanner and started scanning in my books (work in progress). The downside of having all these books on the site, I noted, is that while there is no longer a nightmare for data-entry, tagging become a bit of an issue, as I still have to type them in one by one (another work in progress).


Today, I discovered a very innovative feature called tag mirror which I have never noticed before. As according to the site, it "is a new twist to tagging. Rather than showing a member's tags, this shows what other members think of a member's books."



Here's a screenshot of it:


LibraryThing Tag Mirror / 20070826 / SML Screenshot
Source: Screen capture of See-ming Lee's tag mirror on LibraryThing / 2007-08-26T09:04-05:00

Until I have time to properly tag all my books, it definitely helps me analyze what my true interests are better than my own tags :)


See my profile + my library + my tag cloud + my tag mirror + my author cloud on LibraryThing.


Also see LibraryThing's blog post about their innovation.

Saturday, August 18, 2007

dux07 = conference on designing for user experience

No comments:

AIGA is holding a conference on user experience design called dux07.


Besides being an interesting event, the site is also very well-designed. Sweet typography. I also like how when you rollover the logo the type changes. True, it's not a new idea, but it's rarely done well. Check it out!


From the AIGA Communique newsletter dated 2007-08-16


DUX07: Conference on Designing for User eXperience: Early registration deadline is September 5
Chicago
November 5–7


Social media and networks are creating new design challenges. How do we inspire and enable people to contribute, create, personalize and share experiences? How are design roles changing in the face of this shifting landscape?


This conference is the premiere global forum dedicated to the exchange of radical new user experience strategies, providing exclusive insight and discussion about new design methods, and offering access to research and design practitioners with a visionary perspective on the future of the profession. Discuss current issues with other designers and strive to define your own role in shaping user experience.


DUX07 is presented by AIGA, the professional association for design, the Association for Computing Machinery’s (ACM), SIGGRAPH and SIGCHI. Register by Wednesday, September 5 for the best rates! For more information, visit dux2007.com

Friday, July 6, 2007

City = Brand

No comments:
As a special report in the June 14, 2007 issue of Business Week, writer Tom Lowry discusses how New York City Major Michael R. Bloomberg applies brand management techniques to New York City:
  1. New York City = Corporation

  2. Citizen = Customers

  3. Sanitation workers, police officers, clearks, deputy commissioners = Talent

  4. Major = Chief Executive

  5. NYC & Co. = a not-for-profit entity consisted of three existing operations

  6. Annual marketing budget = tripled = $22 million USD

  7. George Fertitta = Brand management for Coca-Cola (KO), Perry Ellis (PERY), Walt Disney = NYC brand management lead

  8. NYC & Co.'s goal = lure 50 million visitors a year by 2015

  9. Branch offices around the world = Presence in 14 cities, with new offices set to open in Seoul, Tokyo and Shanghai in coming months

  10. 311 = 24-hour customer-service

  11. Cost of 311 Startup = $25 million USD

  12. Number of 311 Calls = 49 million since 2003

  13. Number of 311 Round-the-clock call takers = 370

  14. 311 Call data-mining = 1 million less 911 traffic = Inspections for excessive noise up 94% = rodent exterminations up 36%

  15. City Hall meeting rooms glass doors = better and faster communication

  16. Presentations = Easy-to-follow charts and tables

  17. Semiannual mayor's management report of yesteryears = >1,000 pages in 3 printed volumes

  18. Semiannual mayor's management report under Bloomberg's reign = 186 pages, available online, includes many more features than before, including neighborhood data + five-year trends that allow New Yorkers to compare past and present

  19. City Plans + Budget = fully accessible on the city's Web site with specific agency's overhead costs (e.g. pensions + legal claims)

  20. Katherine Olivier = ex-Bloomberg global radio and television operations = executive from the city's Office of Film, Theater + Broadcasting

  21. Within a month of Katherine Olivier's arrival, her 22 employees had new Dell (DELL) flat-screens, and production companies were able to file for permits online

  22. 15% tax credit to film + tv produtions that complete at least 75% of their stage work in the city = generated $2.4 billion in new business = 10,000 new jobs since 2005

  23. Dedicated team of 33 police offers to ease shots in the city = B2B = microcosm of what Bloomberg wanted to do for the entire city

  24. Efficiency in city's film office = maps + diagrams + suggestions of where to shoot during one-on-one meetings with folks in the office
Read the full article:
Business Week / 2007-06-14T11:51-4:00 / Bloomberg: The CEO Mayor / How New York's Mike Bloomberg is creating a new model for public service that places pragmatism before politics

Tuesday, June 12, 2007

Skip the VUI

1 comment:
You know the drill: you had to call customer service for your cable, your bank, your ISP, your medical insurance, or your cellphone company. You call the 1-800 number and now you are stuck with the VUI (voice user interface). It's another annoying thing in life that you really won't want to deal with.

Well, now you can skip the phone trees. Here's how it works (from BRINGO: Stop Talking to Machines and Talk to Real Human):

  1. Find the company you'd like to call by category (credit cards, mortgages, loans, health care)

  2. Enter your phone # (we will never disclose your phone number to anyone, not even your mother!).

  3. Wait a few seconds while we navigate the phone tree.

  4. When we call you back, pick up your phone and you're done. No more phone trees.


All the major banks (Citi, Bank of America, etc), Credit cards (Amex, Capitol One, etc), Mobile (Sprint, Cingular, etc), Airlines (Air France, UA, Delta, JAL, etc) are all listed with this service and I suspect that the list will only keep growing as businesses try to demonstrate that the customer is king.

Monday, June 4, 2007

Synergy of Business = Design + Technology + Marketing Strategy

No comments:

You have seen many PowerPoint presentations that speak of the power of the successful business treo: design, technology and strategy. It usually goes like this:

  1. A circle appears, representing design.
  2. Another circle appears, representing technology.
  3. Yet another circle appears, representing strategy.
  4. These circle overlaps one another, looking like an RGB mixing diagram.
  5. Drum rolls... and the presenter talks about the importance of being at the center where all three circles overlap.

This presentation bores so many to tears that it doesn't see the light of day very often these days. It also neglects the reality that being at the dead center is not really what matters (the result), rather, it is the constant balance among the three groups that matters most (the process by which to achieve equilibrium):

  • design + technology / strategy
  • technology + strategy / design
  • strategy + design / technology

It is an important business idea, however, and I propose that the wordings be changed from the What to the Why. When you show the ROI first, people generally listen more intently:

  • Usability = Design
  • Longevity = Technology
  • Commercial Value = Strategy

When you wish to back it up with examples, instead of picking a single product to demonstrate the effect, pick all of them. Show your audience how the same formula applies to all products and services that wish to be successful in the market place. It is especially true if you wish to reap the benefits from the power of cult branding: from Apple to Linux, from Harley-Davidson to Volkswagen, from the World Wrestling Entertainment to Oprah Winfrey.

Saturday, April 23, 2005

Windows XP shell replacement

No comments:
It looks like that I have now found my shell replacement for XP: Directory Opus 8, developed by an Australian company GPSoftware. Their Web site can use some help considering that their shell product is so usable (though it can use some interface tweaks so as not to overwhelm the users with features - but in the same time not hide features for users)