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
3.8k

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

Other Decks in Technology

See All in Technology
Pure Goで体験するWasmの未来
Avatar for asuka askua
1
170
実装で解き明かす並行処理の歴史
Avatar for ZOZO Developers zozotech
PRO
1
310
コンテキストエンジニアリングとは? 考え方と応用方法
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
4
890
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
Avatar for Takuto Nagami logica0419
1
390
ユニットテストに対する考え方の変遷 / Everyone should watch his live coding
Avatar for mdstoy mdstoy
0
120
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
Avatar for moriyuya moriyuya
4
480
AWSにおけるTrend Vision Oneの効果について
Avatar for shima shimak
0
120
Green Tea Garbage Collector の今
Avatar for zchee zchee
PRO
2
390
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
Avatar for GMO Flatt Security flatt_security
0
350
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
9k
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
0
900
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
Avatar for BrainPad brainpadpr
23
16k

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
51k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
114
20k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
139
7.1k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
4
680
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.5k

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