SlideShare a Scribd company logo
1 of 30
Friday, September 16, 2011
– The –


                             FOREST
                                                 BEFORE
                                    THE TREES

     A discussion on the future of web application design



Friday, September 16, 2011
– HELLO, I’M –

                             MIKE SCOPINO


                 UX Strategist             UI Designer      Front-End Dev.

     You can also call me @jefftheturtle



Friday, September 16, 2011
Customer
                              Support
                                                                Customer
                                                                 Support
                UX/UI                                  UX/UI
                Design                                 Design

                                                                 Marketing

                             Marketing




                                         YOUR CHOICE

Friday, September 16, 2011
Once we had desktop browsers…
             ✴         Notebooks        ✴    Televisions
             ✴         Ultrabooks       ✴    Set-Top Boxes
             ✴         Netbooks         ✴    Appliances
             ✴         Tablets          ✴    Automobiles
             ✴         Smartphones      ✴    Kiosks
             ✴         Browser
                       Extensions


Friday, September 16, 2011
“Forget what we have
                         taken for granted on
                          how consumers use
                            the Internet…”


                     There will be more mobile internet users than wireline users by 2015

Friday, September 16, 2011
The FOREST         The TREES

            ✴       Product Spectrum      ✴   Feature Set
            ✴       Audiences             ✴   OS
            ✴       Platform Range        ✴   Layout
            ✴       Product Lifespan      ✴   Interface
            ✴       Competitors           ✴   Aesthetic
            ✴       Marketing Channels




Friday, September 16, 2011
Project
                                                    Mgmt.
                             Brand                                    QA
                                                                                                      Proj.
            Vision                                                                         UI Des.
                                        UI Design                                                    Mgmt.     QA
           (Product
            Design)
                             UX/IA                     Development            Analytics,     Vision
                                                                               Testing,                 Dev.
                                                                              Feedback

                   Research          Content                                                Content     Prod.
                                     Strategy   Product
                                                                                                        Mgmt.
                                                 Mgmt.




               EMBARK                                                LAUNCH                            UPDATES




                                                                                 A Recipe For Success
Friday, September 16, 2011
Project
                                                                     Mgmt.

                                        Brand                                                  QA




        Vision (Product Design)                       UI Design



                                        UX/IA
                                                                               Development




                             Research
                                                Content
                                                Strategy
                                                                  Product
                                                                   Mgmt.




CONCEPT
                                                Let’s Focus                                  LAUNC



Friday, September 16, 2011
–1–



                             CONTENT                AND


                              UX/IA
     (UX/IA stands for User Experience and Information Architecture)



Friday, September 16, 2011
“Your scientists were
                      so preoccupied with
                      whether or not they
                    could, they didn’t stop
                    to think if they should.”


                             Dr. Ian Malcom, Jurassic Park

Friday, September 16, 2011
Standardize and Differentiate Simultaneously

Friday, September 16, 2011
NEED                   EASE


                             WANT          ENJOYMENT




                                      Are we seeing
             WOW
                                      the pattern?

                             LAST
Friday, September 16, 2011
– Hell or High Water –


             UNDERSTAND
                                     BEFORE
                             THE FUNCTIONAL NEEDS OF
                             YOUR USERS


Friday, September 16, 2011
Evernote
      Understand
      the toolkit
      and the
      hard facts
      about each
      platform




Friday, September 16, 2011
Home Depot
      Understand
      a platform’s
      physical use
      environment




Friday, September 16, 2011
Fitness App
      Understand
      your budget
      and timeline
      in order to
      execute
      realistically




Friday, September 16, 2011
–2–



                       UI DESIGN

     (UI stands for User Interface)



Friday, September 16, 2011
BLINK
                             & YOU’VE MISSED IT
                              Users place judgement in only 50 Milliseconds




Friday, September 16, 2011
– What does bad design tell a user? –


        “Honey Badger
       Don’t Give a S**t”

                                       Randall, YouTube Sensation

Friday, September 16, 2011
– Not to be redundant, but –


             UNDERSTAND
                                        BEFORE
                             THE AESTHETIC EXPECTATIONS OF
                              YOUR USERS


Friday, September 16, 2011
Monster
       Krop
      Understand
      what flavor
      of aesthetic
      defines
      legitimacy
      for your
      audience


Friday, September 16, 2011
Garageband
       Penultimate
       Epicurious
      Understand
      relevant
      real-world
      interfaces



