Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Better Design Through Discovery

766f1f7670443a9b76d1004d7c81627f?s=47 James May
July 20, 2011

Better Design Through Discovery

This is a structured, yet humorous focus on the process of discovery that should accompany any project. Taking the time to do your research will help you learn your clients’ business, collect arsenal of insights and inspiration for problem solving and comunicate with your clients better. This frees you up to focus on the branding and creative when the time is right.

766f1f7670443a9b76d1004d7c81627f?s=128

James May

July 20, 2011
Tweet

Transcript

  1. © 2011 Better Design Through Discovery July 22, 2010

  2. © 2011 © 2011 Good Morning!

  3. © 2011 © 2011 Stephanie Fields - @lilsooner

  4. © 2011 James May - @monooptical

  5. © 2011 We’re From MindComet

  6. None
  7. © 2011 Online Success online branding mobile web site email

    marketing new web site digital media plan social media
  8. © 2011 Quick Exercise

  9. © 2011 What Do We Know? The client is AppJunkie.

    They are a iPhone App developer. The most popular app is Angry Angry Raccoons. It’s for sale for 1.99 on the iTunes store. They have a few other apps they sell. They want a “simple” site for their apps, blog and an area to talk about the company. 1 2 3 4
  10. © 2011 © 2011 Pencils down please

  11. Know the whole story. © 2011

  12. © 2011 © 2011 Show of hands please

  13. © 2011 1: Users 2: Information 3: Technology 4: Creative

    5: ROI 6: Evolution
  14. © 2011 Home Menu Our History Community Email Signup Photo

    Gallery Shakey’s Net Inside Shakey’s Activities Privacy Policy Contact Page Number Single Page Outbound Link Interactive Cross Link 1 Multiple Pages Callout Franchise Locations Shakey’s Golden Fried Chicken Shakey’s Pizza Shareables Specials Kids Menu Drink Menu Party Packages Bunch of Lunch Bu et Our History Support Systems FAQs Join the Family Pricing Options Application Shakey’s Net Become a Team Member Management Opportunities Benefits Recruitment Events Training & Development Apply Now! Job Search Includes: Ŕ4IBLFZōT1J[[B/JHIUT Ŕ:PVUI4QPSUT1SPHSBNT Ŕ:PVUI*ODFOUJWF1SPHSBNT Ŕ1J[[B&WFOUT Ŕ.BLFQBSUZJOWJUBUJPOT Includes: Ŕ*OUFSBDUJWFNBQ Ŕ/FBSFTUMPDBUJPOT Ŕ$PNJOHTPPOOFBSMPDBUJPO Ŕ"QQMZ/PX #PPL&WFOU (links to subdomain/ new site look) Have users tag flickr photos with #shakeys (links to subdomain/ new site look employee section) Employment Social Media Links Event Feed Myspace Facebook :PVUVCF Twitter Delicious Stumbleupon Urban Spoon Socializer Digg :FMQ Callouts Store Locator New Menu Item Specials Party Place New Look Email Signup Join our Team Featured Event Order Online Testimonials Constant Order Online Interactive Features Video Game Directs users to a discount in the game room Beer Mug Displays a beer menu Timeline Interactive history timeline of the store Make :PVS Own Lets users create their own pie Vote for Favorite Pizza vs. Fried Chicken Interactive Tour Provides view of the new look of the stores Store Locator Just for Kids Event Signup (email invite) Events News/Press .BLF:PVS Own Invite Create email invitation for pizza party at Shakey’s (shows on screens) Store Locator Store Specials Email Signup Employment News/Press Franchise This links will appear in the bottom footer "QQFBSJOUPQIFBEFS OPUOBWJHBUJPO Testimonials Testimonials Career Development Tool Testimonials Events from emails will be featured on the screens throughout the SFTUBVSBOU BTXFMMBTUIFGFFEPOUIF site - if customer approves. 1 Menu Inside Shakey’s Activities Store Locator Franchise Employment Contact Privacy Policy Shakey’s Net Site Map Copyright ©2009 Shakey’s Pizza Parlor FPO LOREM IPSUM DOLOR SIT AMET CONSECTETUR ELIT. Pizza Specials Interactive TV/Commericals Visit the Game Room Join Our Team! Make Your Own Order Online, Pick it Up! Monthly Specials View Lorem ipsum dolor sit amet, con- sectetur adipsicing elit, sed do eiusmode tempor incididunt ut. Party Place View Lorem ipsum dolor sit amet, con- sectetur adipsicing elit, sed do eiusmode tempor incididunt ut. Pizza in Your Inbox! Lorem ipsum dolor sit amet, con- sectetur adipsicing eli. enter email Signup View Menu announcement board (rss) 2 3 Thinking in Layers © 2011
  15. © 2011 It’s Worth The Work

  16. © 2011 Clients love it.

  17. © 2011 You’ll love it.

  18. © 2011 The Project

  19. © 2011 What’s your game plan?

  20. © 2011 Your Client’s Business

  21. © 2011 Stakeholder Interviews

  22. © 2011 The Competition

  23. © 2011 ? The Users

  24. © 2011 © 2011 Knowing the whole story

  25. © 2011 New stuff we learned They plan to o

    er apps for other devices and the site needs to support that. They really want to get people to signup for the newsletter. That’s a big priority for them. They need to show videos of the games in the games listing. They want to integrate youtube. The blog will have 4 categories: “The Devs”, “Creative Fun”, “Around the O ce” and “New Toys” 1 2 3 4
  26. © 2011 The Foundation

  27. © 2011 Wine Finder Shop Employment Newsletter Home Wine Finde

    News and Events News Events Press Releases Event Detail Press Release Detail News Detail Tours & Tastings Weddings Wine Club Special Events Photo Gallery Our History (link to history pages from timeline) Vineyard Tours Group Wine Tastings Public Wine Tastings Club Benefits (join, update info links - cart) Reviews This link will appear in the meta nav, but page structure remains the same. Weddings & Special Events About Us Global Links Share | Twitter | Facebook | Sergio’s Blog | Contact Us | Trade & Media | Search Information Architecture
  28. © 2011 USER GEO TRACKING RETURNING VISITORS FIRST TIME VISITORS

    SET COOKIE TUV COUNTRY HOME PAGE SELECTED SERVICE PORTAL PAGE IF INCORRECT, USER CHANGES REGION ! Cookie Cookie USERS CAN EASILY CHANGE LANGUAGE & NEW COUNTRY ! NOTE USE DEFAULT COOKIE CHOOSE SERVICE & SOLUTION FOR THAT COUNTRY Service 1 Service 2 Service 3 Service 4 Business Consumer Solution 1 Solution 2 Solution 3 Solution 4 Solution 5 Solution 6 Solution 7 Solution 8 First time users are automatically routed based on their ip address to the country home page. At all times, users can change counties and language. An option to choose their solution then service is integrated into the home page. Returning users, default to the home page set by the previous session cookie. Similar Examples: Audi.com, Samsung.com CONVERSION GET A QUOTE PROS: - Smarter, takes user directly to country/region based on geo tracking or previous cookie information - 2 page views to get to a service detail page CONS: - International information would need to be displayed in each country/region User Flow
  29. © 2011 Murrieta’s Well Lorem Ipsum LEARN MORE Lorem ipsum

    dolor sit amet, consectetur adipiscing elit. Aenean adipiscing euismod accumsan. Sed nec volutpat dolor. Exclusive Small Lot Wines VIEW WINES Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean adipiscing euismod accumsan. Sed nec volutpat dolor. Murrieta’s Well Unforgettable Estate Blends Lorem ipsum dolor sit amet, consectetur adipi- scing elit. Aenean adipiscing euismod accumsan. Sed nec volutpat dolor. Mauris placerat ornare erat non suscipit. Integer vitae est quam.dolor. LOREM IPSUM @johnnywalker: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean adipiscing euismod accumsan. Sed nec volutpat dolor. @chrisipsum: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean adipiscing euismod accumsan. Sed nec volutpat dolor. Talk Reviews News Events Special O er Lorem ipsum dolor sit amet, consectetur adip. Aenean adipiscing euismod. Our Wines About Us Wine Club Weddings and Events Wine Finder Shop Logo Search Sergio’s Blog News & Events Contact Us Trade &Media Share Twitter Facebook About Us Visit Us Our History Tours & Tastings Do this Not this Wireframes
  30. © 2011 Functional Specifications

  31. © 2011 Check with dev

  32. © 2011 © 2011 Knowing the whole story

  33. © 2011 New stuff we learned The client actually needs

    8 more pages than initial specified including forms and modal windows. They want a carousel for the homepage to play youtube videos. They don’t like the youtube player look. They want a Twitter feed of their lead developer. and you have a potential up-sell for some Facebook tabs. Dev needs extra time to modify Drupal’s user registration process to suite the client. 1 2 3 4
  34. © 2011 Look and Feel

  35. © 2011 Informed Design

  36. © 2011 Any Questions?

  37. © 2011 Thank You :) mindcomet.com/frontendconf