responsive design
on     veRESPO         si N  sp gn SIVEre sie  densiv      o r   sp ign e             DESI                G re es        N...
ADAPTING TOYOUR USERSPresentation by:Vince Baskerville | VP of Product TripLingo
VINCENT BASKERVILLE | VP of PRODUCT
IHAZTHIS           VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
PEOPLE USING *MOBILE WEB*WILL SURPASS DESKTOPUSAGE BY 2015                 VINCENT BASKERVILLE | VP of PRODUCT
BUT YOU KNOW THISALREADY RIGHT?                VINCENT BASKERVILLE | VP of PRODUCT
Q: HOW DO WE MAKE OUR   WEBSITE EXPERIENCE BETTER?A: WE MAKE IT RESPONSIVE                    VINCENT BASKERVILLE | VP of ...
• Media     Queries• Adaptive    grids, images & media• ???????• Guaranteed     ROI                               VINCENT ...
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
“ When you start lookingat a problem and itseems really simple withall these simplesolutions, you don’t reallyunderstand t...
RWD isn’t the absoluteanswer to solve *all your      problems*                 VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
Throughout the designprocess, our work shouldbe situated in the context  where it will be used                  VINCENT BA...
“THE PURPOSE BEHIND   ‘RESPONSIVE DESIGN’—THECONCEPT OF WHAT IT STRIVES TOACHIEVE—SHOULD BE SEPARATED FROM THE SPECIfiC TEC...
VINCENT BASKERVILLE | VP of PRODUCT
2 types of users:Internal & External              VINCENT BASKERVILLE | VP of PRODUCT
interpretation   commun&    ication        VINCENT BASKERVILLE | VP of PRODUCT
“THE CHALLENGE IS GETTING PEOPLE TO ADAPT, AGREE TOYOUR IDEA ACTUALLY MAKING ITTHROUGH THE ORGANIZATION”              - SO...
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
MOBILE CONTEXT           VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
“THE CONSTRAINTS IN MOBILE DEVICES FORCE US TO FOCUS ONWHAT REALLY MATTERS EMPHASIZETHE MOST VALUABLE PARTS [..] NOT JUST ...
VINCENT BASKERVILLE | VP of PRODUCT
TEST, YOU MUST!          VINCENT BASKERVILLE | VP of PRODUCT
A/B testing?           VINCENT BASKERVILLE | VP of PRODUCT
Multivariate?           VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
How do you measure KPI’s?                 VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
Home Pag        e      VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
Data wins arguments.              VINCENT BASKERVILLE | VP of PRODUCT
VINCENT BASKERVILLE | VP of PRODUCT
MEASURE & EVALUATE   AGAINST KPI’S  Heuristic Evaluations +  Quantitative UX Data +               VINCENT BASKERVILLE | VP...
ALIGN WITH STRATEGIC     EDU GOALS    Create Case Studies +    Survey key internal +            influencers               V...
“Coding is long. Design is  short. Paper is cheap.”                  VINCENT BASKERVILLE | VP of PRODUCT
RESOURCES       VINCENT BASKERVILLE | VP of PRODUCT
http://www.alistapart.com                 VINCENT BASKERVILLE | VP of PRODUCT
http://www.lukew.com              VINCENT BASKERVILLE | VP of PRODUCT
http://mediaqueri.es              VINCENT BASKERVILLE | VP of PRODUCT
http://mustache.github.com                 VINCENT BASKERVILLE | VP of PRODUCT
AU REVOIR    VINCE BASKERVILLE                     @WHOISVINCE                               VINCE@TRIPLINGO.COM     VINCE...
Adapting to Your Users
Upcoming SlideShare
Loading in …5
×

Adapting to Your Users

1,083 views
923 views

