Ryan Sims & D. Keith Robinson

11,939 views

Published on

Inside The Designer's Studio: IMDb

0 Comments
14 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
11,939
On SlideShare
0
From Embeds
0
Number of Embeds
57
Actions
Shares
0
Downloads
328
Comments
0
Likes
14
Embeds 0
No embeds

No notes for slide

Ryan Sims & D. Keith Robinson

  1. 1. The Process
  2. 2. Solid flexibility.
  3. 3. Content and context.
  4. 4. Solving problems & documenting solutions
  5. 5. Your process is a means to an end.
  6. 6. The Project
  7. 7. IMDb An information design challenge.
  8. 8. Very little time.
  9. 9. Limited resources.
  10. 10. Par for the course?
  11. 11. No client. No other stakeholders.
  12. 12. Solving problems
  13. 13. “Solutioneering.”
  14. 14. ? So… what are Some problems with IMDb?
  15. 15. Very Top Heavy
  16. 16. Not the best use of space.
  17. 17. Not supporting user behavior.
  18. 18. Not the best use of ad space.
  19. 19. Starting with goals What the heck are we doing here?
  20. 20. Define.
  21. 21. Group.
  22. 22. Te als ch Go nic Prioritize and balance. s es al sin Sweet Spot Go Bu als User Goals
  23. 23. Te als ch Go nic s es al Sweet sin Go Spot Bu als User Goals
  24. 24. Pairing your goals with content.
  25. 25. Use your words Writing + Design = BFF.
  26. 26. “Great web design reflects the way we interact, and the primary vehicle for that interaction remains text.” - Bronwyn Jones, Better Writing Through Design http://www.alistapart.com/articles/betterwritingthroughdesign/
  27. 27. Make it clear.
  28. 28. Make them care.
  29. 29. The beauty of analog Don’t let the digital pin you down.
  30. 30. The power of the pen (or pencil.)
  31. 31. Photo by Svet Ivantchev http://www.flickr.com/people/svet/
  32. 32. Moleskine FTW!
  33. 33. Photo by Paul Worthington http://www.flickr.com/people/paulworthington/
  34. 34. Sketching for problem solving.
  35. 35. Documenting solutions Page Descriptions and Wireframes.
  36. 36. IMDb.com Home Page Page description diagram 1 2 3 Notes The goals of the home page reflect Primary Navigation Login/Register Area Born Today the overall goals of the site; to pro- Users need the ability to navigate Users will need to be able to easily This is a nice way to feature actors on vide a gateway to exploring movie with ease at all times. login. the site and to get users to the photo and related information, to drive sales pages. through Amazon and to generate ad Global Search Field Latest Trailers views. Snapshot/FAQ/Poll On the home page there will need to In the current site this is the focus of The home page should provide a Page Description be a way to search globally. the page, while this is still an impor- Pulling little bits of content from the good snapshot of what IMDb is all tant part of the home page, I think site is a good idea, however I don’t about and what kinds of information “Movie Lists” this can be downplayed a bit. see how it adds a whole lot of value can be found here. here. This isn’t a priority though as The home page should keep the vari- The home page should be focused, it’s pretty lightweight content. DVD Releases ous movie lists (Tops / Opening / and clear, yet provide many options Coming soon, etc.) as this provides Footer Navigation This is one part of the page that for a user beginning to browse or the user a great jump off point. could be brought up. It serves both search for movie-related information. Diagrams There needs to be a way on the page user and business goals well. It’s also important to note that an- to navigate to standard information Movie news other goal of the site is to generate Featured Release such as copyright information, pri- As this is updated regularly with great revenue via carefully placed ads. vacy policy, etc. content, more emphasis should be There is opportunity to highlight one These ads should be prominent but placed on movie news and headlines. movie on the home page, maybe the not overwhelming and a good bal- current box office leader or some- ance should be struck between ads, thing opening that week. featured content and links. About Blurb New Feature Spot (Character Pages) Clearly state the IMDb position statement. This is an optional spot used to high- light new features or sections. Highest Level of Need Lowest Level of Need
  37. 37. IMDb.com Home Page Page description diagram 1 2 3 Notes The goals of the home page reflect Primary Navigation Login/Register Area Born Today the overall goals of the site; to pro- Users need the ability to navigate Users will need to be able to easily This is a nice way to feature actors on vide a gateway to exploring movie with ease at all times. login. the site and to get users to the photo and related information, to drive sales pages. through Amazon and to generate ad Global Search Field Latest Trailers views. Snapshot/FAQ/Poll On the home page there will need to In the current site this is the focus of The home page should provide a be a way to search globally. the page, while this is still an impor- Pulling little bits of content from the good snapshot of what IMDb is all tant part of the home page, I think site is a good idea, however I don’t about and what kinds of information “Movie Lists” this can be downplayed a bit. see how it adds a whole lot of value can be found here. here. This isn’t a priority though as The home page should keep the vari- The home page should be focused, it’s pretty lightweight content. DVD Releases ous movie lists (Tops / Opening / and clear, yet provide many options Coming soon, etc.) as this provides Footer Navigation This is one part of the page that for a user beginning to browse or the user a great jump off point. could be brought up. It serves both search for movie-related information. There needs to be a way on the page user and business goals well. It’s also important to note that an- to navigate to standard information Movie news other goal of the site is to generate Featured Release such as copyright information, pri- As this is updated regularly with great revenue via carefully placed ads. vacy policy, etc. content, more emphasis should be There is opportunity to highlight one These ads should be prominent but placed on movie news and headlines. movie on the home page, maybe the not overwhelming and a good bal- current box office leader or some- ance should be struck between ads, thing opening that week. featured content and links. About Blurb New Feature Spot (Character Pages) Clearly state the IMDb position statement. This is an optional spot used to high- light new features or sections. Highest Level of Need Lowest Level of Need
  38. 38. Home Page IMDb.com Wireframes Ad Spot Login | Register My Movies IMDb Resume IMDb Pro IMDb Logo Movie and TV Showtimes and Now Playing New on DVD IMDb TV Message Boards News Tickets The Internet Movie Database: Visited by over 50 million movie and TV lovers each month! Welcome to the Internet Movie Database, the biggest, best, most Wireframes. award-winning movie and TV site on the planet. Movie News SEARCH IMDb ALL Tops at The Box Office Weds, October 10th 2007 Sutherland Pleads No Contest to GO A tricky deliverable. Drunk Driving 1. The Game Plan 2. The Heartbreak Kid Lohan Speaks out From Rehab 3. The Kingdom 4. Resident Evil: Extinction Hospital Workers Suspended for 5. The Seeker: The Dark is Rising Featured Movie: We Own the Night quot;Leakingquot; Clooney Medical Information Director: James Gray Opening This Week Stars: Joaquin Phoenix, Mark Wahlberg, Eva Mendes (Full Cast) Studio: Columbia Pictures We Own The Night The Plot: Though nightclub owner Bobby (Phoenix) and his police officer Elizabeth: The Golden Age Movie Poster brother Joseph (Wahlberg) haven taken decidedly different paths in life, a Michael Clayton near-fatal incident causes them to unite in a deadly confrontation with the Slueth mobsters who run Bobby's club. Lars and The Real Girl THE BUZZ: It's like The Departed -- except they're brothers! And they know it! Anyone jonesing for some post-quot;Sopranosquot; mafia action should get their fix with this one. More... Coming Soon 30 Days of Night Rendition Things We Lost in The Fire Reservation Road Gone Baby Gone
  39. 39. Home Page IMDb.com Wireframes Ad Spot Login | Register My Movies IMDb Resume IMDb Pro IMDb Logo Movie and TV Showtimes and Now Playing New on DVD IMDb TV Message Boards News Tickets The Internet Movie Database: Visited by over 50 million movie and TV lovers each month! Welcome to the Internet Movie Database, the biggest, best, most award-winning movie and TV site on the planet. Movie News SEARCH IMDb ALL Tops at The Box Office Weds, October 10th 2007 Sutherland Pleads No Contest to GO Drunk Driving 1. The Game Plan 2. The Heartbreak Kid Lohan Speaks out From Rehab 3. The Kingdom 4. Resident Evil: Extinction Hospital Workers Suspended for 5. The Seeker: The Dark is Rising Featured Movie: We Own the Night quot;Leakingquot; Clooney Medical Information Director: James Gray Opening This Week Stars: Joaquin Phoenix, Mark Wahlberg, Eva Mendes (Full Cast) Studio: Columbia Pictures We Own The Night The Plot: Though nightclub owner Bobby (Phoenix) and his police officer Elizabeth: The Golden Age Movie Poster brother Joseph (Wahlberg) haven taken decidedly different paths in life, a Michael Clayton near-fatal incident causes them to unite in a deadly confrontation with the Slueth mobsters who run Bobby's club. Lars and The Real Girl THE BUZZ: It's like The Departed -- except they're brothers! And they know it! Anyone jonesing for some post-quot;Sopranosquot; mafia action should get their fix with this one. More... Coming Soon 30 Days of Night Rendition Things We Lost in The Fire Reservation Road Gone Baby Gone
  40. 40. Your deliverables should document and inform.
  41. 41. Consensus is for losers.
  42. 42. Cinematic Web Design
  43. 43. I love movies.
  44. 44. ? So… what is Cinematic Web Design
  45. 45. apple.com/macosx
  46. 46. apple.com/keyboard apple.com/ipodshuffle/features.html
  47. 47. weightshift.com/memo
  48. 48. uxmag.com
  49. 49. simplebits.com bearskinrug.co.uk
  50. 50. Finding the right balance Entertainment : Education : Editorial
  51. 51. Entertainment ShaveEverywhere.com
  52. 52. Entertainment Education Editorial
  53. 53. Education TickSpot.com
  54. 54. Entertainment Education Editorial
  55. 55. Editorial ABriefMessage.com
  56. 56. Entertainment Education Editorial
  57. 57. IMDb What’s the right balance?
  58. 58. Education Entertainment Editorial
  59. 59. Be quick and efficient
  60. 60. ”It took me a few seconds to draw it, but it took me 34 years to learn how to draw it in a few seconds.” Paula Scher (on the the citi logo)
  61. 61. The only things standing between you and your vision are the tools you use to realize it.
  62. 62. Look at it through a viewfinder Step back and see the big picture
  63. 63. 25%
  64. 64. 12%
  65. 65. Quick Tips Some crap I’ve learned
  66. 66. Trust your instincts
  67. 67. Design at the highest possible standard
  68. 68. Use real copy
  69. 69. THE REVEAL www.justwatchthesky.com/imdb/
  70. 70. Thank you.

×