The Modeless Design

58c4c8364b85ed0a172ac161ed68db37?s=47 Manabu Ueno
February 24, 2018

The Modeless Design

There is no silver bullet in design methods, except this simple approach - the Modeless Design.

From my 20 years of design consulting experience, 90 percent of business apps have serious usability problems because they are composed of functional modes. However, you can dramatically improve or innovate them by transforming your perspective from modal to modeless.

In this presentation, I will talk about the philosophy and technique of Modeless Design that turns your service/product much more meaningful.

(Presented in World IA Day 2018 Hong Kong)

58c4c8364b85ed0a172ac161ed68db37?s=128

Manabu Ueno

February 24, 2018
Tweet

Transcript

  1. 3.
  2. 4.
  3. 5.
  4. 8.

    6*%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
  5. 9.

    6*%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
  6. 10.

    6*%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
  7. 18.
  8. 50.

    .PEBMWT.PEFMFTT .PEBM "EE3FDPSE %FMFUF3FDPSE 6QEBUF3FDPSE •••••••••• •••••••••••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••••• "EE ••••••••••

    4FBSDI •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• 0QFO •••••••••• •••••••••••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••••• 6QEBUF •••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• %FMFUF 4FBSDI
  9. 73.

    006* ,OPX $IFDL 'JOE -FBSO /FXT 1SFTT3FMFBTFT 3VMFT 1PMJDJFT (VJEFMJOFT

    .BOVBMT 0SHBOJ[BUJPO$IBSU .FNCFS$POUBDUT 0⒏DF.BQ 'SFTINBO5SBJOJOH &YQFSU5SBJOJOH .BOBHFS5SBJOJOH #BE6*5BTLCBTFENPEFM
  10. 74.

    006* /FXT 3VMFT 0SHBOJ[BUJPO 5SBJOJOH /FXT 1SFTT3FMFBTFT 3VMFT 1PMJDJFT (VJEFMJOFT

    .BOVBMT 0SHBOJ[BUJPO$IBSU .FNCFS$POUBDUT 0⒏DF.BQ 'SFTINBO5SBJOJOH &YQFSU5SBJOJOH .BOBHFS5SBJOJOH 3FEFTJHO0CKFDUCBTFENPEFM
  11. 78.

    006* .BQUIFWJFXT QSPQFSUJFT BOEBDUJPOTJOTDSFFOT .BJMCPY .BJM 5JUMF $PMMFDUJPO $PMMFDUJPO 4JOHMF

    0CKFDUT 4VCKFDU %BUF 4FOEFS #PEZ ʜ "EE %FMFUF 4FBSDI %FMFUF 3FQMZ .PWF %FMFUF 4DSFFO %FTLUPQBQQ 7JFXT 1SPQFSUJFT "DUJPOT
  12. 79.

    006* .BJM .BJMCPY .BJMCPY "EE .BJMCPY +VMJFUUB3JWFUU 9999999999999999999999 ZZZZNNEEIINN +BDRVFT'SBTFS

    9999999999999999999999 ZZZZNNEEIINN /JLLJ#PSJOH 9999999999999999999999 ZZZZNNEEIINN -FNVFM$BSMFUPO 9999999999999999999999 ZZZZNNEEIINN $IBSJTTB5BOLTMFZ 9999999999999999999999 ZZZZNNEEIINN $PODIB8FJOCFSH 9999999999999999999999 ZZZZNNEEIINN )BZEFO$ZQFSU 9999999999999999999999 ZZZZNNEEIINN 3BMFJHI-PDLXPPE 9999999999999999999999 ZZZZNNEEIINN %FMFUF "OHFMP-BXSZ ZZZZNNEEIINN 3FQMZ %FMFUF .PWF /FX 9999999999999999999999 ZZZZNNEEIINN 'SPN+BDRVFT'SBTFS )FMMP )PXBSFZPV  *BNpOF
  13. 80.

    006* 4DSFFO .BJMCPY .BJM $PMMFDUJPO $PMMFDUJPO 4JOHMF 0CKFDUT 4VCKFDU %BUF

    4FOEFS #PEZ ʜ 4FBSDI %FMFUF 3FQMZ .PWF %FMFUF 7JFXT 1SPQFSUJFT "DUJPOT 5JUMF "EE %FMFUF .BQUIFWJFXT QSPQFSUJFT BOEBDUJPOTJOTDSFFOT .PCJMFBQQ
  14. 81.

    006* .BJMCPYFT &EJU .BJMCPY .BJMCPY .BJMCPY "EE .BJMCPY &EJU +VMJFUUB3JWFUU

    NNEEIINN 9999999999999999999999 +BDRVFT'SBTFS NNEEIINN 9999999999999999999999 /JLLJ#PSJOH NNEEIINN 9999999999999999999999 -FNVFM$BSMFUPO NNEEIINN 9999999999999999999999 $IBSJTTB5BOLTMFZ NNEEIINN 9999999999999999999999 $PODIB8FJOCFSH NNEEIINN 9999999999999999999999 /FX 9999999 /FX 3FQMZ .PWF %FMFUF 9999999999999999 999999 ZZZZNNEEIINN 'SPN+BDRVFT'SBTFS )FMMP )PXBSFZPV  *BNpOF
  15. 86.

    006* #BE6*5BTLCBTFENPEFM #SPXTF4DIFEVMF #SPXTF1SPKFDUT #SPXTF$VTUPNFST 4FBSDI4DIFEVMF 4FBSDI1SPKFDUT 4FBSDI$VTUPNFST 4FBSDI4BMFT3FTPVSDFT #SPXTF4BMFT3FTPVSDFT

    #SPXTF$PNQBOZ-JTU 4FBSDI$PNQBOZ *OQVU$VTUPNFS%BUB %PXOMPBE$VTUPNFS%BUB *NQPSU$VTUPNFS%BUB $PNQBOZ $SFBUF$VTUPNFS %FMFUF$VTUPNFS #SPXTF$VTUPNFS%FUBJM 4FOE.FTTBHF 4FMFDU3FDJQJFOU &EJU$VTUPNFS%FUBJM 4FOE
  16. 88.

    006* 3FEFTJHO0CKFDUCBTFENPEFM $PNQBOZ 1FSTPO /BNF $PMMFDUJPO $PMMFDUJPO 4JOHMF 4JOHMF 7JFXTBOE

    4DSFFOT #BTJD*OGP /BNF "MM1SPQFSUJFT 4FBSDI "EE %FMFUF 4FBSDI "EE %FMFUF &EJU &EJU .FTTBHF 0CKFDUT
  17. 97.

    .BOBHFS$FOUFSFE 8PSLFS$FOUFSFE *OEJSFDUMZ %JSFDUMZ 5BTL#BTFE 0CKFDU#BTFE 5SBJOMJLF $BSMJLF 5IFPSFUJDBM &YQFSJNFOUBM

    $POTFSWBUJWF 1SPHSFTTJWF -JOHVJTUJD 4QBUJBM 3FBMJTUJD *EFBMJTUJD 1FTTJNJTUJD 0QUJNJTUJD .PEBM .PEFMFTT &HPJTUJD "MUSVJTUJD %PNJOBUJOH -JCFSBUJOH