Published on

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
1,083
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Adapting to Your Users

  1. 1. responsive design
  2. 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. 3. ADAPTING TOYOUR USERSPresentation by:Vince Baskerville | VP of Product TripLingo
  4. 4. VINCENT BASKERVILLE | VP of PRODUCT
  5. 5. IHAZTHIS VINCENT BASKERVILLE | VP of PRODUCT
  6. 6. VINCENT BASKERVILLE | VP of PRODUCT
  7. 7. PEOPLE USING *MOBILE WEB*WILL SURPASS DESKTOPUSAGE BY 2015 VINCENT BASKERVILLE | VP of PRODUCT
  8. 8. BUT YOU KNOW THISALREADY RIGHT? VINCENT BASKERVILLE | VP of PRODUCT
  9. 9. Q: HOW DO WE MAKE OUR WEBSITE EXPERIENCE BETTER?A: WE MAKE IT RESPONSIVE VINCENT BASKERVILLE | VP of PRODUCT
  10. 10. • Media Queries• Adaptive grids, images & media• ???????• Guaranteed ROI VINCENT BASKERVILLE | VP of PRODUCT
  11. 11. VINCENT BASKERVILLE | VP of PRODUCT
  12. 12. VINCENT BASKERVILLE | VP of PRODUCT
  13. 13. VINCENT BASKERVILLE | VP of PRODUCT
  14. 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. 15. RWD isn’t the absoluteanswer to solve *all your problems* VINCENT BASKERVILLE | VP of PRODUCT
  16. 16. VINCENT BASKERVILLE | VP of PRODUCT
  17. 17. VINCENT BASKERVILLE | VP of PRODUCT
  18. 18. Throughout the designprocess, our work shouldbe situated in the context where it will be used VINCENT BASKERVILLE | VP of PRODUCT
  19. 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. 20. VINCENT BASKERVILLE | VP of PRODUCT
  21. 21. 2 types of users:Internal & External VINCENT BASKERVILLE | VP of PRODUCT
  22. 22. interpretation commun& ication VINCENT BASKERVILLE | VP of PRODUCT
  23. 23. “THE CHALLENGE IS GETTING PEOPLE TO ADAPT, AGREE TOYOUR IDEA ACTUALLY MAKING ITTHROUGH THE ORGANIZATION” - SOMEONE VINCENT BASKERVILLE | VP of PRODUCT
  24. 24. VINCENT BASKERVILLE | VP of PRODUCT
  25. 25. VINCENT BASKERVILLE | VP of PRODUCT
  26. 26. VINCENT BASKERVILLE | VP of PRODUCT
  27. 27. VINCENT BASKERVILLE | VP of PRODUCT
  28. 28. VINCENT BASKERVILLE | VP of PRODUCT
  29. 29. VINCENT BASKERVILLE | VP of PRODUCT
  30. 30. MOBILE CONTEXT VINCENT BASKERVILLE | VP of PRODUCT
  31. 31. VINCENT BASKERVILLE | VP of PRODUCT
  32. 32. VINCENT BASKERVILLE | VP of PRODUCT
  33. 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. 34. VINCENT BASKERVILLE | VP of PRODUCT
  35. 35. TEST, YOU MUST! VINCENT BASKERVILLE | VP of PRODUCT
  36. 36. A/B testing? VINCENT BASKERVILLE | VP of PRODUCT
  37. 37. Multivariate? VINCENT BASKERVILLE | VP of PRODUCT
  38. 38. VINCENT BASKERVILLE | VP of PRODUCT
  39. 39. How do you measure KPI’s? VINCENT BASKERVILLE | VP of PRODUCT
  40. 40. VINCENT BASKERVILLE | VP of PRODUCT
  41. 41. Home Pag e VINCENT BASKERVILLE | VP of PRODUCT
  42. 42. VINCENT BASKERVILLE | VP of PRODUCT
  43. 43. Data wins arguments. VINCENT BASKERVILLE | VP of PRODUCT
  44. 44. VINCENT BASKERVILLE | VP of PRODUCT
  45. 45. MEASURE & EVALUATE AGAINST KPI’S Heuristic Evaluations + Quantitative UX Data + VINCENT BASKERVILLE | VP of PRODUCT
  46. 46. ALIGN WITH STRATEGIC EDU GOALS Create Case Studies + Survey key internal + influencers VINCENT BASKERVILLE | VP of PRODUCT
  47. 47. “Coding is long. Design is short. Paper is cheap.” VINCENT BASKERVILLE | VP of PRODUCT
  48. 48. RESOURCES VINCENT BASKERVILLE | VP of PRODUCT
  49. 49. http://www.alistapart.com VINCENT BASKERVILLE | VP of PRODUCT
  50. 50. http://www.lukew.com VINCENT BASKERVILLE | VP of PRODUCT
  51. 51. http://mediaqueri.es VINCENT BASKERVILLE | VP of PRODUCT
  52. 52. http://mustache.github.com VINCENT BASKERVILLE | VP of PRODUCT
  53. 53. AU REVOIR VINCE BASKERVILLE @WHOISVINCE VINCE@TRIPLINGO.COM VINCENT BASKERVILLE | VP of PRODUCT

×