Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for K-Torishima K-Torishima
September 03, 2023
Technology
4.3k
0

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

Avatar for K-Torishima

K-Torishima

September 03, 2023

More Decks by K-Torishima

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

Other Decks in Technology

See All in Technology
セキュリティ専任チームなしで攻撃を先回りするSREが実践したSIEM on Amazon OpenSearch Service
Avatar for サイバーセキュリティクラウド cscengineer
PRO
1
710
An Introduction to Context Ontology Accelerator (teaching AI agents what your data means)
Avatar for Riku INADA inariku
PRO
1
180
81天的 AI Agent 軟體開發團隊治理實務分享
Avatar for 小朱 regionbbs
0
120
Shared Signals Framework 仕様解説
Avatar for OpenID Foundation Japan oidfj
0
300
TSKaigi Sendai 2026 - tsgo時代のTypeScript Playgroundはどう動くか
Avatar for teamLab teamlab
PRO
0
110
長い仕事を任せる (Workflows、クラウドセッション、Kiro Web) | 目指せ Kiro マスター 10
Avatar for Riku INADA inariku
PRO
3
150
公共分野での生成AI活用
Avatar for Toru_Kubota toru_kubota
1
310
お客様の「やりたい」の先を見通す合意形成プロセス　～裏にある課題と不安を解きほぐすコツ～
Avatar for Yuka Koseki yukakoseki
0
130
Kiro Crew 入門 (手を離しても進む仕事) | 目指せ Kiro マスター 11
Avatar for Riku INADA inariku
PRO
4
650
Kiro IDE 入門 (画面の各部から、頼み方、任せ方、戻し方まで) | 目指せ Kiro マスター 02
Avatar for Riku INADA inariku
PRO
4
170
AWSを利用する上で知っておきたい名前解決の話 2026
Avatar for nagisa_53 nagisa53
5
3.3k
レガシーコードに対する loop engineering的なAI開発プロセス導入について
Avatar for kubell kubell_hr
0
290

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.5k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
11k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.9k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
950
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
620
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Between Models and Reality
Avatar for mayunak mayunak
4
570
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.4k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
430
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
400
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k

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