Successful applications with
      Design-centric developments


      Michaël Chaize | Developer Evangelist
      RIAgora.com | @mchaize




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
A killer                       what?




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
e      OS was the interface




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
e   network is the interface.
e      data is the interface




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
e        message
                   is the interface




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
You are the interface




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
B2C, B2B & B2E




           iPhone app                                          ERP
                                              Website                CRM




© 2010 Adobe Systems Incorporated. All Rights Reserved.   11
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
A new mindset : the key of success




© 2010 Adobe Systems Incorporated. All Rights Reserved.   15
Why ?



                                                                                   Focus on the
                                                                                 user-experience ?




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   16
NATO



                                           ED DD
                      EF OR
                 B




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   17
NATO



                                                  D DD
                       AFTER




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   18
Car industry



                                           ED DD
                      EF OR
                 B




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   19
Car industry



                                                  D DD
                       AFTER




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   20
Car industry




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   21
Car industry




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   22
Car industry




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   23
e power of                                    technology
                 1 x 3.2 GHz Power Processing Element                         1 x 729MHz Broadway processor
                 7 x Synergistic Processing Elements                          –
                 NVIDIA RSX “Reality Synthesiser”                             ATI Hollywood GPU
                 256MB GDDR3 video memory                                     3MB embedded GPU texture memory
                 Up to 1080p HDMI output resolution                           Up to 576i output resolution (PAL/SECAM)
                 256MB XDR DRAM                                               24MB 1T-SRAM & 64MB GDDR3 SDRAM
                 250GB 2.5” SATA hard drive                                   512MB internal ash memory
                 Blu-Ray Disc, DVD, CD, SACD media handling                   –
                 Dolby TrueHD Bitstream Digital 5:1 audio                     Dolby Pro Logic II
                 802.11b/g wi-                                                802.11b/g wi-
                 Wired Gigabit Ethernet                                       –




© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
e power of                                    technology
                 1 x 3.2 GHz Power Processing Element                         1 x 729MHz Broadway processor
                 7 x Synergistic Processing Elements                          –
                 NVIDIA RSX “Reality Synthesiser”                             ATI Hollywood GPU
                 256MB GDDR3 video memory                                     3MB embedded GPU texture memory
                 Up to 1080p HDMI output resolution                           Up to 576i output resolution (PAL/SECAM)
                 256MB XDR DRAM                                               24MB 1T-SRAM & 64MB GDDR3 SDRAM
                 250GB 2.5” SATA hard drive                                   512MB internal ash memory
                 Blu-Ray Disc, DVD, CD, SACD media handling                   –
                 Dolby TrueHD Bitstream Digital 5:1 audio                     Dolby Pro Logic II
                 802.11b/g wi-                                                802.11b/g wi-
                 Wired Gigabit Ethernet                                       –



                                                 36M                                    71M
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
36M                          71M
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Design Driven Development




                                                                            USER EXPERIENCE


                                                                                  TECHNOLOGY
                                              THE BUSINESS




                                                                                               THE USERS
©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.            27
Observe



©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.      28
Design 8m
                                                                              90m to
                                                                              unlocks ROI



© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
oughtless   acts




                                                                                                 © Copyright 2010 Adobe Systems Incorporated. All rights reserved
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Hotline at Adobe



                                           ED DD
                      EF OR
                 B




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   32
Hotline at Adobe



                                                  D DD
                       AFTER




                        15%                                                 10%          10>1
                          faster                                            cust. sat.   training.




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.       33
How to measure success ?




                                                        Looking at the stars ?




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   34
How to measure success ?




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   35
Enterprise applications




                  Real-Time ACCESS to my Enterprise Knowledge

                                                INTERACTION

                        QUALITY IMPROVEMENT




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   36
Human interactions with the Enterprise knowledge




                                                                                 Working with paper
                                                                                 •Interact directly on the information
                                                                                 •One single plan
                                                                                 •Learnt at school
                                                                                 •Knowledge not centralized
                                                                                 •Expensive


©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   37
Human interactions with the Enterprise knowledge




                                                                                 Collaboration on a wall
                                                                                 •Interact directly on the information
                                                                                 •One single plan
                                                                                 •Learnt at school
                                                                                 •Knowledge is lost
                                                                                 •One at a time


©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   38
Human interactions with the Enterprise knowledge




                                                                                     e era of PC
                                                                                 •Knowledge is centralized
                                                                                 •Extended company & Collaboration
                                                                                 •Mouse and Keyboard
                                                                                 •Learning curve
                                                                                 •No mobility at all


