Slides from my presentation at "macOS native symposium #04" on Jul 7, 2019.
.PEFMFTTOFTT
View Slide
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
I n s i d e M a c O S XAquaHuman Interface GuidelinesPreliminaryMacworld draft, 01/10/01
OS X Human InterfaceGuidelines
ϞʔυϨεωεΛ৴ไ͠ͳ͍͞Ϣʔβʔ൴൴ঁΒʹίϯτϩʔϧݖΛ༩͑ΔΞϓϦΛΈɺ·ͨ൴Β͔ΒසൟʹίϯτϩʔϧݖΛୣ͏ΞϓϦΛେݏ͍·͢ɻϢʔβʔ͔ΒίϯτϩʔϧݖΛୣ͏࠷Ұൠతͳํ๏ɺϢʔβʔʹಛఆͷਐ࿏Λڧཁ͢ΔϞʔυΛཚ༻͢Δ͜ͱͰ͢ɻ049)VNBO*OUFSGBDF(VJEFMJOFT
ίϯϐϡʔλϢʔβʔϩάΠϯΞϓϦέʔγϣϯΟϯυίϯτϩʔϧΩʔೖྗʜϞʔυίϯϐϡʔλͷݪࡑ
.PEFWT.PEFMFTT
NBHMJUFDPN
0''0/0''0/0/0/0''0/
Ϟʔυૢ࡞ͷҙຯΛγεςϜ͕ዞҙతʹنఆʗมߋ͍ͯ͠Δঢ়ଶϞʔυϢʔβʔΛಛఆͷॴϑϩʔʹറΓɺϢʔβʔ͋Δܾ·ͬͨૢ࡞Λ͢Δ·Ͱ͔ͦ͜Βൈ͚ग़͢͜ͱ͕Ͱ͖ͳ͍ϞʔυɺڥΛίϯτϩʔϧ͍ͨ͠ͱ͍͏զʑͷجຊతͳཉٻʹ͢ΔͨΊɺετϨεʹͳΔ
lϞʔυΤϥʔɺஔ͕͍͔ͭ͘ҟͳΔૢ࡞ϞʔυΛ͍ͬͯͯɺ͋ΔϞʔυͰదͳߦҝ͕ଞͷϞʔυͰҧ͏ҙຯΛͭΑ͏ͳͱ͖ʹੜ͡ΔɻϞʔυΤϥʔɺͦͷஔ͕͍ͬͯΔ੍ޚεΠονදࣔͷΑΓɺ࣮ߦՄೳͳߦҝͷͷํ͕ଟ͘ɺͦΕΏ͑ҰͭͷεΠον͕ೋͭͷׂΛՌ͍ͯ͠ΔஔͰ͍ͭͰੜ͡͏ΔɻzυφϧυɾϊʔϚϯ
.PEBM .PEFMFTTXJLJQFEJBDPN
XJLJQFEJBDPN.PEBM .PEFMFTT
.PEBM .PEFMFTT
lࢲɺΠϯλϑΣʔε͕ϞʔυΛ࣋ͨͣɺ͔ͭɺՄೳͳݶΓϞϊτφεͰ͋ΕɺͦͷଞશͯͷσβΠϯ͕ݱͷΠϯλϑΣʔεਫ४͔ΒݟͯฏۉతͳͷͰ͋ͬͯɺܶతʹ͍͍͢ͷͱͳΔͱ৴͍ͯ͡·͢ɻʢதུʣϞʔυ͕ແ͘Ϟϊτχʔʹج͍ͮͨΛ༻͢Δ͜ͱʹΑͬͯɺ΄ͱΜͲපΈ͖ͭͱݴ͑Δश׳͕ܗ͞ΕɺΛѪ͢ΔϢʔβਓޱ૿Ճ͍ͯ͘͜͠ͱͰ͠ΐ͏ɻzδΣϑɾϥεΩϯ
$PNNBOE-JOF*OUFSGBDF7FSCˠ0CKFDUίϯϐϡʔλʹରͯ͠ɺӳޠͷ໋ྩจͰॲཧΛࢦࣔ͢ΔʢίϚϯυˍλΠϐϯάʣίϯϐϡʔλΛɺ௨࣌తʗݴޠతͳͷͱͯ͠ଊ͑ͨૢ࡞ମܥʢϞʔμϧʣ
4LFUDIQBEʹΞΠόϯɾαβϥϯυ͕։ൃͨ͠ɻը໘ʹදࣔ͞ΕͨάϥϑΟοΫΛతʹૢ࡞͢Δͱ͍͏ɺ(6*ͷΞΠσΞͷىݯɻάϥϑΟοΫΦϒδΣΫτϥΠτϖϯXJLJQFEJBPSH
FYUSFNFUFDIDPNʹμάϥεɾΤϯήϧόʔτ͍ΔݚڀऀνʔϜ͕։ൃͨ͠ɻϏοτϚοϓσΟεϓϨΠϚεϋΠύʔςΩετ/-4
ʹΞϥϯɾέΠΛத৺ʹ9FSPY1"3$Ͱ։ൃ͞ΕͨɻΦϒδΣΫτࢦˍ(6*ϕʔεͷ04ύʔιφϧίϯϐϡʔλͷ࠷ॳͷܗσεΫτοϓϝλϑΝΦʔόʔϥοϐϯάΟϯυϓϩάϥϛϯάڥ!TVNJN4NBMMUBML
5FTMFS-BSSZ
IUUQTZPVUVCF%IN[$**:
l"QFSTPOBMIJTUPSZPGNPEFMFTTUFYUFEJUJOHBOEDVUDPQZQBTUFz-BSSZ5FTMFS
(SBQIJDBM6TFS*OUFSGBDF 0CKFDU0SJFOUFE6TFS*OUFSGBDF0CKFDUˠ7FSCରʹରͯ͠ɺಇ͖ΛδΣενϟͰࢦࣔ͢ΔʢάϥϑΟοΫˍϙΠϯςΟϯάʣίϯϐϡʔλΛɺڞ࣌తʗۭؒతͳͷͱͯ͠ଊ͑ͨૢ࡞ମܥʢϞʔυϨεʣ
l4NBMMUBMLͷΦϒδΣΫτࢦੑඇৗʹࣔࠦతͰ͋ͬͨɻʢதུʣநతͳγϯϘϧͷͰɺͦΕɺ࠷ॳʹΦϒδΣΫτ໊Λهड़ͯͦͯͦ͠͠ΕʹԿΛ͢Δ͔Λࢦࣔ͢ΔϝοηʔδΛ͚Δɻ۩ମతͳϢʔβʔΠϯλʔϑΣʔεͷͰɺͦΕ࠷ॳʹΦϒδΣΫτΛબ͢Δ͜ͱΛҙຯ͍ͯ͠ΔɻͦΕ͔ΒԿ͕͍ͨ͠ͷ͔ΛϝχϡʔʹΑͬͯఏࣔ͢ΔɻͲͪΒͷ߹ͰɺΦϒδΣΫτ͕ઌͰ͋ΓɺΓ͍ͨ͜ͱ͕ͦͷ࣍ͱͳ͍ͬͯΔɻ͜Ε۩ମతͳͷͱநతͳͷͱΛߴ͍࣍ݩͰ౷߹͍ͯ͠ΔɻzΞϥϯɾέΠ
lΦϒδΣΫτࢦϓϩάϥϛϯάɺίϯϐϡʔλਓؒͷਫ਼ਆΛ֦ுͨ͠ͷͰ͋Δͱ͍͏Τϯήϧόʔτͷߏ͔Βੜͨ͡ɻΞϥϯɾέΠͷ%ZOBCPPLߏۙ͠͠ʹ͓͚Δϥοϓτοϓ1$ͷઌۦͱ͞Ε͍ͯΔͷ͕ͩɺ͜Ε͜ͷΑ͏ͳߏͷయܕͩͱݴ͑Α͏ɻʢதུʣέΠޙʹ͜ͷߏΛιʔείʔυʹ·Ͱ࣋ͪࠐΉͨΊʹɺݴޠΛ࡞͍ͬͯΔɻͦΕ͕4NBMMUBMLͰ͋Δɻࣄ࣮ɺΦϒδΣΫτࢦϓϩάϥϛϯάʹ͓͚ΔઌۦऀͨͪͷతɺΤϯυϢʔβͷϝϯλϧϞσϧΛίʔυʹ͓͍ͯͱΒ͑Δ͜ͱͩͬͨɻ͜ΕΒͷߏ͕ࠓͷΘΕΘΕʹͯ͘͠ΕͨͷɺΠϯλϥΫςΟϒͰάϥϑΟΧϧͳϢʔβΠϯλϑΣʔεͱɺੈͷதͷϓϩάϥϛϯάʹ͓͚ΔΦϒδΣΫτࢦݴޠͷོͰ͋ΔɻzτϦάϰΣɾϦʔϯεΧΫ
ϞʔυϨεωεͷݪଇ0CKFDU7FSCͷૢ࡞ߏจର͕ݟ͍͑ͯͯɺҙͷॱংͰΞΫηεͰ͖Δత͔ͭՄٯతͳૢ࡞ঢ়ଶมԽΛϦΞϧλΠϜʹϑΟʔυόοΫ͢Δ
$PDPB
.VMUJ5BTLJOHΞϓϦέʔγϣϯৗʹ'PSFHSPVOEɻΞϓϦέʔγϣϯʗΠϯυ*OBDUJWFͰಈ͖ଓ͚ΔɻIUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO(FOFSBM$PODFQUVBM.049"QQ1SPHSBNNJOH(VJEF$PSF"QQ%FTJHO$PSF"QQ%FTJHOIUNM
3VO-PPQT3VOMPPQεϨουʹਵ͢ΔجຊతͳΠϯϑϥετϥΫνϟͷҰ෦Ͱ͢ɻ3VOMPPQɺ࡞ۀΛεέδϡʔϧͯ࣍͠ʹདྷΔΠϕϯτͷड৴Λௐ͢ΔͨΊʹ༻͢ΔΠϕϯτॲཧϧʔϓͰ͢ɻIUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO$PDPB$PODFQUVBM.VMUJUISFBEJOH3VO-PPQ.BOBHFNFOU3VO-PPQ.BOBHFNFOUIUNM
'JSTU3FTQPOEFST'JSTUSFTQPOEFSҰൠʹɺϢʔβʔ͕Ϛε·ͨΩʔϘʔυͰબ·ͨΞΫςΟϒԽ͢ΔϢʔβʔΠϯλʔϑΣʔεΦϒδΣΫτͰ͢ɻͦΕ௨ৗɺΠϕϯτ·ͨΞΫγϣϯϝοηʔδΛड৴͢ΔϨεϙϯμνΣʔϯͷ࠷ॳͷΦϒδΣΫτͰ͢ɻIUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO$PDPB$PODFQUVBM&WFOU0WFSWJFX&WFOU"SDIJUFDUVSF&WFOU"SDIJUFDUVSFIUNM
0CKFDU7FSC4ZOUBYॲཧΛಛఆ͢ΔલʹରΛબ͢Δ͜ͱɺ.BDJOUPTIώϡʔϚϯΠϯλʔϑΣʔεͷجຊతͳಛͰ͢ɻϢʔβʔ͕ରʢ໊ࢺʣΛબ Ϣʔβʔ͕ॲཧʢಈࢺʣΛબ͜Εl໊ࢺಈࢺύϥμΠϜzͱݺΕ·͢ɻl4FMFDUJOHz.BDJOUPTI)VNBO*OUFSGBDF(VJEFMJOFT
5BSHFU"DUJPOϢʔβʔΠϯλʔϑΣΠε্ͷίϯτϩʔϧͷׂγϯϓϧͰ͢ϢʔβʔͷҙਤΛղऍ͠ɺͦͷཁٻΛ࣮ߦ͢ΔΑ͏ʹଞͷΦϒδΣΫτʹࢦࣔ͢Δ͜ͱͰ͢ɻ5BSHFU"DUJPOͷϝΧχζϜʹΑΓɺίϯτϩʔϧʢηϧʣɺΞϓϦέʔγϣϯݻ༗ͷ໋ྩΛదͳΦϒδΣΫτૹΔͷʹඞཁͳใΛΧϓηϧԽͰ͖·͢ɻIUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO(FOFSBM$PODFQUVBM$PDPB&ODZDMPQFEJB5BSHFU"DUJPO5BSHFU"DUJPOIUNMBQQMF@SFGEPDVJE51$)48aButton.title = @"Button";aButton.target = aTargetObject;aButton.action = @selector(doSomething:);
%SBHBOE%SPQ$PDPBΛ༻͢ΔͱɺΞϓϦέʔγϣϯͱΞϓϦέʔγϣϯؒͷ྆ํͰߴͳυϥοάΞϯυυϩοϓػೳΛ࣮Ͱ͖·͢ɻ /4%SBHHJOH4PVSDF /4%SBHHJOH*UFN /4%SBHHJOH4FTTJPO /4%SBHHJOH%FTUJOBUJPO /4%SBHHJOH*OGPIUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO$PDPB$PODFQUVBM%SBHBOE%SPQ%SBHBOE%SPQIUNMBQQMF@SFGEPDVJE48%SBH%SBHHJOH4PVSDF1BTUFCPBSE%SBHHJOH%FTUJOBUJPO%SPQ%SBHHJOH4FTTJPO
"VUPTBWJOH͋ͳͨৗʹɺσʔλʹՃ͑ΒΕͨมߋͷอଘΛϢʔβʔ͕खಈͰߦ͏͜ͱΛڧཁ͠ͳ͍Α͏ʹ͠·͢ɻͦͷ͔ΘΓɺࣗಈσʔλอଘΛ࣮͍ͯͩ͘͠͞ɻ/4%PDVNFOUͷϚϧνΠϯυΞϓϦͰɺࣗಈอଘ؆୯Ͱ͢ɻ ΞϓϦ͕ऴྃ͢Δ࣌ ΞϓϦ͕EFBDUJWBUF͞ΕΔ࣌ ΞϓϦΛӅͨ࣌͠ ΞϓϦͰσʔλ͕มߋ͞Εͨ࣌IUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO(FOFSBM$PODFQUVBM.049"QQ1SPHSBNNJOH(VJEF$PSF"QQ%FTJHO$PSF"QQ%FTJHOIUNM
$PDPB#JOEJOHT$PDPBCJOEJOHTɺϞσϧ͕ΞϓϦέʔγϣϯσʔλΛΧϓηϧԽ͠ɺϏϡʔ͕σʔλͷදࣔͱฤूΛߦ͍ɺͦͯ͠ίϯτϩʔϥʔ͕྆ऀͷؒΛऔΓ࣋ͭͱ͍͏ɺ.PEFM7JFX$POUSPMMFSύϥμΠϜΛΞϓϦέʔγϣϯͰશʹ࣮͢ΔͨΊͷςΫϊϩδʔͷू·ΓͰ͢ɻIUUQTEFWFMPQFSBQQMFDPNMJCSBSZBSDIJWFEPDVNFOUBUJPO$PDPB$PODFQUVBM$PDPB#JOEJOHT$PDPB#JOEJOHTIUNM
0CKFDU$POUSPMMFS$PDPBCJOEJOHTʹରԠͨ͠ίϯτϩʔϥʔɻίϯςϯτΦϒδΣΫτͷϓϩύςΟΛϢʔβʔΠϯλʔϑΣʔεཁૉʹόΠϯυ͠ɺͷΞΫηεͱมߋΛՄೳʹ͢Δɻ /40CKFDU$POUSPMMFS /4"SSBZ$POUSPMMFS 5BCMF7JFX /45SFF$POUSPMMFS 0VUMJOF7JFX5BCMF$PMVNO%BUB"SSBZ"SSBZ$POUSPMMFS5FYU'JFME5FYU'JFMEselectedObjects[0]IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOBQQLJUOTPCKFDUDPOUSPMMFS
3FQSFTFOUFE0CKFDU͜ͷϓϩύςΟࢦఆ͞ΕͨΦϒδΣΫτΛϦςΠϯ͠·͢ɻίϐʔͰ͋Γ·ͤΜɻͭ·ΓϨγʔόʔද͞ΕͨΦϒδΣΫτͱରͷؔΛ࣋ͪɺΞτϦϏϡʔτͱͯ͠ॴ༗͠·ͤΜɻSFQSFTFOUFE0CKFDU͔Β࢝·ΔΩʔύεΛͬͯɺ7JFX$POUSPMMFSʢଞʣͱίϯτϩʔϧΛόΠϯυͰ͖·͢ɻIUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPOBQQLJUOTWJFXDPOUSPMMFSSFQSFTFOUFEPCKFDU"SSBZ$POUSPMMFSselectedObjects[0].FOV*UFNrepresentedObject7JFX$POUSPMMFSrepresentedObject
$PNCJOF$PNCJOF࣌ؒͷܦաͱͱʹΛॲཧ͢ΔͨΊͷ౷ҰతͳએݴܕϑϨʔϜϫʔΫͰ͢ɻωοτϫʔΩϯάɺ,FZ7BMVFࢹɺ௨ɺίʔϧόοΫͳͲͷඇಉظίʔυΛ୯७Խ͠·͢ɻ 1VCMJTIFSσʔλΛੜ͢Δ 4VCTDSJCFSσʔλΛड͚औΔ 0QFSBUPSσʔλͷ߹ՃΛߦ͏IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXEDIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXEDNEW
8SBQVQ
.PEFMFTTBOE.PEBM IUUQTNPEFMFTTEFTJHODPNNPEFMFTTBOENPEBMϞʔυϨεͲ͔͜Βདྷ͔ͨrΦϒδΣΫτࢦ6*ͷىݯr IUUQTNPEFMFTTEFTJHODPNCBDLESPQϞʔυϨεɾϢʔβʔΠϯλʔϑΣʔε IUUQTXXXTPDJPNFEJBDPKQ0069rΦϒδΣΫτϕʔεͷ6*ϞσϦϯά IUUQTXXXTPDJPNFEJBDPKQ006*ͷͯ IUUQTXXXTPDJPNFEJBDPKQ"IJTUPSZPG"QQMF)*(UBCMFPGDPOUFOUTrUIFQIJMPTPQIZBOEQSJODJQMFT IUUQTNPEFMFTTEFTJHODPNCBDLESPQ5XJUUFS !NBOBCVVFOP
.BOBCV6FOP
manabuueno
cyberagentdevelopers
akwkm
bermonpainter
siteengine
mewmo
lovchikov
hjmkth
uxaustralia
kenjiclown5
ashapiro
stephaniewalter
mza
destraynor
chrisshort
addyosmani
swwweet
eitanlees
bkeepers
keithpitt
ufuk
panda_program
skipperchong
thoeni