Ryan Sims & D. Keith Robinson

Slide 2: The Process

Slide 3: Solid flexibility.

Slide 4: Content and context.

Slide 5: Solving problems & documenting solutions

Slide 6: Your process is a means to an end.

Slide 7: The Project

Slide 8: IMDb An information design challenge.

Slide 9: Very little time.

Slide 10: Limited resources.

Slide 11: Par for the course?

Slide 12: No client. No other stakeholders.

Slide 14: Solving problems

Slide 15: “Solutioneering.”

Slide 16: ? So… what are Some problems with IMDb?

Slide 17: Very Top Heavy

Slide 21: Not the best use of space.

Slide 23: Not supporting user behavior.

Slide 25: Not the best use of ad space.

Slide 27: Starting with goals What the heck are we doing here?

Slide 28: Define.

Slide 29: Group.

Slide 30: Te als ch Go nic Prioritize and balance. s es al sin Sweet Spot Go Bu als User Goals

Slide 31: Te als ch Go nic s es al Sweet sin Go Spot Bu als User Goals

Slide 32: Pairing your goals with content.

Slide 33: Use your words Writing + Design = BFF.

Slide 34: “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/

Slide 36: Make it clear.

Slide 37: Make them care.

Slide 38: The beauty of analog Don’t let the digital pin you down.

Slide 39: The power of the pen (or pencil.)

Slide 40: Photo by Svet Ivantchev http://www.flickr.com/people/svet/

Slide 41: Moleskine FTW!

Slide 42: Photo by Paul Worthington http://www.flickr.com/people/paulworthington/

Slide 43: Sketching for problem solving.

Slide 47: Documenting solutions Page Descriptions and Wireframes.

Slide 48: 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

Slide 49: 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

Slide 50: 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 "Leaking" 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-"Sopranos" 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

Slide 51: 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 "Leaking" 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-"Sopranos" 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

Slide 52: Your deliverables should document and inform.

Slide 53: Consensus is for losers.

Slide 55: Cinematic Web Design

Slide 56: I love movies.

Slide 57: ? So… what is Cinematic Web Design

Slide 58: apple.com/macosx

Slide 59: apple.com/keyboard apple.com/ipodshuffle/features.html

Slide 60: weightshift.com/memo

Slide 61: uxmag.com

Slide 62: simplebits.com bearskinrug.co.uk

Slide 63: Finding the right balance Entertainment : Education : Editorial

Slide 64: Entertainment ShaveEverywhere.com

Slide 66: Entertainment Education Editorial

Slide 67: Education TickSpot.com

Slide 69: Entertainment Education Editorial

Slide 70: Editorial ABriefMessage.com

Slide 72: Entertainment Education Editorial

Slide 73: IMDb What’s the right balance?

Slide 74: Education Entertainment Editorial

Slide 75: Be quick and efficient

Slide 76: ”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)

Slide 77: The only things standing between you and your vision are the tools you use to realize it.

Slide 78: Look at it through a viewfinder Step back and see the big picture

Slide 80: 25%

Slide 82: 12%

Slide 84: Quick Tips Some crap I’ve learned

Slide 85: Trust your instincts

Slide 86: Design at the highest possible standard

Slide 87: Use real copy

Slide 88: THE REVEAL www.justwatchthesky.com/imdb/

Slide 90: Thank you.