©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   39
Human interactions with the Enterprise knowledge




                                                                                 What inspired a PC
                                                                                    is not inspiring
                                                                                          anymore


©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   40
Human interactions with the Enterprise knowledge




                                                                                 Laptops
                                                                                 •First a empt of mobility
                                                                                 •Extends the work area (home vs office)
                                                                                 •Confort
                                                                                 •Network access
                                                                                 •Worst interactions ever


©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   41
Human interactions with the Enterprise knowledge




                                                                                 Mobility...
                                                                                 ...with some constraints




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   42
Human interactions with the Enterprise knowledge




                                                                                 Smartphones
                                                                                 •Total mobility
                                                                                 •Confort
                                                                                 •Typing experience
                                                                                 •Small screen = less information



©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   43
Human interactions with the Enterprise knowledge




                                                                                 Tablets
                                                                                 •Total mobility
                                                                                 •Confort & autonomy
                                                                                 •Typing experience
                                                                                 •Large screen
                                                                                 •Pleasure and work on the same device


©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.   44
A classic IT fail
                                                                  v



                                                                                Draw on pictures
                                                       Video chat           Take pictures

                                                                      Cameras




                                                                 Microphone
                                                                  VoIP      Voice Recognition




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.                          45
When the web fails




© 2010 Adobe Systems Incorporated. All Rights Reserved.   46
e traditional way for Enterprise apps development
                                                                  v




           What do                               Express the needs            Technical     Back-end + UI
                                                                                                            Delivery
          you need ?                                 in a doc               speci cations   developments



                                                              LOB                IT




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.        47
D.D.D - Design Driven Development
                                                                  v




                                                             Observe,                              Technical
    What problems                                                            Find solutions
                                                             Observe,                          solutions to serve   Delivery
    are you facing ?                                                        designing the UI
                                                             Observe                                 the UI



                                                                               What                How
                                                                                                  to build ?
                                                                              to build ?                            Analytics
                                                                                                  to scale ?




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.         48
Adobe and Enterprise applications


         Design & Develop                                                   Manage the content   Measure & Analyze




                      Designers
                                                                                Content              Business
                                                                                managers             analysts
                    Developers




                                                                                                             A

                                                                                                             B

                                                                                                             C




©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.           49
Michaël Chaize | Developer Evangelist
                                                                            RIAgora.com | @mchaize | mchaize@adobe.com




©2011
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

