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

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

K-Torishima
September 03, 2023
Technology
0
3.4k

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

K-Torishima

September 03, 2023
Tweet

More Decks by K-Torishima

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

Other Decks in Technology

See All in Technology
フロントエンド メタフレームワーク 選定の際に考えたこと
yuppeeng
0
470
「視座」の上げ方が成人発達理論にわかりやすくまとまってた / think_ perspective_hidden_dimensions
shuzon
2
14k
運用イベント対応への生成AIの活用 with Failure Analysis Assistant
suzukyz
0
170
軽量DDDはもういらない！ スタイルガイド本で OOPの実装パターンを学ぼう
panda_program
27
9.6k
Forget efficiency – Become more productive without the stress
ufried
0
210
SREの前に
nwiizo
9
1.4k
AWS CodePipelineでコンテナアプリをデプロイした際に、古いイメージを自動で削除する
smt7174
1
130
20241031_AWS_生成AIハッカソン_GenMuck
tsumita
0
120
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
18
4.2k
[JAWS-UG金沢支部×コンテナ支部合同企画]コンテナとは何か
furuton
3
330
AWS⼊社という選択肢、⾒えていますか
iwamot
1
750
Observability を実現するためにアセットを活用しよう（AWS 秋の Observability 祭り ~明日使えるアセット祭り~ ）
tsujiba
0
120

Featured

See All Featured
Visualization
eitanlees
145
15k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
The Invisible Side of Design
smashingmag
297
50k
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
The Power of CSS Pseudo Elements
geoffreycrofte
72
5.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
How GitHub (no longer) Works
holman
310
140k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k

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