Modelessness - Speaker Deck

Modelessness

by Manabu Ueno

Slide 1

Slide 1 text

.PEFMFTTOFTT

Slide 2

Slide 2 text

Apple ][ Human Interface Guidelines (pre-release) -- 1985 -- DigiBarn Computer Museum -- Apple Computer, Inc. Distributed under the Creative Commons License on page 4 Page 0001 of 0130

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

 I n s i d e M a c O S X Aqua Human Interface Guidelines Preliminary Macworld draft, 01/10/01

Slide 6

Slide 6 text

OS X Human Interface Guidelines

Slide 7

Slide 7 text

ϞʔυϨεωεΛ৴ไ͠ͳ͍͞ Ϣʔβʔ͸൴൴ঁΒʹίϯτϩʔϧݖΛ༩͑ΔΞϓϦΛ޷Έɺ ·ͨ൴Β͔ΒසൟʹίϯτϩʔϧݖΛୣ͏ΞϓϦΛେ఍ݏ͍· ͢ɻϢʔβʔ͔ΒίϯτϩʔϧݖΛୣ͏࠷΋Ұൠతͳํ๏͸ɺ Ϣʔβʔʹಛఆͷਐ࿏Λڧཁ͢ΔϞʔυΛཚ༻͢Δ͜ͱͰ͢ɻ 049)VNBO*OUFSGBDF(VJEFMJOFT

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

ίϯϐϡʔλ ϢʔβʔϩάΠϯ ΞϓϦέʔγϣϯ ΢Οϯυ΢ ίϯτϩʔϧ Ωʔೖྗ ʜ Ϟʔυ͸ίϯϐϡʔλͷݪࡑ

Slide 10

Slide 10 text

.PEFWT.PEFMFTT

Slide 11

Slide 11 text

NBHMJUFDPN

Slide 12

Slide 12 text

0'' 0/ 0'' 0/ 0/ 0/ 0'' 0/

Slide 13

Slide 13 text

Ϟʔυ ૢ࡞ͷҙຯΛγεςϜ͕ዞҙతʹنఆʗมߋ͍ͯ͠Δঢ়ଶ Ϟʔυ͸ϢʔβʔΛಛఆͷ৔ॴ΍ϑϩʔʹറΓɺϢʔβʔ͸͋Δܾ ·ͬͨૢ࡞Λ͢Δ·Ͱ͔ͦ͜Βൈ͚ग़͢͜ͱ͕Ͱ͖ͳ͍ Ϟʔυ͸ɺ؀ڥΛίϯτϩʔϧ͍ͨ͠ͱ͍͏զʑͷجຊతͳཉٻʹ൓ ͢ΔͨΊɺετϨεʹͳΔ

Slide 14

Slide 14 text

lϞʔυΤϥʔ͸ɺ૷ஔ͕͍͔ͭ͘ҟͳΔૢ࡞ϞʔυΛ΋͍ͬͯͯɺ ͋ΔϞʔυͰద੾ͳߦҝ͕ଞͷϞʔυͰ͸ҧ͏ҙຯΛ΋ͭΑ͏ͳͱ͖ ʹੜ͡ΔɻϞʔυΤϥʔ͸ɺͦͷ૷ஔ͕΋͍ͬͯΔ੍ޚεΠον΍ද ࣔͷ਺ΑΓ΋ɺ࣮ߦՄೳͳߦҝͷ਺ͷํ͕ଟ͘ɺͦΕΏ͑Ұͭͷε Πον͕ೋͭͷ໾ׂΛՌ͍ͯ͠Δ૷ஔͰ͸͍ͭͰ΋ੜ͡͏Δɻz υφϧυɾϊʔϚϯ

Slide 15

Slide 15 text

.PEBM .PEFMFTT XJLJQFEJBDPN

Slide 16

Slide 16 text

XJLJQFEJBDPN .PEBM .PEFMFTT

Slide 17

Slide 17 text

.PEBM .PEFMFTT

Slide 18

Slide 18 text

.PEBM .PEFMFTT

Slide 19

Slide 19 text

.PEBM .PEFMFTT

Slide 20

Slide 20 text

.PEBM .PEFMFTT

Slide 21

Slide 21 text

.PEBM .PEFMFTT

Slide 22

Slide 22 text

.PEBM .PEFMFTT

Slide 23

Slide 23 text

.PEBM .PEFMFTT

Slide 24

Slide 24 text

.PEBM .PEFMFTT

Slide 25

Slide 25 text

lࢲ͸ɺΠϯλϑΣʔε͕ϞʔυΛ࣋ͨͣɺ͔ͭɺՄೳͳݶΓϞϊτφ εͰ͋Ε͹ɺͦͷଞશͯͷσβΠϯ͕ݱ୅ͷΠϯλϑΣʔεਫ४͔Β ݟͯฏۉతͳ΋ͷͰ͋ͬͯ΋ɺܶతʹ࢖͍΍͍͢΋ͷͱͳΔͱ৴ͯ͡ ͍·͢ɻʢதུʣϞʔυ͕ແ͘Ϟϊτχʔʹج͍ͮͨ੡඼Λ࢖༻͢Δ ͜ͱʹΑͬͯɺ΄ͱΜͲපΈ͖ͭͱ΋ݴ͑Δश׳͕ܗ੒͞Εɺ੡඼Λ Ѫ͢ΔϢʔβਓޱ΋૿Ճ͍ͯ͘͜͠ͱͰ͠ΐ͏ɻz δΣϑɾϥεΩϯ

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

$PNNBOE-JOF*OUFSGBDF 7FSCˠ0CKFDU ίϯϐϡʔλʹରͯ͠ɺӳޠͷ໋ྩจͰॲཧΛࢦࣔ͢ΔʢίϚϯυˍλΠϐϯάʣ ίϯϐϡʔλΛɺ௨࣌తʗݴޠతͳ΋ͷͱͯ͠ଊ͑ͨૢ࡞ମܥʢϞʔμϧʣ

Slide 28

Slide 28 text

4LFUDIQBE ೥ʹΞΠόϯɾαβϥϯυ͕։ൃͨ͠ɻ ը໘ʹදࣔ͞ΕͨάϥϑΟοΫΛ௚઀తʹૢ ࡞͢Δͱ͍͏ɺ(6*ͷΞΠσΞͷىݯɻ άϥϑΟοΫΦϒδΣΫτ ϥΠτϖϯ XJLJQFEJBPSH

Slide 29

Slide 29 text

FYUSFNFUFDIDPN ೥୅ʹμάϥεɾΤϯήϧόʔτ཰͍Δ ݚڀऀνʔϜ͕։ൃͨ͠ɻ ϏοτϚοϓσΟεϓϨΠ Ϛ΢ε ϋΠύʔςΩετ /-4

Slide 30

Slide 30 text

೥୅ʹΞϥϯɾέΠΛத৺ʹ9FSPY 1"3$Ͱ։ൃ͞Εͨɻ ΦϒδΣΫτࢦ޲ˍ(6*ϕʔεͷ04 ύʔιφϧίϯϐϡʔλͷ࠷ॳͷ׬੒ܗ σεΫτοϓϝλϑΝ Φʔόʔϥοϐϯά΢Οϯυ΢ ϓϩάϥϛϯά؀ڥ !TVNJN 4NBMMUBML

Slide 31

Slide 31 text

5FTMFS -BSSZ

Slide 32

Slide 32 text

IUUQTZPVUVCF%IN[$**:

Slide 33

Slide 33 text

l"QFSTPOBMIJTUPSZPGNPEFMFTTUFYUFEJUJOHBOEDVUDPQZQBTUFz-BSSZ5FTMFS

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

(SBQIJDBM6TFS*OUFSGBDF 0CKFDU0SJFOUFE6TFS*OUFSGBDF 0CKFDUˠ7FSC ର৅ʹରͯ͠ɺಇ͖ΛδΣενϟͰࢦࣔ͢ΔʢάϥϑΟοΫˍϙΠϯςΟϯάʣ ίϯϐϡʔλΛɺڞ࣌తʗۭؒతͳ΋ͷͱͯ͠ଊ͑ͨૢ࡞ମܥʢϞʔυϨεʣ

Slide 36

Slide 36 text

l4NBMMUBMLͷΦϒδΣΫτࢦ޲ੑ͸ඇৗʹࣔࠦతͰ͋ͬͨɻʢதུʣ ந৅తͳγϯϘϧͷ৔Ͱ͸ɺͦΕ͸ɺ࠷ॳʹΦϒδΣΫτ໊Λهड़͠ ͯͦͯͦ͠ΕʹԿΛ͢Δ͔Λࢦࣔ͢ΔϝοηʔδΛ෇͚Δɻ۩ମతͳ ϢʔβʔΠϯλʔϑΣʔεͷ৔Ͱ͸ɺͦΕ͸࠷ॳʹΦϒδΣΫτΛબ ୒͢Δ͜ͱΛҙຯ͍ͯ͠ΔɻͦΕ͔ΒԿ͕͍ͨ͠ͷ͔Λϝχϡʔʹ Αͬͯఏࣔ͢ΔɻͲͪΒͷ৔߹Ͱ΋ɺΦϒδΣΫτ͕ઌͰ͋Γɺ΍Γ ͍ͨ͜ͱ͕ͦͷ࣍ͱͳ͍ͬͯΔɻ͜Ε͸۩ମతͳ΋ͷͱந৅తͳ΋ͷ ͱΛߴ͍࣍ݩͰ౷߹͍ͯ͠Δɻz ΞϥϯɾέΠ

Slide 37

Slide 37 text

lΦϒδΣΫτࢦ޲ϓϩάϥϛϯά͸ɺίϯϐϡʔλ͸ਓؒͷਫ਼ਆΛ֦ு͠ ͨ΋ͷͰ͋Δͱ͍͏Τϯήϧόʔτͷߏ૝͔Βੜͨ͡ɻΞϥϯɾέΠͷ %ZOBCPPLߏ૝͸͠͹͠͹ۙ୅ʹ͓͚Δϥοϓτοϓ1$ͷઌۦͱ໨͞Εͯ ͍Δ΋ͷ͕ͩɺ͜Ε͸͜ͷΑ͏ͳߏ૝ͷయܕͩͱݴ͑Α͏ɻʢதུʣέΠ ͸ޙʹ͜ͷߏ૝Λιʔείʔυʹ·Ͱ࣋ͪࠐΉͨΊʹɺݴޠΛ࡞͍ͬͯ ΔɻͦΕ͕4NBMMUBMLͰ͋Δɻࣄ࣮ɺΦϒδΣΫτࢦ޲ϓϩάϥϛϯάʹ͓ ͚Δઌۦऀͨͪͷ໨త͸ɺΤϯυϢʔβͷϝϯλϧϞσϧΛίʔυʹ͓͍ ͯͱΒ͑Δ͜ͱͩͬͨɻ͜ΕΒͷߏ૝͕ࠓ೔ͷΘΕΘΕʹ࢒ͯ͘͠Εͨͷ ͸ɺΠϯλϥΫςΟϒͰάϥϑΟΧϧͳϢʔβΠϯλϑΣʔεͱɺੈͷத ͷϓϩάϥϛϯάʹ͓͚ΔΦϒδΣΫτࢦ޲ݴޠͷོ੝Ͱ͋Δɻz τϦάϰΣɾϦʔϯεΧ΢Ϋ

Slide 38

Slide 38 text

ϞʔυϨεωεͷݪଇ 0CKFDU7FSCͷૢ࡞ߏจ ର৅͕ݟ͍͑ͯͯɺ೚ҙͷॱংͰΞΫηεͰ͖Δ ௚઀త͔ͭՄٯతͳૢ࡞ ঢ়ଶมԽΛϦΞϧλΠϜʹϑΟʔυόοΫ͢Δ

Slide 39

Slide 39 text

$PDPB

Slide 40

Slide 40 text

.VMUJ5BTLJOH ΞϓϦέʔγϣϯ͸ৗʹ'PSFHSPVOEɻ ΞϓϦέʔγϣϯʗ΢Πϯυ΢͸*OBDUJWFͰ΋ ಈ͖ଓ͚Δɻ IUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO(FOFSBM$PODFQUVBM .049"QQ1SPHSBNNJOH(VJEF$PSF"QQ%FTJHO$PSF"QQ%FTJHOIUNM

Slide 41

Slide 41 text

3VO-PPQT 3VOMPPQ͸εϨουʹ෇ਵ͢ΔجຊతͳΠϯϑ ϥετϥΫνϟͷҰ෦Ͱ͢ɻ3VOMPPQ͸ɺ࡞ۀ Λεέδϡʔϧͯ࣍͠ʹདྷΔΠϕϯτͷड৴Λ ௐ੔͢ΔͨΊʹ࢖༻͢ΔΠϕϯτॲཧϧʔϓͰ ͢ɻ IUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO$PDPB$PODFQUVBM .VMUJUISFBEJOH3VO-PPQ.BOBHFNFOU3VO-PPQ.BOBHFNFOUIUNM

Slide 42

Slide 42 text

'JSTU3FTQPOEFST 'JSTUSFTQPOEFS͸ҰൠʹɺϢʔβʔ͕Ϛ΢ε· ͨ͸ΩʔϘʔυͰબ୒·ͨ͸ΞΫςΟϒԽ͢Δ ϢʔβʔΠϯλʔϑΣʔεΦϒδΣΫτͰ͢ɻ ͦΕ͸௨ৗɺΠϕϯτ·ͨ͸ΞΫγϣϯϝο ηʔδΛड৴͢ΔϨεϙϯμνΣʔϯ಺ͷ࠷ॳ ͷΦϒδΣΫτͰ͢ɻ IUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO$PDPB$PODFQUVBM &WFOU0WFSWJFX&WFOU"SDIJUFDUVSF&WFOU"SDIJUFDUVSFIUNM

Slide 43

Slide 43 text

0CKFDU7FSC4ZOUBY ॲཧΛಛఆ͢Δલʹର৅Λબ୒͢Δ͜ͱ͸ɺ .BDJOUPTIώϡʔϚϯΠϯλʔϑΣʔεͷجຊ తͳಛ௃Ͱ͢ɻ Ϣʔβʔ͕ର৅ʢ໊ࢺʣΛબ୒  Ϣʔβʔ͕ॲཧʢಈࢺʣΛબ୒ ͜Ε͸l໊ࢺಈࢺύϥμΠϜzͱݺ͹Ε·͢ɻ l4FMFDUJOHz.BDJOUPTI)VNBO*OUFSGBDF(VJEFMJOFT

Slide 44

Slide 44 text

5BSHFU"DUJPO ϢʔβʔΠϯλʔϑΣΠε্ͷίϯτϩʔϧͷ ໾ׂ͸γϯϓϧͰ͢ϢʔβʔͷҙਤΛղऍ͠ɺ ͦͷཁٻΛ࣮ߦ͢ΔΑ͏ʹଞͷΦϒδΣΫτʹ ࢦࣔ͢Δ͜ͱͰ͢ɻ 5BSHFU"DUJPOͷϝΧχζϜʹΑΓɺίϯτϩʔ ϧʢηϧʣ͸ɺΞϓϦέʔγϣϯݻ༗ͷ໋ྩΛ ద੾ͳΦϒδΣΫτ΁ૹΔͷʹඞཁͳ৘ใΛΧ ϓηϧԽͰ͖·͢ɻ IUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO(FOFSBM$PODFQUVBM $PDPB&ODZDMPQFEJB5BSHFU"DUJPO5BSHFU"DUJPOIUNMBQQMF@SFGEPDVJE 51$)48 aButton.title = @"Button"; aButton.target = aTargetObject; aButton.action = @selector(doSomething:);

Slide 45

Slide 45 text

%SBHBOE%SPQ $PDPBΛ࢖༻͢ΔͱɺΞϓϦέʔγϣϯ಺ͱΞ ϓϦέʔγϣϯؒͷ྆ํͰߴ౓ͳυϥοάΞϯ υυϩοϓػೳΛ࣮૷Ͱ͖·͢ɻ /4%SBHHJOH4PVSDF /4%SBHHJOH*UFN /4%SBHHJOH4FTTJPO /4%SBHHJOH%FTUJOBUJPO /4%SBHHJOH*OGP IUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO$PDPB$PODFQUVBM %SBHBOE%SPQ%SBHBOE%SPQIUNMBQQMF@SFGEPDVJE48 %SBH %SBHHJOH 4PVSDF 1BTUFCPBSE %SBHHJOH %FTUJOBUJPO %SPQ %SBHHJOH 4FTTJPO

Slide 46

Slide 46 text

"VUPTBWJOH ͋ͳͨ͸ৗʹɺσʔλʹՃ͑ΒΕͨมߋͷอଘ ΛϢʔβʔ͕खಈͰߦ͏͜ͱΛڧཁ͠ͳ͍Α͏ ʹ͠·͢ɻͦͷ͔ΘΓɺࣗಈσʔλอଘΛ࣮૷ ͍ͯͩ͘͠͞ɻ/4%PDVNFOUͷϚϧν΢Πϯυ ΢ΞϓϦͰ͸ɺࣗಈอଘ͸؆୯Ͱ͢ɻ ΞϓϦ͕ऴྃ͢Δ࣌ ΞϓϦ͕EFBDUJWBUF͞ΕΔ࣌ ΞϓϦΛӅͨ࣌͠ ΞϓϦ಺Ͱσʔλ͕มߋ͞Εͨ࣌ IUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO(FOFSBM$PODFQUVBM .049"QQ1SPHSBNNJOH(VJEF$PSF"QQ%FTJHO$PSF"QQ%FTJHOIUNM

Slide 47

Slide 47 text

$PDPB#JOEJOHT $PDPBCJOEJOHT͸ɺϞσϧ͕ΞϓϦέʔγϣϯ σʔλΛΧϓηϧԽ͠ɺϏϡʔ͕σʔλͷදࣔ ͱฤूΛߦ͍ɺͦͯ͠ίϯτϩʔϥʔ͕྆ऀͷ ؒΛऔΓ࣋ͭͱ͍͏ɺ.PEFM7JFX$POUSPMMFSύ ϥμΠϜΛΞϓϦέʔγϣϯ಺Ͱ׬શʹ࣮૷͢ ΔͨΊͷςΫϊϩδʔͷू·ΓͰ͢ɻ IUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO$PDPB$PODFQUVBM $PDPB#JOEJOHT$PDPB#JOEJOHTIUNM

Slide 48

Slide 48 text

0CKFDU$POUSPMMFS $PDPBCJOEJOHTʹରԠͨ͠ίϯτϩʔϥʔɻί ϯςϯτΦϒδΣΫτͷϓϩύςΟΛϢʔβʔ ΠϯλʔϑΣʔεཁૉʹόΠϯυ͠ɺ஋΁ͷΞ ΫηεͱมߋΛՄೳʹ͢Δɻ /40CKFDU$POUSPMMFS /4"SSBZ$POUSPMMFS 5BCMF7JFX /45SFF$POUSPMMFS 0VUMJOF7JFX 5BCMF$PMVNO %BUB"SSBZ "SSBZ$POUSPMMFS 5FYU'JFME 5FYU'JFME selectedObjects[0] IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOBQQLJUOTPCKFDUDPOUSPMMFS

Slide 49

Slide 49 text

3FQSFTFOUFE0CKFDU ͜ͷϓϩύςΟ͸ࢦఆ͞ΕͨΦϒδΣΫτΛϦ ςΠϯ͠·͢ɻίϐʔͰ͸͋Γ·ͤΜɻͭ·Γ Ϩγʔόʔ͸ද৅͞ΕͨΦϒδΣΫτͱରͷ ؔ܎Λ࣋ͪɺΞτϦϏϡʔτͱͯ͠ॴ༗͸͠· ͤΜɻ SFQSFTFOUFE0CKFDU͔Β࢝·ΔΩʔύεΛ࢖ͬ ͯɺ7JFX$POUSPMMFSʢଞʣͱίϯτϩʔϧΛό ΠϯυͰ͖·͢ɻ IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOBQQLJUOTWJFXDPOUSPMMFS SFQSFTFOUFEPCKFDU "SSBZ$POUSPMMFS selectedObjects[0] .FOV*UFN representedObject 7JFX$POUSPMMFS representedObject

Slide 50

Slide 50 text

$PNCJOF $PNCJOF͸࣌ؒͷܦաͱͱ΋ʹ஋Λॲཧ͢Δͨ Ίͷ౷ҰతͳએݴܕϑϨʔϜϫʔΫͰ͢ɻωο τϫʔΩϯάɺ,FZ7BMVF؂ࢹɺ௨஌ɺίʔϧ όοΫͳͲͷඇಉظίʔυΛ୯७Խ͠·͢ɻ 1VCMJTIFSσʔλΛੜ੒͢Δ 4VCTDSJCFSσʔλΛड͚औΔ 0QFSBUPSσʔλͷ߹੒΍Ճ޻Λߦ͏ IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED NEW

Slide 51

Slide 51 text

8SBQVQ

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

.PEFMFTTBOE.PEBM  IUUQTNPEFMFTTEFTJHODPNNPEFMFTTBOENPEBM ϞʔυϨε͸Ͳ͔͜Βདྷ͔ͨrΦϒδΣΫτࢦ޲6*ͷىݯr  IUUQTNPEFMFTTEFTJHODPNCBDLESPQ ϞʔυϨεɾϢʔβʔΠϯλʔϑΣʔε  IUUQTXXXTPDJPNFEJBDPKQ 0069rΦϒδΣΫτϕʔεͷ6*ϞσϦϯά  IUUQTXXXTPDJPNFEJBDPKQ 006*ͷ໨౰ͯ  IUUQTXXXTPDJPNFEJBDPKQ "IJTUPSZPG"QQMF)*(UBCMFPGDPOUFOUTrUIFQIJMPTPQIZBOEQSJODJQMFT  IUUQTNPEFMFTTEFTJHODPNCBDLESPQ 5XJUUFS  !NBOBCVVFOP

Slide 54

Slide 54 text

.BOBCV6FOP