Oop2012 keynote Design Driven Development

  • 1.
    Successful applications with Design-centric developments Michaël Chaize | Developer Evangelist RIAgora.com | @mchaize ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 2.
    A killer what? © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 3.
    e OS was the interface © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 4.
    e network is the interface.
  • 5.
    e data is the interface © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 9.
    e message is the interface © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 10.
    You are theinterface © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 11.
    B2C, B2B &B2E iPhone app ERP Website CRM © 2010 Adobe Systems Incorporated. All Rights Reserved. 11
  • 12.
    © 2010 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential.
  • 13.
    © 2010 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential.
  • 14.
    © 2010 AdobeSystems Incorporated. All Rights Reserved. Adobe Confidential.
  • 15.
    A new mindset: the key of success © 2010 Adobe Systems Incorporated. All Rights Reserved. 15
  • 16.
    Why ? Focus on the user-experience ? ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 16
  • 17.
    NATO ED DD EF OR B ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 17
  • 18.
    NATO D DD AFTER ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 18
  • 19.
    Car industry ED DD EF OR B ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 19
  • 20.
    Car industry D DD AFTER ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 20
  • 21.
    Car industry ©2011 AdobeSystems Incorporated. All Rights Reserved. Adobe Con dential. 21
  • 22.
    Car industry ©2011 AdobeSystems Incorporated. All Rights Reserved. Adobe Con dential. 22
  • 23.
    Car industry ©2011 AdobeSystems Incorporated. All Rights Reserved. Adobe Con dential. 23
  • 24.
    e power of technology 1 x 3.2 GHz Power Processing Element 1 x 729MHz Broadway processor 7 x Synergistic Processing Elements – NVIDIA RSX “Reality Synthesiser” ATI Hollywood GPU 256MB GDDR3 video memory 3MB embedded GPU texture memory Up to 1080p HDMI output resolution Up to 576i output resolution (PAL/SECAM) 256MB XDR DRAM 24MB 1T-SRAM & 64MB GDDR3 SDRAM 250GB 2.5” SATA hard drive 512MB internal ash memory Blu-Ray Disc, DVD, CD, SACD media handling – Dolby TrueHD Bitstream Digital 5:1 audio Dolby Pro Logic II 802.11b/g wi- 802.11b/g wi- Wired Gigabit Ethernet – © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 25.
    e power of technology 1 x 3.2 GHz Power Processing Element 1 x 729MHz Broadway processor 7 x Synergistic Processing Elements – NVIDIA RSX “Reality Synthesiser” ATI Hollywood GPU 256MB GDDR3 video memory 3MB embedded GPU texture memory Up to 1080p HDMI output resolution Up to 576i output resolution (PAL/SECAM) 256MB XDR DRAM 24MB 1T-SRAM & 64MB GDDR3 SDRAM 250GB 2.5” SATA hard drive 512MB internal ash memory Blu-Ray Disc, DVD, CD, SACD media handling – Dolby TrueHD Bitstream Digital 5:1 audio Dolby Pro Logic II 802.11b/g wi- 802.11b/g wi- Wired Gigabit Ethernet – 36M 71M © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 26.
    36M 71M © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 27.
    Design Driven Development USER EXPERIENCE TECHNOLOGY THE BUSINESS THE USERS ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 27
  • 28.
    Observe ©2011 Adobe SystemsIncorporated. All Rights Reserved. Adobe Con dential. 28
  • 30.
    Design 8m 90m to unlocks ROI © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 31.
    oughtless acts © Copyright 2010 Adobe Systems Incorporated. All rights reserved © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 32.
    Hotline at Adobe ED DD EF OR B ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 32
  • 33.
    Hotline at Adobe D DD AFTER 15% 10% 10>1 faster cust. sat. training. ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 33
  • 34.
    How to measuresuccess ? Looking at the stars ? ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 34
  • 35.
    How to measuresuccess ? ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 35
  • 36.
    Enterprise applications Real-Time ACCESS to my Enterprise Knowledge INTERACTION QUALITY IMPROVEMENT ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 36
  • 37.
    Human interactions withthe Enterprise knowledge Working with paper •Interact directly on the information •One single plan •Learnt at school •Knowledge not centralized •Expensive ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 37
  • 38.
    Human interactions withthe Enterprise knowledge Collaboration on a wall •Interact directly on the information •One single plan •Learnt at school •Knowledge is lost •One at a time ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 38
  • 39.
    Human interactions withthe Enterprise knowledge e era of PC •Knowledge is centralized •Extended company & Collaboration •Mouse and Keyboard •Learning curve •No mobility at all ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 39
  • 40.
    Human interactions withthe Enterprise knowledge What inspired a PC is not inspiring anymore ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 40
  • 41.
    Human interactions withthe Enterprise knowledge Laptops •First a empt of mobility •Extends the work area (home vs office) •Confort •Network access •Worst interactions ever ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 41
  • 42.
    Human interactions withthe Enterprise knowledge Mobility... ...with some constraints ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 42
  • 43.
    Human interactions withthe Enterprise knowledge Smartphones •Total mobility •Confort •Typing experience •Small screen = less information ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 43
  • 44.
    Human interactions withthe Enterprise knowledge Tablets •Total mobility •Confort & autonomy •Typing experience •Large screen •Pleasure and work on the same device ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 44
  • 45.
    A classic ITfail v Draw on pictures Video chat Take pictures Cameras Microphone VoIP Voice Recognition ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 45
  • 46.
    When the webfails © 2010 Adobe Systems Incorporated. All Rights Reserved. 46
  • 47.
    e traditional wayfor Enterprise apps development v What do Express the needs Technical Back-end + UI Delivery you need ? in a doc speci cations developments LOB IT ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 47
  • 48.
    D.D.D - DesignDriven Development v Observe, Technical What problems Find solutions Observe, solutions to serve Delivery are you facing ? designing the UI Observe the UI What How to build ? to build ? Analytics to scale ? ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 48
  • 49.
    Adobe and Enterpriseapplications Design & Develop Manage the content Measure & Analyze Designers Content Business managers analysts Developers A B C ©2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 49
  • 50.
    Michaël Chaize |Developer Evangelist RIAgora.com | @mchaize | mchaize@adobe.com ©2011 ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.