Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Modeless Design Pattern

Manabu Ueno
April 18, 2018

The Modeless Design Pattern

Slides from my presentation at "Design Leaders Gathering" held by CookPad on Apr 18, 2018.

"Design Thinking" is the next step from User-Centered Design toward more radical changes in both technology and meaning perspectives. Then what is the next?
"Design Patterns" are the key to make the design meet unknown problems. Then what is the most fundamental pattern for interaction design?
"Modelessness" is the one.
To make designs modeless, designers should know the process of abstraction.
Modeless design is liberating.
A good design is a modeless design by a modeless person/organization through a modeless process.

Manabu Ueno

April 18, 2018
Tweet

More Decks by Manabu Ueno

Other Decks in Design

Transcript

  1. 5IF
    .PEFMFTT%FTJHO
    1BUUFSO

    View Slide

  2. View Slide

  3. Meaning
    Technology
    Radical
    Change
    Incremental
    Change
    Radical
    Change
    Incremental
    Change
    Market Pull
    (User-Centered)
    Technology Push
    Design Driven
    l%FTJHO%SJWFO*OOPWBUJPOz
    3PCFSUP7FSHBOUJ

    View Slide

  4. Meaning
    Technology
    Market Pull
    (User-Centered)
    Technology Push
    Design Driven
    Design
    Thinking
    Radical
    Change
    Incremental
    Change
    Radical
    Change
    Incremental
    Change

    View Slide

  5. Meaning
    Technology
    Market Pull
    (User-Centered)
    Technology Push
    Design Driven
    Design
    Thinking
    Radical
    Change
    Incremental
    Change
    Radical
    Change
    Incremental
    Change

    View Slide

  6. "1BUUFSO-BOHVBHF
    5PXOT #VJMEJOHT $POTUSVDUJPO
    $ISJTUPQIFS"MFYBOEFS

    l2VBMJUZ8JUIPVU"/BNFz

    View Slide

  7. %FTJHO1BUUFSOT
    &MFNFOUTPG3FVTBCMF0CKFDU0SJFOUFE
    4PGUXBSF
    &SJDI)FMN 3JDIBSE+PIOTPO 3BMQI
    7MJTTJEFT +PIO(BNNB

    View Slide

  8. %FTJHOJOH*OUFSGBDFT
    1BUUFSOTGPS&⒎FDUJWF*OUFSBDUJPO%FTJHO
    +FOJGFS5JEXFMM

    View Slide

  9. %FTJHO1SJODJQMFT
    "QQMF)*(
    w .FUBQIPST
    w %JSFDU.BOJQVMBUJPO
    w 4FFBOE1PJOU
    w $POTJTUFODZ
    w 8:4*8:(
    w 6TFS$POUSPM
    w 'FFECBDLBOE%JBMPH
    w 'PSHJWFOFTT
    w 1FSDFJWFE4UBCJMJUZ
    w "FTUIFUJD*OUFHSJUZ
    w .PEFMFTTOFTT
    /PSNBO%P&5
    w 7JTJCJMJUZ
    w 'FFECBDL
    w "⒎PSEBODF
    w .BQQJOH
    w $POTUSBJOU
    w $POTJTUFODZ
    /JFMTFO)FVSJTUJDT
    w 7JTJCJMJUZPGTZTUFNTUBUVT
    w .BUDICFUXFFOTZTUFNBOEUIFSFBMXPSME
    w 6TFSDPOUSPMBOEGSFFEPN
    w $POTJTUFODZBOETUBOEBSET
    w &SSPSQSFWFOUJPO
    w 3FDPHOJUJPOSBUIFSUIBOSFDBMM
    w 'MFYJCJMJUZBOEF⒏DJFODZPGVTF
    w "FTUIFUJDBOENJOJNBMJTUEFTJHO
    w )FMQVTFSTGSPNFSSPST
    w )FMQEPDVNFOUBUJPO

    View Slide

  10. %FTJHO1SJODJQMFT
    "QQMF)*(
    w .FUBQIPST
    w %JSFDU.BOJQVMBUJPO
    w 4FFBOE1PJOU
    w $POTJTUFODZ
    w 8:4*8:(
    w 6TFS$POUSPM
    w 'FFECBDLBOE%JBMPH
    w 'PSHJWFOFTT
    w 1FSDFJWFE4UBCJMJUZ
    w "FTUIFUJD*OUFHSJUZ
    w .PEFMFTTOFTT
    /PSNBO%P&5
    w 7JTJCJMJUZ
    w 'FFECBDL
    w "⒎PSEBODF
    w .BQQJOH
    w $POTUSBJOU
    w $POTJTUFODZ
    /JFMTFO)FVSJTUJDT
    w 7JTJCJMJUZPGTZTUFNTUBUVT
    w .BUDICFUXFFOTZTUFNBOEUIFSFBMXPSME
    w 6TFSDPOUSPMBOEGSFFEPN
    w $POTJTUFODZBOETUBOEBSET
    w &SSPSQSFWFOUJPO
    w 3FDPHOJUJPOSBUIFSUIBOSFDBMM
    w 'MFYJCJMJUZBOEF⒏DJFODZPGVTF
    w "FTUIFUJDBOENJOJNBMJTUEFTJHO
    w )FMQVTFSTGSPNFSSPST
    w )FMQEPDVNFOUBUJPO

    View Slide

  11. -BSSZ5FTMFS`T-JTFODF1MBUF

    View Slide

  12. 5IF'VOEBNFOUBM%FTJHO1BUUFSOT
    .PEBM .PEFMFTT

    View Slide

  13. 5IF'VOEBNFOUBM%FTJHO1BUUFSOT
    .PEBM .PEFMFTT

    View Slide

  14. .PEBMWT.PEFMFTT

    View Slide

  15. .PEBMWT.PEFMFTT .PEBM

    View Slide

  16. .PEBMWT.PEFMFTT .PEFMFTT
    QIPUPBDDPN

    View Slide

  17. .PEBMWT.PEFMFTT .PEBM

    View Slide

  18. .PEBMWT.PEFMFTT .PEFMFTT

    View Slide

  19. .PEBMWT.PEFMFTT .PEBM
    XJLJQFEJBPSH

    View Slide

  20. .PEBMWT.PEFMFTT .PEFMFTT
    QIPUPBDDPN

    View Slide

  21. .PEBMWT.PEFMFTT .PEBM
    XJLJQFEJBPSH
    4USBJHIU -FGU 3JHIU

    View Slide

  22. .PEBMWT.PEFMFTT .PEFMFTT
    HSZGOJFDPN

    View Slide

  23. .PEBMWT.PEFMFTT .PEBM
    [XJMMJOHPOMJOFKQ

    View Slide

  24. .PEBMWT.PEFMFTT .PEFMFTT
    IPVDZPZBDPN

    View Slide

  25. .PEBMWT.PEFMFTT .PEBM
    8JOEPXT/PUFQBE

    View Slide

  26. .PEBMWT.PEFMFTT .PEFMFTT
    J04/PUFT

    View Slide

  27. .PEBMWT.PEFMFTT .PEBM
    ZBIPPDPKQ

    View Slide

  28. .PEBMWT.PEFMFTT .PEFMFTT
    .BD8JEHFU

    View Slide

  29. .PEBMWT.PEFMFTT .PEBM
    "EE3FDPSE
    %FMFUF3FDPSE
    6QEBUF3FDPSE
    ••••••••••
    ••••••••••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••••
    "EE
    ••••••••••
    4FBSDI
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    0QFO
    ••••••••••
    ••••••••••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••••
    6QEBUF
    •••••••••• ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    %FMFUF
    4FBSDI

    View Slide

  30. .PEBMWT.PEFMFTT .PEFMFTT
    •••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••
    /FX &EJU %FMFUF
    ••••••••••
    ••••••••••••••••••••••••••••••••••••••
    ••••••••••••••••••••••••••••••••
    4BWF
    4FBSDI

    View Slide

  31. .PEBMWT.PEFMFTT
    $PNNBOE-JOF*OUFSGBDF (SBQIJDBM6TFS*OUFSGBDF
    .PEFMFTT
    .PEBM

    View Slide

  32. .PEBMWT.PEFMFTT
    1SPDFEVSBM1SPHSBNNJOH 0CKFDU0SJFOUFE1SPHSBNNJOH
    .PEFMFTT
    .PEBM

    View Slide

  33. .PEBMWT.PEFMFTT .PEBM
    "OBMZ[F %FTJHO *NQMFNFOU %FQMPZ
    8BUFS'BMM

    View Slide

  34. .PEBMWT.PEFMFTT
    5SZ
    $BUDI
    .PEFMFTT
    "HJMF

    View Slide

  35. .PEBMWT.PEFMFTT .PEBM
    UFDIPOUIFOFUDPN

    View Slide

  36. .PEBMWT.PEFMFTT .PEFMFTT

    View Slide

  37. "CTUSBDUJPO

    View Slide

  38. .PEBM

    View Slide

  39. .PEFMFTT

    View Slide

  40. Principle
    1 2 3
    Procedure
    Desire
    Design
    Abstract
    Concrete

    View Slide

  41. *OEJSFDUMZ %JSFDUMZ
    5BTL#BTFE 0CKFDU#BTFE
    5IFPSFUJDBM &YQFSJNFOUBM
    $POTFSWBUJWF 1SPHSFTTJWF
    -JOHVJTUJD 4QBUJBM
    3FBMJTUJD *EFBMJTUJD
    .PEBM .PEFMFTT
    %PNJOBUJOH -JCFSBUJOH

    View Slide

  42. "HPPEEFTJHOJT
    BNPEFMFTTEFTJHO
    CZBNPEFMFTTQFSTPOPSHBOJ[BUJPO
    UISPVHIBNPEFMFTTQSPDFTT
    GSBDUBMJUFSBUJPO

    DSFBUJWFNJOEFE

    MJCFSBUJOHTZTUFN

    View Slide

  43. .BOBCV6FOP

    View Slide

  44. .BOBCV6FOP %FTJHODPOTVMUBOU
    *OUFSBDUJPOEFTJHOFS
    *OUFSGBDFEFTJHOFS
    (SBQIJDEFTJHOFS
    6TBCJMJUZFOHJOFFS
    1SPHSBNNFS
    !NBOBCVVFOP

    View Slide

  45. View Slide