Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Apple HIGのススメ
Search
Tomoki Kobayashi
December 09, 2023
Design
0
290
Apple HIGのススメ
なごデLT Vol.3.5 での発表資料です。
Tomoki Kobayashi
December 09, 2023
Tweet
Share
More Decks by Tomoki Kobayashi
See All by Tomoki Kobayashi
Skip Skip Run Run Run ♫
temoki
0
580
さようならRxSwift こんにちは*****
temoki
1
360
Androidで不安定なPlatform Viewsとの闘い
temoki
0
850
iOSパッケージマネージャー奮闘記 完結編
temoki
2
560
事業譲渡を受けたアプリとの統合で失敗、 そしてユーザーからの評価回復に至るまで
temoki
1
610
Apple Vision Proデベロッパラボに参加してきた
temoki
0
470
年末年始の成果、そして現状の紹介
temoki
0
200
ChatGPTにSVGでお絵描きさせる
temoki
0
620
Figmaプラグイン開発のススメ
temoki
0
1.4k
Other Decks in Design
See All in Design
株式会社Muture_ソーシャル推進事業
muture
PRO
0
110
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.7k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
260
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Memory Man v3 (WIP)
storybychad
PRO
0
2.2k
minpaku-community-scrum-patterns
norinity1103
1
180
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
330
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.3k
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
300
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.1k
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
150
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
400
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
860
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Automating Front-end Workflow
addyosmani
1370
200k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
What's in a price? How to price your products and services
michaelherold
246
12k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Faster Mobile Websites
deanohume
308
31k
Six Lessons from altMBA
skipperchong
28
3.9k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Transcript
)*(ͷεεϝ ໊ݹσβΠϯ-5ձ7PM 5PNPLJ,PCBZBTIJ!UFNPLJ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࣗݾհ 2 Tomoki Kobayashi Twitter/GitHub @temoki גࣜձࣾελϝϯ ϞόΠϧΞϓϦάϧʔϓ
ΤϯδχΞϦϯάϚωʔδϟʔ iPhoneʹັͤΒΕͯ ΞϓϦ։ൃΛॳΊͯ12ܦͪ·͢
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE એ 3 ֆຊΛύέങ͍Ͱ͖ΔJ04ΞϓϦ Munro booksΛϦϦʔε͠·ͨ͠ munro.hiraku.space
What’s HIG?
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 5 https://developer.apple.com/design/human-interface-guidelines/ What’s HIG
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE What’s HIG 6 "QQMFͷϓϥοτϑΥʔϜͱ γʔϜϨεʹ౷߹͢Δ ༏ΕͨΞϓϦέʔγϣϯΛ σβΠϯ͢ΔͨΊͷ ৄࡉͳใͱ6*Ϧιʔε
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE What’s HIG / ࠓͷςʔϚ 7 )*(ͷதΛΔ )*(ͷతΛΔ )*(Λཧղ͢Δखॿ͚
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE What’s HIG / ࠓͷςʔϚ 8 wωΠςΟϒΞϓϦέʔγϣϯͷ։ൃʹ ֤ϓϥοτϑΥʔϜͷΨΠυϥΠϯͱ͍͏ ܕΛ͔ͬ͠Γཧղ͓ͯ͘͜͠ͱ͕ॏཁ
wʮܕ͕͋Δ͔ΒܕഁΓʯCZதଜצࡾ͞Μ wࠓͷ-5͕)*(ͷཧղͷखॿ͚ʹͳΕ
HIGͷతΛΔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷతΛΔ 10 ࠓ͔Βલ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷతΛΔ / ݪయ 11 "QQMF$PNQVUFS*OD )VNBO*OUFSGBDF(VJEFMJOFT5IF"QQMF%FTLUPQ*OUFSGBDFʢຊޠ൛ʣ ग़൛
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷతΛΔ / Macintosh 12 https://news.mynavi.jp/article/20121211-macos2/2
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷతΛΔ 13 Vision
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷతΛΔ / ݪయ / AppleͷϏδϣϯ 14 lίϯϐϡʔλ͕࣋ͭ ଟ࠼ͳೳྗͱػೳΛ
ίϯϐϡʔλͷઐࣝΛ ͓࣋ͪͰͳ͍ํʹ ༰қʹར༻͍ͯͨͩ͘͠z "QQMF$PNQVUFS*OD )VNBO*OUFSGBDF(VJEFMJOFT5IF"QQMF%FTLUPQ*OUFSGBDFʢຊޠ൛ʣΑΓ lίϯϐϡʔλ͕࣋ͭ ଟ࠼ͳೳྗͱػೳΛ ίϯϐϡʔλͷઐࣝΛ ͓࣋ͪͰͳ͍ํʹ ༰қʹར༻͍ͯͨͩ͘͠z
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷతΛΔ 15 http://collecard.net/2018/08/09/itj_0103_alan_kay_dynabook_concept/
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷࢥΛΔ / ݪయ / ΨΠυϥΠϯͷҙຯ 16 w "QQMF%FTLUPQ*OUFSGBDFʹ४ڌ͢Δ͜ͱʹΑΓɺ
Ұ؏ੑͷҡ࣋ͱ͍͏େ͖ͳརΛಘΔ͜ͱ͕Ͱ͖·͢ɻ w ̍ͭͷΞϓϦέʔγϣϯͰशಘͨ͠ૢ࡞্ͷϊϋ͕ ෳͷΞϓϦέʔγϣϯʹΘͨͬͯద༻ՄೳʹͳΔ͜ͱ Λҙຯ͠·͢ɻ w ͜ͷΑ͏ͳҰ؏ੑͷྀʹΑΓɺΞϓϦέʔγϣϯͷ शಘۃΊͯ༰қͳͷͱͳΓ·͢ɻ "QQMF$PNQVUFS*OD )VNBO*OUFSGBDF(VJEFMJOFT5IF"QQMF%FTLUPQ*OUFSGBDFʢຊޠ൛ʣΑΓ
HIGͷதΛΔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷதΛΔ 18 ୭ͰݟΕΔͷͰ ಡΜͰ͍ͩ͘͞ https://developer.apple.com/design/human-interface-guidelines/
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷதΛΔ / ֓ཁ 19 wओཁͳςʔϚ wσβΠϯݪଇ w04ͷఏڙ͢ΔΠϯλʔϑΣʔεཁૉ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGͷதΛΔ / ྑهࣄ 20 https://goodpatch.com/blog/hig-design-principles/
HIGΛཧղ͢Δखॿ͚
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGΛཧղ͢Δखॿ͚ 22 ͕ఏڙ͢Δ ෳͷΞϓϦέʔγϣϯΛ ͬͯΈΔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGΛཧղ͢Δखॿ͚ 23 ݸਓతͳΦεεϝ "QQMF5FBDIFSϓϩάϥϜ https://appleteacher.apple.com/
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE HIGΛཧղ͢Δखॿ͚ 24