Friday, September 16, 2011
Flipboard
      Understand
      how to
      translate an
      experience
      across your
      platforms




Friday, September 16, 2011
Jetsetter
      Understand
      the value
      in holistic
      consistency,
      whatever the
      aesthetic or
      interaction




Friday, September 16, 2011
– Your Barebones (I Just Woke Up) –


                      Takeaway

Friday, September 16, 2011
ABOVE ALL ELSE



                             Establish
                              Purpose
Friday, September 16, 2011
Design
           Experiences
                             NOT JUST FEATURES




Friday, September 16, 2011
IN PURSUIT OF PERFECTION



                 Question
                Everything
Friday, September 16, 2011
THANK YOU
                        Fresh Tilled Soil     Mike Scopino
                 @FRESHTILLEDSOIL           @JEFFTHETURTLE
                 (866) 929.9177


                 freshtilledsoil.com        mikescopino.net



Friday, September 16, 2011

More Related Content

Similar to The Forest Before The Trees: The Future of Web App Design

Moglue GMIC Presentation Application
Moglue GMIC Presentation ApplicationMoglue GMIC Presentation Application
Moglue GMIC Presentation Application
moglue
 
Miniature Studios Overview
Miniature Studios OverviewMiniature Studios Overview
Miniature Studios Overview
memven
 
2013-02-05 UX design for mobile apps
2013-02-05 UX design for mobile apps2013-02-05 UX design for mobile apps
2013-02-05 UX design for mobile apps
CocoaHeads Tricity
 
10 Things to know about experience design
10 Things to know about experience design10 Things to know about experience design
10 Things to know about experience design
Aynne Valencia
 

Similar to The Forest Before The Trees: The Future of Web App Design (20)

TTVC without animation
TTVC without animationTTVC without animation
TTVC without animation
 
Moglue GMIC Presentation Application
Moglue GMIC Presentation ApplicationMoglue GMIC Presentation Application
Moglue GMIC Presentation Application
 
Effective prototyping (for Vermont Code Camp)
Effective prototyping (for Vermont Code Camp)Effective prototyping (for Vermont Code Camp)
Effective prototyping (for Vermont Code Camp)
 
Considerations about Eye Gaze interfaces for people with disabilities: from t...
Considerations about Eye Gaze interfaces for people with disabilities: from t...Considerations about Eye Gaze interfaces for people with disabilities: from t...
Considerations about Eye Gaze interfaces for people with disabilities: from t...
 
The Science of UX Design
The Science of UX DesignThe Science of UX Design
The Science of UX Design
 
Splunk for Online Services Event featuring Box.net
Splunk for Online Services Event featuring Box.netSplunk for Online Services Event featuring Box.net
Splunk for Online Services Event featuring Box.net
 
iAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UXiAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UX
 
Miniature Studios Overview
Miniature Studios OverviewMiniature Studios Overview
Miniature Studios Overview
 
FluidUI UX Design Portfolio
FluidUI UX Design PortfolioFluidUI UX Design Portfolio
FluidUI UX Design Portfolio
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
UXI Matrix (Jon Innes)
UXI Matrix (Jon Innes)UXI Matrix (Jon Innes)
UXI Matrix (Jon Innes)
 
Managing change with prototyping
Managing change with prototypingManaging change with prototyping
Managing change with prototyping
 
2013-02-05 UX design for mobile apps
2013-02-05 UX design for mobile apps2013-02-05 UX design for mobile apps
2013-02-05 UX design for mobile apps
 
User Experience and Product Design Portfolio
User Experience and Product Design PortfolioUser Experience and Product Design Portfolio
User Experience and Product Design Portfolio
 
Introduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design toolIntroduction to Antetype - Web UX design tool
Introduction to Antetype - Web UX design tool
 
Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...
Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...
Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...
 
10 Things to know about experience design
10 Things to know about experience design10 Things to know about experience design
10 Things to know about experience design
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile Prototyping
 
Ci&T Mobile App Development for the Enterprise, Consumers and Startups
Ci&T Mobile App Development for the Enterprise, Consumers and StartupsCi&T Mobile App Development for the Enterprise, Consumers and Startups
Ci&T Mobile App Development for the Enterprise, Consumers and Startups
 
CHI*A CHI Atlanta September Showcase: Zach Pousman
CHI*A CHI Atlanta September Showcase: Zach PousmanCHI*A CHI Atlanta September Showcase: Zach Pousman
CHI*A CHI Atlanta September Showcase: Zach Pousman
 

Recently uploaded

ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 

