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
860
サロンアプリの技術的負債解消への取り組み
Avatar for K-Torishima k_torishima
0
580

Other Decks in Technology

See All in Technology
Go標準パッケージのI/O処理をながめる
Avatar for matumoto matumoto
0
220
システム標準化PMOから ガバメントクラウドCoEへ
Avatar for 高橋広和 techniczna
1
140
[E2]CCoEはAI指揮官へ。Bedrock×MCPで構築するコスト・セキュリティ自律運用基盤
Avatar for ishii-takuya taku1418
0
190
WebアクセシビリティをCI/CDで担保する ― axe DevTools × Playwright C#実践ガイド
Avatar for tomokusaba tomokusaba
2
180
OCHaCafe S11 #2 コンテナ時代の次の一手：Wasm 最前線
Avatar for oracle4engineer oracle4engineer
PRO
2
150
Cortex Code CLI と一緒に進めるAgentic Data Engineering
Avatar for あれ __allllllllez__
0
430
The_Evolution_of_Bits_AI_SRE.pdf
Avatar for 株式会社ヌーラボ nulabinc
PRO
0
240
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
16
410k
"作る"から"使われる"へ：Backstage 活用の現在地
Avatar for SoftBank Tech Night sbtechnight
0
190
Goのerror型がシンプルであることの恩恵について理解する
Avatar for yamatai12 yamatai1212
1
210
1GB RAMのラズピッピで何ができるのか試してみよう / 20260319-rpijam-1gb-rpi-whats-possible
Avatar for Akira Ouchi akkiesoft
0
430
生成AI活用でQAエンジニアにどのような仕事が生まれるか/Support Required of QA Engineers for Generative AI
Avatar for Hiroki Iseri goyoki
1
270

Featured

See All Featured
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
220
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
190
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
480
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.9k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
260
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
150
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
200
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
860

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