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.

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
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ōT
    1J[[B
    /JHIUT Ŕ
    :PVUI
    4QPSUT
    1SPHSBNT Ŕ
    :PVUI
    *ODFOUJWF
    1SPHSBNT Ŕ
    1J[[B
    &WFOUT Ŕ
    .BLF
    QBSUZ
    JOWJUBUJPOT Includes: Ŕ
    *OUFSBDUJWF
    NBQ Ŕ
    /FBSFTU
    MPDBUJPOT Ŕ
    $PNJOH
    TPPO
    OFBS
    MPDBUJPO Ŕ
    "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 "QQFBS
    JO
    UPQ
    IFBEFS
    OPU
    OBWJHBUJPO Testimonials Testimonials Career Development Tool Testimonials Events from emails will be featured on the screens throughout the SFTUBVSBOU
    BT
    XFMM
    BT
    UIF
    GFFE
    PO
    UIF
    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