SlideShare a Scribd company logo
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

PPTX
Hci cours opc
emnazoghlemi
 
PDF
Situational Analysis annexure4
geosaibhaskar
 
PDF
Talk It Out, Or Write It Down?
mikescopino
 
PPSX
ioiu23iul
Ioana Voelkel
 
PPTX
Good stoves part1
geosaibhaskar
 
PPTX
Khaled Hosseini Foundation SOS IB Presentation
Gina Miccio
 
PPTX
Good stoves part2
geosaibhaskar
 
PPTX
Geo Spirit 1
geosaibhaskar
 
Hci cours opc
emnazoghlemi
 
Situational Analysis annexure4
geosaibhaskar
 
Talk It Out, Or Write It Down?
mikescopino
 
ioiu23iul
Ioana Voelkel
 
Good stoves part1
geosaibhaskar
 
Khaled Hosseini Foundation SOS IB Presentation
Gina Miccio
 
Good stoves part2
geosaibhaskar
 
Geo Spirit 1
geosaibhaskar
 

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

PDF
TTVC without animation
volkerreisen
 
PDF
Moglue GMIC Presentation Application
moglue
 
PDF
Effective prototyping (for Vermont Code Camp)
Everett McKay
 
PPTX
Considerations about Eye Gaze interfaces for people with disabilities: from t...
Jacques Chueke
 
PDF
The Science of UX Design
Zack Naylor
 
PDF
Splunk for Online Services Event featuring Box.net
Splunk
 
PDF
iAxil Lunch Talk - Lean UX
UX Consulting Pte Ltd
 
PDF
Miniature Studios Overview
memven
 
PDF
FluidUI UX Design Portfolio
FluidUI
 
PDF
Mobile User Experience
Donna Lichaw
 
PDF
UXI Matrix (Jon Innes)
Balanced Team
 
PPTX
Managing change with prototyping
George Abraham
 
PDF
2013-02-05 UX design for mobile apps
CocoaHeads Tricity
 
PDF
User Experience and Product Design Portfolio
Feridoon "Doon"​ Malekzadeh
 
PDF
Introduction to Antetype - Web UX design tool
La FeWeb
 
PDF
Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...
Ed Chi
 
PDF
10 Things to know about experience design
Aynne Valencia
 
PDF
Mobile Prototyping
Donna Lichaw
 
PPTX
Ci&T Mobile App Development for the Enterprise, Consumers and Startups
MichaelCIT
 
PDF
CHI*A CHI Atlanta September Showcase: Zach Pousman
Zach Pousman
 
TTVC without animation
volkerreisen
 
Moglue GMIC Presentation Application
moglue
 
Effective prototyping (for Vermont Code Camp)
Everett McKay
 
Considerations about Eye Gaze interfaces for people with disabilities: from t...
Jacques Chueke
 
The Science of UX Design
Zack Naylor
 
Splunk for Online Services Event featuring Box.net
Splunk
 
iAxil Lunch Talk - Lean UX
UX Consulting Pte Ltd
 
Miniature Studios Overview
memven
 
FluidUI UX Design Portfolio
FluidUI
 
Mobile User Experience
Donna Lichaw
 
UXI Matrix (Jon Innes)
Balanced Team
 
Managing change with prototyping
George Abraham
 
2013-02-05 UX design for mobile apps
CocoaHeads Tricity
 
User Experience and Product Design Portfolio
Feridoon "Doon"​ Malekzadeh
 
Introduction to Antetype - Web UX design tool
La FeWeb
 
Model-based Research in Human-Computer Interaction (HCI): Keynote at Mensch u...
Ed Chi
 
10 Things to know about experience design
Aynne Valencia
 
Mobile Prototyping
Donna Lichaw
 
Ci&T Mobile App Development for the Enterprise, Consumers and Startups
MichaelCIT
 
CHI*A CHI Atlanta September Showcase: Zach Pousman
Zach Pousman
 
Ad

Recently uploaded (20)

PPTX
DISS-Group-5_110345.pptx Basic Concepts of the major social science
mattygido
 
PPTX
Web Design: Enhancing User Experience & Brand Value
ashokmakwana0303
 
PPTX
Artificial Intelligence presentation.pptx
snehajana651
 
PDF
First-Aid.pdfjavaghavavgahavavavbabavabba
meitohehe
 
PPTX
3. Introduction to Materials and springs.pptx
YESIMSMART
 
PPT
Strengthening of an existing reinforced concrete structure.ppt
erdarshanpshah
 
DOCX
Personalized Jewellery Guide: Engraved Rings, Initial Necklaces & Birthstones...
Dishis jewels
 
PDF
SS27 Women's Fashion Trend Book Peclers Paris
Peclers Paris
 
PDF
PowerPoint Presentation -- Jennifer Kyte -- 9786400311489 -- ade9381d14f65b06...
Adeel452922
 
PDF
Line Sizing presentation about pipe sizes
anniebuzzfeed
 
DOCX
Amplopxxxxxxxxxvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Lm Hardin 'Idin'
 
PDF
TAIPAN99 Situs Pkv Games Terbaik Bermain Kapan Pun Dimana Dengan Mudah #1
TAIPAN 99
 
PPTX
designing in footwear- exploring the art and science behind shoe design
madhuvidya7
 
PPTX
Time_Management_Presenuuuuuuutation.pptx
Rajni Goyal
 
PPTX
Mini-Project description of design of expert project
peter349484
 
DOCX
BusinessPlan_redesignedf word format .docx
MohammadMaqatif
 
PPTX
MALURI KISHORE-.pptxdsrhbcdsfvvghhhggggfff
sakthick46
 
PDF
hees101.pdfyyyyyuywgbzhdtehwytjeyktweyga
pratap1004
 
PDF
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
PPTX
The Satavahanas.pptx....,......,........
Kritisharma797381
 
DISS-Group-5_110345.pptx Basic Concepts of the major social science
mattygido
 
Web Design: Enhancing User Experience & Brand Value
ashokmakwana0303
 
Artificial Intelligence presentation.pptx
snehajana651
 
First-Aid.pdfjavaghavavgahavavavbabavabba
meitohehe
 
3. Introduction to Materials and springs.pptx
YESIMSMART
 
Strengthening of an existing reinforced concrete structure.ppt
erdarshanpshah
 
Personalized Jewellery Guide: Engraved Rings, Initial Necklaces & Birthstones...
Dishis jewels
 
SS27 Women's Fashion Trend Book Peclers Paris
Peclers Paris
 
PowerPoint Presentation -- Jennifer Kyte -- 9786400311489 -- ade9381d14f65b06...
Adeel452922
 
Line Sizing presentation about pipe sizes
anniebuzzfeed
 
Amplopxxxxxxxxxvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Lm Hardin 'Idin'
 
TAIPAN99 Situs Pkv Games Terbaik Bermain Kapan Pun Dimana Dengan Mudah #1
TAIPAN 99
 
designing in footwear- exploring the art and science behind shoe design
madhuvidya7
 
Time_Management_Presenuuuuuuutation.pptx
Rajni Goyal
 
Mini-Project description of design of expert project
peter349484
 
BusinessPlan_redesignedf word format .docx
MohammadMaqatif
 
MALURI KISHORE-.pptxdsrhbcdsfvvghhhggggfff
sakthick46
 
hees101.pdfyyyyyuywgbzhdtehwytjeyktweyga
pratap1004
 
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
The Satavahanas.pptx....,......,........
Kritisharma797381
 
Ad

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