Your SlideShare is downloading. ×
Adapting to Your Users
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Adapting to Your Users

771

Published on

This was presented at the Penn State Web 2012 Conference. …

This was presented at the Penn State Web 2012 Conference.

With the flood of consumers using various media devices, web designers & developers now have to try and create products that will retain the same aesthetic look & feel on multiple platforms. With the screen real-estate ranging from a 27″ desktop monitor, 13″ laptop monitor set at a 800×600 video resolution, tablet devices like the iPad, and a plethora of mobile phones with a wide variety of sizes. However, by taking advantage of some of the new syntax, creatives can create a dynamic website that can alter a pages’ visual layout while still maintaining control of the overall user experience. This presentation will help explain the importance of why it is necessary to plan ahead to build an adaptive website versus just 'getting it done'

Published in: Technology, Design, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
771
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. responsive design
  • 2. on veRESPO si N sp gn SIVEre sie densiv o r sp ign e DESI G re es N d sp d si on esv ige n
  • 3. ADAPTING TOYOUR USERSPresentation by:Vince Baskerville | VP of Product TripLingo
  • 4. VINCENT BASKERVILLE | VP of PRODUCT
  • 5. IHAZTHIS VINCENT BASKERVILLE | VP of PRODUCT
  • 6. VINCENT BASKERVILLE | VP of PRODUCT
  • 7. PEOPLE USING *MOBILE WEB*WILL SURPASS DESKTOPUSAGE BY 2015 VINCENT BASKERVILLE | VP of PRODUCT
  • 8. BUT YOU KNOW THISALREADY RIGHT? VINCENT BASKERVILLE | VP of PRODUCT
  • 9. Q: HOW DO WE MAKE OUR WEBSITE EXPERIENCE BETTER?A: WE MAKE IT RESPONSIVE VINCENT BASKERVILLE | VP of PRODUCT
  • 10. • Media Queries• Adaptive grids, images & media• ???????• Guaranteed ROI VINCENT BASKERVILLE | VP of PRODUCT
  • 11. VINCENT BASKERVILLE | VP of PRODUCT
  • 12. VINCENT BASKERVILLE | VP of PRODUCT
  • 13. VINCENT BASKERVILLE | VP of PRODUCT
  • 14. “ When you start lookingat a problem and itseems really simple withall these simplesolutions, you don’t reallyunderstand thecomplexity of theproblem. And yoursolutions are way toooversimplified, and theydon’t work. ” VINCENT BASKERVILLE | VP of PRODUCT
  • 15. RWD isn’t the absoluteanswer to solve *all your problems* VINCENT BASKERVILLE | VP of PRODUCT
  • 16. VINCENT BASKERVILLE | VP of PRODUCT
  • 17. VINCENT BASKERVILLE | VP of PRODUCT
  • 18. Throughout the designprocess, our work shouldbe situated in the context where it will be used VINCENT BASKERVILLE | VP of PRODUCT
  • 19. “THE PURPOSE BEHIND ‘RESPONSIVE DESIGN’—THECONCEPT OF WHAT IT STRIVES TOACHIEVE—SHOULD BE SEPARATED FROM THE SPECIfiC TECHNIQUES USED TO ACHIEVE IT.” - JEFFREY ZELDMAN VINCENT BASKERVILLE | VP of PRODUCT
  • 20. VINCENT BASKERVILLE | VP of PRODUCT
  • 21. 2 types of users:Internal & External VINCENT BASKERVILLE | VP of PRODUCT
  • 22. interpretation commun& ication VINCENT BASKERVILLE | VP of PRODUCT
  • 23. “THE CHALLENGE IS GETTING PEOPLE TO ADAPT, AGREE TOYOUR IDEA ACTUALLY MAKING ITTHROUGH THE ORGANIZATION” - SOMEONE VINCENT BASKERVILLE | VP of PRODUCT
  • 24. VINCENT BASKERVILLE | VP of PRODUCT
  • 25. VINCENT BASKERVILLE | VP of PRODUCT
  • 26. VINCENT BASKERVILLE | VP of PRODUCT
  • 27. VINCENT BASKERVILLE | VP of PRODUCT
  • 28. VINCENT BASKERVILLE | VP of PRODUCT
  • 29. VINCENT BASKERVILLE | VP of PRODUCT
  • 30. MOBILE CONTEXT VINCENT BASKERVILLE | VP of PRODUCT
  • 31. VINCENT BASKERVILLE | VP of PRODUCT
  • 32. VINCENT BASKERVILLE | VP of PRODUCT
  • 33. “THE CONSTRAINTS IN MOBILE DEVICES FORCE US TO FOCUS ONWHAT REALLY MATTERS EMPHASIZETHE MOST VALUABLE PARTS [..] NOT JUST THE PARTS OF OUR OffERING WE THINK ‘MAKE SENSE.” - LUKE WROBLEWSKI VINCENT BASKERVILLE | VP of PRODUCT
  • 34. VINCENT BASKERVILLE | VP of PRODUCT
  • 35. TEST, YOU MUST! VINCENT BASKERVILLE | VP of PRODUCT
  • 36. A/B testing? VINCENT BASKERVILLE | VP of PRODUCT
  • 37. Multivariate? VINCENT BASKERVILLE | VP of PRODUCT
  • 38. VINCENT BASKERVILLE | VP of PRODUCT
  • 39. How do you measure KPI’s? VINCENT BASKERVILLE | VP of PRODUCT
  • 40. VINCENT BASKERVILLE | VP of PRODUCT
  • 41. Home Pag e VINCENT BASKERVILLE | VP of PRODUCT
  • 42. VINCENT BASKERVILLE | VP of PRODUCT
  • 43. Data wins arguments. VINCENT BASKERVILLE | VP of PRODUCT
  • 44. VINCENT BASKERVILLE | VP of PRODUCT
  • 45. MEASURE & EVALUATE AGAINST KPI’S Heuristic Evaluations + Quantitative UX Data + VINCENT BASKERVILLE | VP of PRODUCT
  • 46. ALIGN WITH STRATEGIC EDU GOALS Create Case Studies + Survey key internal + influencers VINCENT BASKERVILLE | VP of PRODUCT
  • 47. “Coding is long. Design is short. Paper is cheap.” VINCENT BASKERVILLE | VP of PRODUCT
  • 48. RESOURCES VINCENT BASKERVILLE | VP of PRODUCT
  • 49. http://www.alistapart.com VINCENT BASKERVILLE | VP of PRODUCT
  • 50. http://www.lukew.com VINCENT BASKERVILLE | VP of PRODUCT
  • 51. http://mediaqueri.es VINCENT BASKERVILLE | VP of PRODUCT
  • 52. http://mustache.github.com VINCENT BASKERVILLE | VP of PRODUCT
  • 53. AU REVOIR VINCE BASKERVILLE @WHOISVINCE VINCE@TRIPLINGO.COM VINCENT BASKERVILLE | VP of PRODUCT

×