February 2, 2006

makeover: OSX Firefox Software Update Alert

I thought I would start a series called makeover, where I will try to spend the least amount of time possible making-over a website or UI element. Why “least amount of time”? Because I want to show with just a little time, a designer/IA can greatly improve the usability and over all attractiveness.

before

after

Stats:

  • makeover: Firefox Software Update Alert
  • amount of time: 20 minutes
  • tools: PhotoShop
  • changes:visual, IA

Quick Notes:
When you first see the pop-up you’re not sure if this is a good thing or a bad thing. So I added a green “check” icon to indicate this is a positive thing. Next I put more emphasis on the version that is now released, when it was released and what version you are currently running. I also included the “What’s new?” section to give you an idea of why you should upgrade (instead of “we strongly recommend”). The disabling of extensions is a big deal for some users and should be called out more. By added a “alert” icon and adding a little red, you know this is something you should pay attention to. Finally I change the “Later” button to “Not Now” to match the “would you like to save this password” buttons elsewhere in Firefox.

The icons come from the free set at famfamfam (which i’m in love with…).

tags: 
  • design
  • IA
  • makeover
 | posted: 2:24 pm  5 Comments and Counting...

Thoughts, writings and designs of Jeremy Johnson.



You are currently browsing the archives for the makeover category.

 
  • Interested in working with me?
  • Quotes on why Design matters in applications
  • The iPhone is to Nokia, what OSX is to Windows 3.1
  • Client have you down?
  • Finally! OSX+Intel+Adobe= Woot!
  • Internetfamous.net Interview
  • Apple knows better…
  • metrolifestyle.com // photoblog
  • digitalbauhaus.com // showcase
  • jeremyjohnsononline.com // more me
  • my flickr
  • design (8)
  • geek (5)
  • IA (6)
  • makeover (1)
  • music (1)
  • news (10)
  • photography (4)
  • random (8)
  • reviews (2)
  • self promotion (5)
  • soapbox (1)
  • technology (13)
  • January 2008
  • October 2007
  • June 2007
  • February 2007
  • December 2006
  • September 2006
  • August 2006
  • July 2006
  • May 2006
  • April 2006
  • March 2006
  • February 2006
  • January 2006
  • December 2005
  • November 2005
  • October 2005