Recently uploaded (20)

8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service AvailableCall Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 

The Forest Before The Trees: The Future of Web App Design

  • 2. – The – FOREST BEFORE THE TREES A discussion on the future of web application design Friday, September 16, 2011
  • 3. – HELLO, I’M – MIKE SCOPINO UX Strategist UI Designer Front-End Dev. You can also call me @jefftheturtle Friday, September 16, 2011
  • 4. Customer Support Customer Support UX/UI UX/UI Design Design Marketing Marketing YOUR CHOICE Friday, September 16, 2011
  • 5. Once we had desktop browsers… ✴ Notebooks ✴ Televisions ✴ Ultrabooks ✴ Set-Top Boxes ✴ Netbooks ✴ Appliances ✴ Tablets ✴ Automobiles ✴ Smartphones ✴ Kiosks ✴ Browser Extensions Friday, September 16, 2011
  • 6. “Forget what we have taken for granted on how consumers use the Internet…” There will be more mobile internet users than wireline users by 2015 Friday, September 16, 2011
  • 7. The FOREST The TREES ✴ Product Spectrum ✴ Feature Set ✴ Audiences ✴ OS ✴ Platform Range ✴ Layout ✴ Product Lifespan ✴ Interface ✴ Competitors ✴ Aesthetic ✴ Marketing Channels Friday, September 16, 2011
  • 8. Project Mgmt. Brand QA Proj. Vision UI Des. UI Design Mgmt. QA (Product Design) UX/IA Development Analytics, Vision Testing, Dev. Feedback Research Content Content Prod. Strategy Product Mgmt. Mgmt. EMBARK LAUNCH UPDATES A Recipe For Success Friday, September 16, 2011
  • 9. Project Mgmt. Brand QA Vision (Product Design) UI Design UX/IA Development Research Content Strategy Product Mgmt. CONCEPT Let’s Focus LAUNC Friday, September 16, 2011
  • 10. –1– CONTENT AND UX/IA (UX/IA stands for User Experience and Information Architecture) Friday, September 16, 2011
  • 11. “Your scientists were so preoccupied with whether or not they could, they didn’t stop to think if they should.” Dr. Ian Malcom, Jurassic Park Friday, September 16, 2011
  • 12. Standardize and Differentiate Simultaneously Friday, September 16, 2011
  • 13. NEED EASE WANT ENJOYMENT Are we seeing WOW the pattern? LAST Friday, September 16, 2011
  • 14. – Hell or High Water – UNDERSTAND BEFORE THE FUNCTIONAL NEEDS OF YOUR USERS Friday, September 16, 2011
  • 15. Evernote Understand the toolkit and the hard facts about each platform Friday, September 16, 2011
  • 16. Home Depot Understand a platform’s physical use environment Friday, September 16, 2011
  • 17. Fitness App Understand your budget and timeline in order to execute realistically Friday, September 16, 2011
  • 18. –2– UI DESIGN (UI stands for User Interface) Friday, September 16, 2011
  • 19. BLINK & YOU’VE MISSED IT Users place judgement in only 50 Milliseconds Friday, September 16, 2011
  • 20. – What does bad design tell a user? – “Honey Badger Don’t Give a S**t” Randall, YouTube Sensation Friday, September 16, 2011
  • 21. – Not to be redundant, but – UNDERSTAND BEFORE THE AESTHETIC EXPECTATIONS OF YOUR USERS Friday, September 16, 2011
  • 22. Monster Krop Understand what flavor of aesthetic defines legitimacy for your audience Friday, September 16, 2011
  • 23. Garageband Penultimate Epicurious Understand relevant real-world interfaces Friday, September 16, 2011
  • 24. Flipboard Understand how to translate an experience across your platforms Friday, September 16, 2011
  • 25. Jetsetter Understand the value in holistic consistency, whatever the aesthetic or interaction Friday, September 16, 2011
  • 26. – Your Barebones (I Just Woke Up) – Takeaway Friday, September 16, 2011
  • 27. ABOVE ALL ELSE Establish Purpose Friday, September 16, 2011
  • 28. Design Experiences NOT JUST FEATURES Friday, September 16, 2011
  • 29. IN PURSUIT OF PERFECTION Question Everything Friday, September 16, 2011
  • 30. THANK YOU Fresh Tilled Soil Mike Scopino @FRESHTILLEDSOIL @JEFFTHETURTLE (866) 929.9177 freshtilledsoil.com mikescopino.net Friday, September 16, 2011