Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Human Interface Guidelinesから読み解く標準アプリの素晴らしい体験

Avatar for K-Torishima K-Torishima
September 03, 2023
Technology
0
4k

Human Interface Guidelinesから読み解く標準アプリの素晴らしい体験

Avatar for K-Torishima

K-Torishima

September 03, 2023
Tweet

More Decks by K-Torishima

See All by K-Torishima
DMM.Swift #1　詳解 ViewModifier
Avatar for K-Torishima k_torishima
2
850
サロンアプリの技術的負債解消への取り組み
Avatar for K-Torishima k_torishima
0
570

Other Decks in Technology

See All in Technology
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
300
今こそ学びたいKubernetesネットワーク ～CNIが繋ぐNWとプラットフォームの「フラッと」な対話
Avatar for Takuto Nagami logica0419
5
530
ランサムウェア対策としてのpnpm導入のススメ
Avatar for Satoru Ishikawa ishikawa_satoru
0
230
マネージャー視点で考えるプロダクトエンジニアの評価 / Evaluating Product Engineers from a Manager's Perspective
Avatar for hiro-torii hiro_torii
0
190
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
Avatar for Yudai Jinno yuu551
0
260
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
Avatar for Yoshiki yoshiki_0316
1
120
GitHub Copilot CLI を使いやすくしよう
Avatar for Yuta Matsumura tsubakimoto_s
0
110
猫でもわかるKiro CLI(セキュリティ編)
Avatar for Hiroo Katoh kentapapa
0
120
SchooでVue.js/Nuxtを技術選定している理由
Avatar for Okuto Oyama yamanoku
3
210
量子クラウドサービスの裏側　〜Deep Dive into OQTOPUS〜
Avatar for OQTOPUS oqtopus
0
150
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
230

Featured

See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
260
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
900
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
3
220
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
290
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
58
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
200

