Pro Yearly is on sale from $80 to $50! »

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. 5IF.PEFMFTT%FTJHO

  2. .BOBCV6FOP ্໺ֶ %FTJHODPOTVMUBOU *OUFSBDUJPOEFTJHOFS *OUFSGBDFEFTJHOFS (SBQIJDEFTJHOFS 6TBCJMJUZFOHJOFFS 1SPHSBNNFS GSPN5PLZP

  3. None
  4. None
  5. None
  6. TUPSFOXUNJOUDPN

  7. %FTJHOJOH*OUFSGBDFT 1BUUFSOTGPS&⒎FDUJWF*OUFSBDUJPO%FTJHO +FOJGFS5JEXFMM 0`3FJMMZ 

  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
  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
  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
  11. 6*%FTJHO1SJODJQMFT .PEFMFTTOFTT 'SFFEPN 7JTVBM %JSFDU 0CKFDUJWF

  12. 5IF3PPU1BUUFSOTPG%FTJHO .PEBM .PEFMFTT

  13. 5IF3PPU1BUUFSOTPG%FTJHO .PEBM .PEFMFTT

  14. -BSSZ5FTMFS`T-JTFODF1MBUF

  15. &NCSBDF.PEFMFTTOFTT 6TFSTBQQSFDJBUFBQQTUIBUBMMPXUIFNUPCFJODPOUSPM BOEUIFZHFOFSBMMZEJTMJLFBQQTUIBUXSFTUDPOUSPMBXBZ GSPNUIFNUPPPGUFO0OFPGUIFNPTUDPNNPOXBZT UIBUBQQTUBLFDPOUSPMBXBZGSPNVTFSTJTCZPWFSVTJOH NPEFTUIBUSFRVJSFVTFSTUPGPMMPXBTQFDJpDQBUI "QQMF)VNBO*OUFSGBDF(VJEFMJOFT

  16. .PEF BNB[PODPN

  17. .PEF IPXUPHFFLDPN

  18. .PEF

  19. .PEF BTJBDDCDPN

  20. .PEF .PEFJTBDPOEJUJPOXIJMFUIFTZTUFNSFTUSJDUTBOEMJNJUTXIBUB VTFSDBOEP "NPEFUJFTUIFVTFSUPBTQFDJpDQMBDFPSqPX BOEJUXPO`UMFU IFSIJNHPPVUVOUJMJUJTFOEFEVQXJUITPNFTQFDJpDBDUJPOT .PEFTBSFTUSFTTGVMCFDBVTFUIFZBSFBHBJOTUPVSGVOEBNFOUBM EFNBOEGPSDPOUSPMMJOHFOWJSPONFOUT

  21. .PEF $PNQVUFSJUTFMG 6TFSMPHJO "QQMJDBUJPO 8JOEPX *OQVUDPOUSPMT ʜ

  22. .PEF .PEBM .PEFMFTT 1SPDFEVSBM1SPHSBNNJOH 0CKFDU0SJFOUFE1SPHSBNNJOH l.PEFMFTT6TFS*OUFSGBDFTzIUUQTXXXTPDJPNFEJBDPKQ

  23. .PEF .PEBM .PEFMFTT $PNNBOE-JOF*OUFSGBDF (SBQIJDBM6TFS*OUFSGBDF

  24. #BTJDBMMZ DPNQVUFSJTNPEBM (6*BOE001BSFUIFDPVOUFSTUPJU l*OCPUIDBTFT QSPHSBNDPEFBOEVTFSJOUFSGBDF XF IBWFUIFPCKFDUpSTUBOEUIFEFTJSFTFDPOE5IJTVOJpFT UIFDPODSFUFXJUIUIFBCTUSBDUJOBIJHIMZTBUJTGZJOHXBZz "MBO,BZ l6TFS*OUFSGBDF"1FSTPOBM7JFXz

  25. .PEBMWT.PEFMFTT

  26. .PEBMWT.PEFMFTT .PEBM

  27. .PEBMWT.PEFMFTT .PEFMFTT QIPUPBDDPN

  28. .PEBMWT.PEFMFTT .PEBM

  29. .PEBMWT.PEFMFTT .PEFMFTT

  30. .PEBMWT.PEFMFTT .PEBM XJLJQFEJBPSH

  31. .PEBMWT.PEFMFTT .PEFMFTT QIPUPBDDPN

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

  33. .PEBMWT.PEFMFTT .PEFMFTT HSZGOJFDPN

  34. .PEBMWT.PEFMFTT .PEBM 1PXFS1PJOU

  35. .PEBMWT.PEFMFTT .PEFMFTT ,FZOPUF

  36. .PEBMWT.PEFMFTT .PEBM [XJMMJOHPOMJOFKQ

  37. .PEBMWT.PEFMFTT .PEFMFTT IPVDZPZBDPN

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

  39. .PEBMWT.PEFMFTT .PEFMFTT J04/PUFT

  40. .PEBMWT.PEFMFTT .PEBM

  41. .PEBMWT.PEFMFTT .PEFMFTT

  42. .PEBMWT.PEFMFTT .PEBM BNB[PODPKQ

  43. .PEBMWT.PEFMFTT .PEFMFTT BNB[PODPKQ

  44. .PEBMWT.PEFMFTT .PEBM 1PXFS1PJOU

  45. .PEBMWT.PEFMFTT .PEFMFTT ,FZOPUF

  46. .PEBMWT.PEFMFTT .PEBM 8JOEPXT91

  47. .PEBMWT.PEFMFTT .PEFMFTT .BD049

  48. .PEBMWT.PEFMFTT .PEBM ZBIPPDPKQ

  49. .PEBMWT.PEFMFTT .PEFMFTT .BD8JEHFU

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

    4FBSDI •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• 0QFO •••••••••• •••••••••••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••••• 6QEBUF •••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• %FMFUF 4FBSDI
  51. .PEBMWT.PEFMFTT .PEFMFTT ••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••• /FX &EJU

    %FMFUF •••••••••• •••••••••••••••••••••••••••••••••••••• •••••••••••••••••••••••••••••••• 4BWF 4FBSDI
  52. .PEFMFTT%FTJHO1SJODJQMFT

  53. .PEFMFTT%FTJHO1SJODJQMFT 4IPXPCKFDUTUPUIFVTFSBTTPPOBTQPTTJCMF

  54. .PEFMFTT%FTJHO1SJODJQMFT %JSFDUBOESFWFSTJCMFBDUJPOT Folder Folder

  55. .PEFMFTT%FTJHO1SJODJQMFT %PO`UHJWFBQSPDFEVSFUPHFUPVUUIFNPEF

  56. .PEFMFTT%FTJHO1SJODJQMFT &WFSZPCKFDUSFqFDUTJUTTUBUVTJOSFBMUJNF

  57. .PEFMFTT%FTJHO1SJODJQMFT 0CKFDUpSTU WFSCTFDPOETZOUBY

  58. .PEBM4ZOUBY 5BTLCBTFE 7FSC 0CKFDU /PVO "SHVNFOU .PEFMFTT4ZOUBY 0CKFDUCBTFE 0CKFDU 7FSC

    "DUJPO 5BTL "DUJPO 5BTL /PVO "SHVNFOU
  59. 0CKFDU0SJFOUFE6*

  60. 006* l0069r0CKFDU#BTFE6*.PEFMJOHzIUUQTXXXTPDJPNFEJBDPKQ .BOZBQQT FTQFDJBMMZCVTJOFTTBQQT BSFEFTJHOFECBTFEPOUBTLT TP UIBUUIFZIBWFVTBCJMJUZQSPCMFNT*ONBOZDBTFT UIFZDBOCF ESBNBUJDBMMZJNQSPWFECZCFJOHSFNPEFMFECBTFEPOPCKFDUT 5BTL#BTFE

    0CKFDU#BTFE
  61. 006* $IPPTF0CKFDU T $IPPTFBO"DUJPO 0CKFDUCBTFENPEFM

  62. 006* 3FDPSEJOH.PEF $BNFSB.JD *NBHF2VBMJUZ4J[F 1MBZJOH'FBUVSFT &EJU$PQZ 4FUUJOH6Q 4UBOECZ #BE6*5BTLCBTFENPEFM

  63. 006* 1MBZJOH'FBUVSFT 4UBOECZ &WFOU7JFX .BQ7JFX )JHIMJHIU.PWJF 4DFOBSJP1MBZ #BE6*5BTLCBTFENPEFM

  64. 006* #BE6*5BTLCBTFENPEFM

  65. 006* #BE6*5BTLCBTFENPEFM

  66. 006* 3FDPSEJOH.PEF $BNFSB.JD *NBHF2VBMJUZ4J[F 1MBZJOH'FBUVSF &EJU$PQZ 4FUUJOH6Q 4UBOECZ #BE6*5BTLCBTFENPEFM

  67. 006* &EJU$PQZ %FMFUF 1SPUFDU $PQZ %JSFDU$PQZ #BE6*5BTLCBTFENPEFM

  68. 006* %FMFUF $IPPTF1JDUVSF "MMJO&WFOU #BE6*5BTLCBTFENPEFM

  69. 006* %FMFUF #BE6*5BTLCBTFENPEFM

  70. 006* #BE6*5BTLCBTFENPEFM

  71. 006* 3FEFTJHO0CKFDUCBTFENPEFM

  72. 006* ,OPX $IFDL 'JOE -FBSO #BE6*5BTLCBTFENPEFM

  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
  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
  75. 006* 4UFQTPG0CKFDU#BTFE6*.PEFMJOH 1JDLPCKFDUT OPUUBTLT GSPNUIFEPNBJO $IPPTFLJOETPGWJFXT DPMMFDUJPOTJOHMF UPTIPXUIFN .BQUIFWJFXT QSPQFSUJFT

    BOEBDUJPOTJOTDSFFOT
  76. 006* 1JDLPCKFDUT OPUUBTLT GSPNUIFEPNBJO .BJMCPY .BJM 0CKFDUT .VMUJQMF

  77. 006* $IPPTFLJOETPGWJFXT DPMMFDUJPOTJOHMF UPTIPXUIFN .BJMCPY .BJM $PMMFDUJPO 0CKFDUT 7JFXT .BJMCPY-JTU

    $PMMFDUJPO .BJM-JTU 4JOHMF .BJM$POUFOU 3FWFBM
  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
  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
  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
  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
  82. 006* #BE6*5BTLCBTFENPEFM

  83. 006* #BE6*5BTLCBTFENPEFM

  84. 006* #BE6*5BTLCBTFENPEFM

  85. 006* #BE6*5BTLCBTFENPEFM

  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
  87. 006* 3FEFTJHO0CKFDUCBTFENPEFM $PNQBOZ 1FSTPO 0CKFDUT $VTUPNFS 1SPKFDU 7JTJU 3FTPVSDF

  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
  89. 006* 3FEFTJHO0CKFDUCBTFENPEFM

  90. "CTUSBDUJPO

  91. "CTUSBDUJPO 5IFSFBTPOTXIZBQQTBSFEFTJHOFECZUBTLCBTF w %FTJHOFSTCFMJFWFBQQTTIPVMEGPMMPXVTFSOFFET w %FTJHONFUIPETGPDVTPOVTFSUBTLTBOECFIBWJPS w 1FPQMFUIJOLDPNQVUFSJTUPBVUPNBUFIVNBO`TXPSL

  92. "CTUSBDUJPO .PEBM

  93. "CTUSBDUJPO .PEFMFTT

  94. "CTUSBDUJPO    1FFMFE"QQMF 1SPDFFEJOH "QQMF1FFMJOH.BDIJOF .PEBM MPXFSMFWFMPGBCTUSBDUJPO

  95. "CTUSBDUJPO 0SHBOJD )BOEGVM $BOCFDVUQFFMFETMJDFE 4IBSQ )BSE )BOEZ $PHOJUJWF$IBSBDUFSJTUJDT 1IZTJDBM$IBSBDUFSJTUJDT .PEFMFTT

    IJHIFSMFWFMPGBCTUSBDUJPO
  96. "CTUSBDUJPO 1SJODJQMF    1SPDFEVSF %FTJSF %FTJHO "CTUSBDU $PODSFUF

  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
  98. "EWBOUBHFTPG.PEFMFTT%FTJHO w &MFNFOUTBOEGFBUVSFTHFUNFBOJOHGVMUPVTFST w 6TFSTDBODPOUSPMNPSF BOEUIFZDBOMFBSONPSF w 4JNQMJpFE IJHIFSF⒏DJFODZ QSPEVDUJWJUZ

    BOENBJOUBJOBCJMJUZ w 4PUIBUVTFSTBOEEFTJHOFSTDBOCFNPSFDSFBUJWF
  99. .BOBCV6FOP