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
Human Interface Guidelinesから読み解く標準アプリの素晴らしい体験
Search
K-Torishima
September 03, 2023
Technology
0
3.5k
Human Interface Guidelinesから読み解く標準アプリの素晴らしい体験
K-Torishima
September 03, 2023
Tweet
Share
More Decks by K-Torishima
See All by K-Torishima
DMM.Swift #1 詳解 ViewModifier
k_torishima
2
720
サロンアプリの技術的負債解消への取り組み
k_torishima
0
460
Other Decks in Technology
See All in Technology
MC906491 を見据えた Microsoft Entra Connect アップグレード対応
tamaiyutaro
1
480
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
6
1.4k
組織貢献をするフリーランスエンジニアという生き方
n_takehata
1
1k
アジャイル開発とスクラム
araihara
0
160
日経電子版 x AIエージェントの可能性とAgentic RAGによって提案書生成を行う技術
masahiro_nishimi
1
290
依存関係があるコンポーネントは Barrel ファイルでまとめよう
azukiazusa1
3
530
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
5.1k
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
これからSREになる人と、これからもSREをやっていく人へ
masayoshi
6
4.1k
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
240
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.4k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
Typedesign – Prime Four
hannesfritz
40
2.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Making Projects Easy
brettharned
116
6k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Automating Front-end Workflow
addyosmani
1367
200k
Designing for Performance
lara
604
68k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
A better future with KSS
kneath
238
17k
Bash Introduction
62gerente
610
210k
Transcript
Koji Torishima Human Interface Guidelines͔ΒಡΈղ͘ ඪ४ΞϓϦͷૉΒ͍͠ମݧ iOSDC Japan 2023
Human Interface Guidelines
https://developer.apple.com/design
https://developer.apple.com/jp/news/?id=v8a3aetj
https://developer.apple.com/jp/design/human-interface-guidelines/
https://developer.apple.com/jp/design/human-interface-guidelines/
༰͕ଟ͍
͍͠🧑💻👩💻 ͕࣌ؒͳ͍🕓
None
None
None
• Ұ؏ͯ͠ඪ४తͳύλʔϯΛ༻ ͠ɺϢʔβʹର͠շదͳૢ࡞ײ Λఏڙ͢Δ جຊཁૉ/ϒϥϯσΟϯάҾ༻
• ࢹ֮తʹάϧʔϓ͚ͯ͠ඞཁͳ ใΛݟ͚ͭ͘͢͢Δ جຊཁૉ/ϨΠΞτҾ༻
• ςΩεταΠζͷมߋʹରԠͰ͖ ΔΑ͏ʹ͓ͯ͘͠ جຊཁૉ/ϨΠΞτҾ༻
ύλʔϯ/ϞμϦςΟҾ༻ • ϞμϦςΟͰɺॏཁͳใΛ ࣮֬ʹϢʔβʔʹ͑ɺඞཁʹ Ԡͯ͡ରԠͰ͖ΔΑ͏ʹ͢Δ
ύλʔϯ/ϞμϦςΟҾ༻ • ͍ͭ͘ͷखॱΛܦΔಠཱͨ͠ λεΫʹूதͰ͖ΔΑ͏ʹ͢Δ ʹϑϧεΫϦʔϯϞʔμϧදࣔ Λఏڙ͢Δ
ύλʔϯ/ϞμϦςΟҾ༻ • ϞʔμϧϏϡʔΛด͡Δ͔Γ ͍͢ํ๏Λৗʹఏࣔ͢Δ • ඞཁͳ߹ϞʔμϧϏϡʔΛ ด͡Δલʹ֬ೝΛදࣔͯ͠σʔ λ͕ࣦΘΕͳ͍Α͏ʹ͢Δɻ
None
ύλʔϯ/υϥοάˍυϩοϓҾ༻ • ՄೳͳݶΓΞϓϦͷશҬͰυϥ οάˍυϩοϓʹରԠ͢Δ
ύλʔϯ/υϥοάˍυϩοϓҾ༻ • ΞϓϦͰͷίϯςϯπͷυϥ οάˍυϩοϓΛҠಈʹ͢Δ͔ ίϐʔʹ͢Δ͔Λܾఆ͢Δ
ύλʔϯ/औΓফ͠/Γ͠Ҿ༻ • औΓফ͠/Γ͠Ϙλϯඞཁ ͳ߹ͷΈఏڙ͢Δ
ύλʔϯ/औΓফ͠/Γ͠Ҿ༻ • औΓফ͠/Γ͠ͷ݁ՌΛࣔ͢
ίϯϙʔωϯτ/ίϯςϯπ/ςΩετϏϡʔҾ༻ • ςΩετϏϡʔ͍ςΩετ ฤूՄೳͳςΩετɺಛघͳ ϑΥʔϚοτͷςΩετΛදݱ ͢Δ߹ʹ༻͢Δ
ίϯϙʔωϯτ/දࣔ/γʔτҾ༻ • ϞʔμϧͰͳ͍ϏϡʔɺϏ ϡʔͷϝΠϯλεΫʹӨڹ͢Δ ิతͳ߲Λද͍ࣔͨ͠߹ ʹ༻͢Δ
None
ύλʔϯ/υϥοάˍυϩοϓҾ༻ • υϥοάˍυϩοϓͱಉ͡ॲཧ Λ࣮ߦͰ͖ΔସखஈΛఏڙ͢ Δ
ύλʔϯ/υϥοάˍυϩοϓҾ༻ • ඞཁʹԠͯ͡υϥοΫઌͷίϯ ςϯπΛεΫϩʔϧ͢Δ
ύλʔϯ/υϥοάˍυϩοϓҾ༻ • υϩοϓޙυϥοΫઌͷίϯ ςϯπͷબঢ়ଶҡ࣋͠ɺι ʔεͷબঢ়ଶඞཁʹԠͯ͡ ߋ৽͢Δ
ίϯϙʔωϯτ/બͱೖྗ/ϐοΧʔҾ༻ • ϐοΧʔͰΛࢦఆ͢Δ ߹ࡉ͔͗͘͢͠ͳ͍Α͏ʹ͢ Δ
ίϯϙʔωϯτ/બͱೖྗ/ϐοΧʔҾ༻ • ଂ·ͨ֎෦ΩʔϘʔυʹΑ ΔσʔλೖྗʹରԠ͍ͯ͠· ͢
None
ύλʔϯ/σʔλͷάϥϑԽҾ༻ • σʔληοτʹ͍ͭͯͷॏཁͳ ใΛڧௐ͍ͨ͠߹ʹάϥϑ Λ༻͢Δ
ύλʔϯ/σʔλͷάϥϑԽҾ༻ • άϥϑΛγϯϓϧʹ͠ɺৄࡉͳ ใඞཁʹԠͯ͡Ϣʔβʔ͕ ֬ೝͰ͖ΔΑ͏ʹ͢Δ
ύλʔϯ/σʔλͷάϥϑԽҾ༻ • ಉ͡σʔλΛରͱ͢Δෳͷ άϥϑؒͰҰ؏ੑΛҡ࣋͢Δ
ίϯϙʔωϯτ/ϨΠΞτͱฤ/ϘοΫεҾ༻ • ཧతʹؔ࿈͋Δใίϯϙ ʔωϯτΛࢹ֮తʹ·ͱΊΔ
ίϯϙʔωϯτ/ϨΠΞτͱฤ/ϦετͱςʔϒϧҾ༻ • දࣔ͢Δඞཁͷ͋Δใʹద͠ ͨߦͷελΠϧΛબͿ
None
φϏήʔγϣϯͱݕࡧ/φϏήʔγϣϯόʔҾ༻ • λΠτϧ؆ܿʹ͢Δ • ֯15จࣈҎʹͲͲΊΔͱྑ ͍
φϏήʔγϣϯͱݕࡧ/φϏήʔγϣϯόʔҾ༻ • ඪ४ͷΔϘλϯΛ༻͢Δ
φϏήʔγϣϯͱݕࡧ/φϏήʔγϣϯόʔҾ༻ • Ϣʔβ͕Ҡಈͨ͠ΓεΫϩʔϧ ͨ͠Γͯ͠ৗʹࣗͷҐஔ͕ ͔ΔΑ͏ʹɺϥʔδλΠτϧ Λ༻͢Δ
φϏήʔγϣϯͱݕࡧ/λϒόʔҾ༻ • λϒόʔɺΞΫγϣϯͷ࣮ߦͰ ͳ͘φϏήʔγϣϯͷͨΊʹ ༻͢Δ
φϏήʔγϣϯͱݕࡧ/λϒόʔҾ༻ • ֤λϒλΠτϧʹ؆ܿͳ༻ޠΛ ༻͢Δ
·ͱΊ
·ͱΊ • Appleඪ४ΞϓϦੵۃతʹͬͯΈΔͱྑ͍ • جຊΛϕʔεʹΞϓϦ։ൃΛ͢Δ͜ͱޮతͰྑ͍ • ਓΛר͖ࠐΜͰHIGಡΜͰ͍͘ͱྑ͍
"QQMFඪ४ΞϓϦੵۃతʹͬ ͯΈΔͱྑ͍📱💻
جຊΛϕʔεʹΞϓϦ։ൃΛ͢Δ ͜ͱޮతͰྑ͍🧑💻👩💻
ਓΛר͖ࠐΜͰ)*(ಡΜͰ͍͘ͱ ྑ͍🧍🧍🧍🏢
࠷ޙʹ
ࣗݾհ • ௗౢߊ࣍ • @k_torishima • ߹ಉձࣾDMM.com • iOSΤϯδχΞ •
DMMΦϯϥΠϯαϩϯͷiOSΞϓ ϦΛ։ൃ͍ͯ͠·͢ɻ
https://inside.dmm.com/articles/salon-ios-reading-human-interface-guidelines/
End