Transcript

  1. Koji Torishima Human Interface Guidelines͔ΒಡΈղ͘ ඪ४ΞϓϦͷૉ੖Β͍͠ମݧ iOSDC Japan 2023

  2. Human Interface Guidelines

  3. https://developer.apple.com/design

  4. https://developer.apple.com/jp/news/?id=v8a3aetj

  5. https://developer.apple.com/jp/design/human-interface-guidelines/

  6. https://developer.apple.com/jp/design/human-interface-guidelines/

  7. ಺༰͕ଟ͍

  8. ๩͍͠🧑💻👩💻 ͕࣌ؒͳ͍🕓

  9. None
  10. None
  11. None

  12. • Ұ؏ͯ͠ඪ४తͳύλʔϯΛ࢖༻ ͠ɺϢʔβʹର͠շదͳૢ࡞ײ Λఏڙ͢Δ جຊཁૉ/ϒϥϯσΟϯάҾ༻

  13. • ࢹ֮తʹάϧʔϓ෼͚ͯ͠ඞཁͳ ৘ใΛݟ͚ͭ΍͘͢͢Δ جຊཁૉ/ϨΠΞ΢τҾ༻

  14. • ςΩεταΠζͷมߋʹରԠͰ͖ ΔΑ͏ʹ͓ͯ͘͠ جຊཁૉ/ϨΠΞ΢τҾ༻

  15. ύλʔϯ/ϞμϦςΟҾ༻ • ϞμϦςΟͰ͸ɺॏཁͳ৘ใΛ ࣮֬ʹϢʔβʔʹ఻͑ɺඞཁʹ Ԡͯ͡ରԠͰ͖ΔΑ͏ʹ͢Δ

  16. ύλʔϯ/ϞμϦςΟҾ༻ • ͍ͭ͘΋ͷखॱΛܦΔಠཱͨ͠ λεΫʹूதͰ͖ΔΑ͏ʹ͢Δ ʹ͸ϑϧεΫϦʔϯϞʔμϧදࣔ Λఏڙ͢Δ

  17. ύλʔϯ/ϞμϦςΟҾ༻ • ϞʔμϧϏϡʔΛด͡Δ෼͔Γ ΍͍͢ํ๏Λৗʹఏࣔ͢Δ • ඞཁͳ৔߹͸ϞʔμϧϏϡʔΛ ด͡Δલʹ֬ೝΛදࣔͯ͠σʔ λ͕ࣦΘΕͳ͍Α͏ʹ͢Δɻ

  18. None

  19. ύλʔϯ/υϥοάˍυϩοϓҾ༻ • ՄೳͳݶΓΞϓϦͷશҬͰυϥ οάˍυϩοϓʹରԠ͢Δ

  20. ύλʔϯ/υϥοάˍυϩοϓҾ༻ • ΞϓϦ಺Ͱͷίϯςϯπͷυϥ οάˍυϩοϓΛҠಈʹ͢Δ͔ ίϐʔʹ͢Δ͔Λܾఆ͢Δ

  21. ύλʔϯ/औΓফ͠/΍Γ௚͠Ҿ༻ • औΓফ͠/΍Γ௚͠Ϙλϯ͸ඞཁ ͳ৔߹ͷΈఏڙ͢Δ

  22. ύλʔϯ/औΓফ͠/΍Γ௚͠Ҿ༻ • औΓফ͠/΍Γ௚͠ͷ݁ՌΛࣔ͢

  23. ίϯϙʔωϯτ/ίϯςϯπ/ςΩετϏϡʔҾ༻ • ςΩετϏϡʔ͸௕͍ςΩετ ΍ฤूՄೳͳςΩετɺಛघͳ ϑΥʔϚοτͷςΩετΛදݱ ͢Δ৔߹ʹ࢖༻͢Δ

  24. ίϯϙʔωϯτ/දࣔ/γʔτҾ༻ • ϞʔμϧͰͳ͍Ϗϡʔ͸ɺ਌Ϗ ϡʔͷϝΠϯλεΫʹӨڹ͢Δ ิ଍తͳ߲໨Λද͍ࣔͨ͠৔߹ ʹ࢖༻͢Δ

  25. None

  26. ύλʔϯ/υϥοάˍυϩοϓҾ༻ • υϥοάˍυϩοϓͱಉ͡ॲཧ Λ࣮ߦͰ͖Δ୅ସखஈΛఏڙ͢ Δ

  27. ύλʔϯ/υϥοάˍυϩοϓҾ༻ • ඞཁʹԠͯ͡υϥοΫઌͷίϯ ςϯπΛεΫϩʔϧ͢Δ

  28. ύλʔϯ/υϥοάˍυϩοϓҾ༻ • υϩοϓޙ͸υϥοΫઌͷίϯ ςϯπͷબ୒ঢ়ଶ͸ҡ࣋͠ɺι ʔεͷબ୒ঢ়ଶ͸ඞཁʹԠͯ͡ ߋ৽͢Δ

  29. ίϯϙʔωϯτ/બ୒ͱೖྗ/ϐοΧʔҾ༻ • ೔෇ϐοΧʔͰ෼Λࢦఆ͢Δ৔ ߹͸ࡉ͔͗͘͢͠ͳ͍Α͏ʹ͢ Δ

  30. ίϯϙʔωϯτ/બ୒ͱೖྗ/ϐοΧʔҾ༻ • ಺ଂ·ͨ͸֎෦ΩʔϘʔυʹΑ Δσʔλೖྗʹ΋ରԠ͍ͯ͠· ͢

  31. None

  32. ύλʔϯ/σʔλͷάϥϑԽҾ༻ • σʔληοτʹ͍ͭͯͷॏཁͳ ৘ใΛڧௐ͍ͨ͠৔߹ʹάϥϑ Λ࢖༻͢Δ

  33. ύλʔϯ/σʔλͷάϥϑԽҾ༻ • άϥϑΛγϯϓϧʹ͠ɺৄࡉͳ ৘ใ͸ඞཁʹԠͯ͡Ϣʔβʔ͕ ֬ೝͰ͖ΔΑ͏ʹ͢Δ

  34. ύλʔϯ/σʔλͷάϥϑԽҾ༻ • ಉ͡σʔλΛର৅ͱ͢Δෳ਺ͷ άϥϑؒͰҰ؏ੑΛҡ࣋͢Δ

  35. ίϯϙʔωϯτ/ϨΠΞ΢τͱฤ੒/ϘοΫεҾ༻ • ࿦ཧతʹؔ࿈͋Δ৘ใ΍ίϯϙ ʔωϯτΛࢹ֮తʹ·ͱΊΔ

  36. ίϯϙʔωϯτ/ϨΠΞ΢τͱฤ੒/ϦετͱςʔϒϧҾ༻ • දࣔ͢Δඞཁͷ͋Δ৘ใʹద͠ ͨߦͷελΠϧΛબͿ

  37. None

  38. φϏήʔγϣϯͱݕࡧ/φϏήʔγϣϯόʔҾ༻ • λΠτϧ͸؆ܿʹ͢Δ • ൒֯15จࣈҎ಺ʹͲͲΊΔͱྑ ͍

  39. φϏήʔγϣϯͱݕࡧ/φϏήʔγϣϯόʔҾ༻ • ඪ४ͷ໭ΔϘλϯΛ࢖༻͢Δ

  40. φϏήʔγϣϯͱݕࡧ/φϏήʔγϣϯόʔҾ༻ • Ϣʔβ͕Ҡಈͨ͠ΓεΫϩʔϧ ͨ͠Γͯ͠΋ৗʹࣗ෼ͷҐஔ͕ ෼͔ΔΑ͏ʹɺϥʔδλΠτϧ Λ࢖༻͢Δ

  41. φϏήʔγϣϯͱݕࡧ/λϒόʔҾ༻ • λϒόʔ͸ɺΞΫγϣϯͷ࣮ߦͰ ͸ͳ͘φϏήʔγϣϯͷͨΊʹ ࢖༻͢Δ

  42. φϏήʔγϣϯͱݕࡧ/λϒόʔҾ༻ • ֤λϒλΠτϧʹ؆ܿͳ༻ޠΛ ࢖༻͢Δ

  43. ·ͱΊ

  44. ·ͱΊ • Appleඪ४ΞϓϦ͸ੵۃతʹ࢖ͬͯΈΔͱྑ͍ • جຊΛϕʔεʹΞϓϦ։ൃΛ͢Δ͜ͱ͸ޮ཰తͰྑ͍ • ਓΛר͖ࠐΜͰHIGಡΜͰ͍͘ͱྑ͍

  45. "QQMFඪ४ΞϓϦ͸ੵۃతʹ࢖ͬ ͯΈΔͱྑ͍📱💻

  46. جຊΛϕʔεʹΞϓϦ։ൃΛ͢Δ ͜ͱ͸ޮ཰తͰྑ͍🧑💻👩💻

  47. ਓΛר͖ࠐΜͰ)*(ಡΜͰ͍͘ͱ ྑ͍🧍🧍🧍🏢

  48. ࠷ޙʹ

  49. ࣗݾ঺հ • ௗౢߊ࣍ • @k_torishima • ߹ಉձࣾDMM.com • iOSΤϯδχΞ •

    DMMΦϯϥΠϯαϩϯͷiOSΞϓ ϦΛ։ൃ͍ͯ͠·͢ɻ

  50. https://inside.dmm.com/articles/salon-ios-reading-human-interface-guidelines/

  51. End