ユーザーインターフェイス解剖学・改訂版（公開版）

社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。

Transcript

1. ϢʔβʔΠϯλʔϑΣΠεղ๤ֶɾվగ൛ʢެ։൛ʣ
   Pitchpatch #8 ϢʔβʔΠϯλʔϑΣΠεઃܭͷߟ͑ํ
   v2 2018.2.15
   © 2017-2018 Satori MARU. @usagimaruma
   

   View Slide

2. @usagimaruma
   ؙ ྯ ཬ
   · Δ ͞ ͱ Γ
   Application Designer
   Interface Developer
   macOS / iOS Developer
   Sketch Plugin Developer
   

   View Slide

3. View Slide

4. UI
   GUIͱͯ͠ͷUI
   

   View Slide

5. UI
   ϨΠΞ΢τ
   φϏήʔγϣϯ
   ঢ়ଶ
   ΠϯλϥΫγϣϯ
   λΠϙάϥϑΟ
   จݴ
   ৭
   άϥϑΟοΫε
   Ξχϝʔγϣϯ
   ʜ
   ͞·͟·ͳཁૉ
   

   View Slide

6. ߟ͑ํ
   

   View Slide

7. ϢʔβʔͱσόΠεͷڑ཭
   จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
   ϞʔυϨεWTϞʔυ
   ΦϒδΣΫτࢦ޲ઃܭ
   

   View Slide

8. ϢʔβʔͱσόΠεͷڑ཭
   จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
   ϞʔυϨεWTϞʔυ
   ΦϒδΣΫτࢦ޲ઃܭ
   

   View Slide

9. ϢʔβʔͱσόΠεͷڑ཭
   

   View Slide

10. Ϣʔβʔʹ͍ۙ΄Ͳň·Δ͍ʼn
    

    View Slide

11. View Slide

12. View Slide

13. ۙ
    ԕ
    

    View Slide

14. صʹஔ͘ صʹஔ͘ ࿹ʹ૷ண ࣖʹ૷ண
    นࡍʹஔ͘ ยखͰ࣋ͭ
    ۙ
    ԕ
    

    View Slide

15. صʹஔ͘ صʹஔ͘ ࿹ʹ૷ண ࣖʹ૷ண
    นࡍʹஔ͘ ยखͰ࣋ͭ
    ۙ
    ԕ
    

    View Slide

16. View Slide

17. View Slide

18. ਂᖒ௚ਓ.JDSP$POTJEFSBUJPO
    ԾʹҰ൪ࠨଆʹน͕͋ΓɺҰ൪ӈଆʹਓ͕͍ؒΔͱ͠·͢ɻͦͷҰ൪ࠨଆͷ
    น͸࢛֯ͯ͘ɺͩΜͩΜਓؒͷ਎ମʹۙͮ͘ʹ͕ͨͬͯ͠ɺ΋ͷ͸ؙ͘ͳͬͯ
    ͍͘ɻͱ͍͏֓೦Λߟ͑·ͨ͠ɻͦͷ௨Γʹɺ੡඼ͷੑ֨ผʹͦͷεέʔϧ
    ͷதʹϓϩοτͯ͠ೲΊͯΈ·ͨ͠ɻͦͷఆٛͷ΋ͱɺͲͷ͘Β͍࢛֯ͨ͘͠
    Β͍͍͔ɺͪΐͬͱؙͨ͘͠Β͍͍͔ͳͲͱߟ͑ͳ͕ΒɺશମͷܗΛܾΊͯ
    ͍͖·ͨ͠ɻ͔ͩΒྫྷଂݿ͸นʹ͍ۙํͰ࢛͍͚֯͘͢͝Ͳɺগ͠ॊΒ͔͘
    ͳ͍ͬͯΔ෦෼͕͋ΔɻͦͷܗͷඞવੑʕJOFWJUBCMFͱ͍͏͜ͱΛߟ͑ͳ͕Β
    શମͷܗΛσβΠϯ͢Δ͜ͱ͕ॏཁͰ͢ɻ
    IUUQTXXXNVKJDPNKQqBHTIJQIVBJIBJBSDIJWFGVLB[BXBIUNM
    

    View Slide

19. View Slide

20. Լ෦ʹݻఆ
    Dock
    

    View Slide

21. Լ෦ʹݻఆ
    Dock
    Dock಺Ͱු༡
    ΞϓϦ
    

    View Slide

22. iPhone 7
    iPhone XͱDockͷϥ΢ϯυ͕Ұக
    ϋʔυ΢ΣΞͱιϑτ΢ΣΞͷ౷߹
    Լ෦ʹݻఆ
    Dock
    Լ෦ʹු༡
    Dock
    iPhone X
    Dock಺Ͱු༡
    ΞϓϦ
    

    View Slide

23. View Slide

24. View Slide

25. ֯RͷҰக
    

    View Slide

26. View Slide

27. Cancel OK
    

    View Slide

28. https://developer.apple.com/videos/play/wwdc2017/802/
    

    View Slide

29. ֊૚ߏ଄ɾೖΕࢠߏ଄
    

    View Slide

30. https://developer.apple.com/ios/human-interface-guidelines/overview/themes/
    

    View Slide

31. iOS ͷσβΠϯʹ͓͚Δࢦ਑
    ໌ྎ / Clarity
    ߇͑Ί / Deference
    Ԟߦ͖ / Depth
    

    View Slide

32. iOS ͷσβΠϯʹ͓͚Δࢦ਑
    ໌ྎ / Clarity
    ߇͑Ί / Deference
    Ԟߦ͖ / Depth
    

    View Slide

33. View Slide

34. લ໘
    എ໘
    

    View Slide

35. View Slide

36. Dockʹ಺แʗDock಺Ͱු༡
    ΞϓϦ
    ʢೖΕࢠߏ଄ʣ
    

    View Slide

37. View Slide

38. தؒ૚Ͱු༡
    ࠷എ໘ʹݻఆ
    ࠷લ໘ɾ্෦ʹݻఆ
    εςʔλεόʔ
    ΞϓϦ
    นࢴ
    

    View Slide

39. View Slide

40. View Slide

41. View Slide

42. View Slide

43. D
    C
    B
    A ×
    Window
    A B C D
    

    View Slide

44. ʹ
    ϝʔϧϘοΫε
    ৽نϝοηʔδ
    ৽نϝοηʔδ
    ৽نϝοηʔδ
    ৽نϝοηʔδ
    ৽نϝοηʔδ
    

    View Slide

45. ϢʔβʔͱσόΠεͷڑ཭
    จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
    ϞʔυϨεWTϞʔυ
    ΦϒδΣΫτࢦ޲ઃܭ
    

    View Slide

46. ϢʔβʔͱσόΠεͷڑ཭
    จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
    ϞʔυϨεWTϞʔυ
    ΦϒδΣΫτࢦ޲ઃܭ
    

    View Slide

47. ॻࣈํ޲ɾ๏ɾ෩श͕৘ใͷྲྀΕΛܾΊΔ
    จԽͱΠϯλʔϑΣΠε
    

    View Slide

48. ň෷࿠࡯ࣙൣʢ;ΒΜ͢͡͸Μʣʼn૲ߘ
    

    View Slide

49. αϯτϦʔനभৠཷॴ ΢ΠεΩʔത෺ؗͷలࣔΑΓ
    

    View Slide

50. View Slide

51. View Slide

52. https://twitter.com/horicun/status/749811918408343552
    

    View Slide

53. ௕࡚ݝ௕࡚ࢢ ೔ӫ౬
    

    View Slide

54. https://twitter.com/nonomaru116/status/741528924761378817 https://www.amazon.co.jp/dp/B009HPDI30/
    

    View Slide

55. https://twitter.com/nonomaru116/status/741528924761378817 https://www.amazon.co.jp/dp/B009HPDI30/
    
    
    
    
    
    

    View Slide

56. Πϥετɿ@tobefrog
    

    View Slide

57. https://www.excite.co.jp/News/entertainment_g/20140717/Mogumogunews_553.html
    

    View Slide

58. ೔ຊɿࠨଆ௨ߦ υΠπɿӈଆ௨ߦ
    ๏཯
    

    View Slide

59. ࢛ࠃീेീՕॴɿ࣌ܭճΓ Ϛχंɿ࣌ܭճΓ
    ෹ڭ
    

    View Slide

60. https://commons.wikimedia.org/wiki/File:Chamber_of_the_House_of_Representatives_of_Japan.jpg
    https://commons.wikimedia.org/wiki/File:Japanese_diet_inside.jpg
    ऺٞӃɿ࣌ܭճΓ ࢀٞӃɿ൓࣌ܭճΓ
    ଠཅͷಈ͖
    

    View Slide

61. ৘ใͷྲྀΕʹΑͬͯఆ·ΔΠϯλʔϑΣΠεͷํ޲
    ৘ใల։ͷݪଇ
    

    View Slide

62. View Slide

63. ൱ఆ ಉҙ
    

    View Slide

64. ൱ఆ ಉҙ
    

    View Slide

65. View Slide

66. FinderͷΧϥϜදࣔ
    

    View Slide

67. FinderͷΧϥϜදࣔ
    

    View Slide

68. FinderͷΧϥϜදࣔ
    

    View Slide

69. FinderͷΧϥϜදࣔ
    ΫϩʔζϘλϯ
    ӈԼ۱
    ॖখํ޲ʹ൱ఆ
    ֦ுํ޲ʹߠఆ
    

    View Slide

70. macOS Windows
    https://commons.wikimedia.org/wiki/File:Solveur_libreoffice_calc_3_fr.png
    

    View Slide

71. macOS Windows
    https://commons.wikimedia.org/wiki/File:Solveur_libreoffice_calc_3_fr.png
    ൱ఆ ൱ఆ
    ߠఆ ߠఆ ൱ఆ
    ൱ఆ
    

    View Slide

72. ϔϒϥΠޠɾΞϥϏΞޠ؀ڥͷiOS
    

    View Slide

73. ϔϒϥΠޠɾΞϥϏΞޠ؀ڥͷiOS
    

    View Slide

74. Master-Detail Pattern
    Ϛελʔৄࡉύλʔϯ
    

    View Slide

75. View Slide

76. αΠυόʔ αΠυόʔʢΤσΟλʣ WYSIWYGΤσΟλ ΠϯεϖΫλʔ
    πʔϧόʔ
    

    View Slide

77. ϚελʔϖΠϯ
    ৄࡉϖΠϯ
    

    View Slide

78. ৄࡉϖΠϯ
    ϚελʔϖΠϯ
    

    View Slide

79. ৄࡉϖΠϯ
    ϚελʔϖΠϯ
    

    View Slide

80. ৄࡉϖΠϯ
    ϚελʔϖΠϯ
    

    View Slide

81. αΠυόʔ αΠυόʔʢΤσΟλʣ WYSIWYGΤσΟλ ΠϯεϖΫλʔ
    πʔϧόʔ
    

    View Slide

82. αΠυόʔ αΠυόʔʢΤσΟλʣ WYSIWYGΤσΟλ ΠϯεϖΫλʔ
    πʔϧόʔ
    

    View Slide

83. ϢʔβʔͱσόΠεͷڑ཭
    จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
    ϞʔυϨεWTϞʔυ
    ΦϒδΣΫτࢦ޲ઃܭ
    

    View Slide

84. ϢʔβʔͱσόΠεͷڑ཭
    จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
    ϞʔυϨεWTϞʔυ
    ΦϒδΣΫτࢦ޲ઃܭ
    

    View Slide

85. ϞʔυϨε vs. Ϟʔυ
    

    View Slide

86. "QQMF)VNBO*OUFSGBDF(VJEFMJOFTʢ೔ຊޠ൛ʣ—ʮϞʔυϨεΦϖϨʔγϣϯʯ
    Ϟʔυ͕ଘࡏ͢ΔγεςϜͰ͸ɺϢʔβଆͷૢ࡞͕ಉҰͰ͋ͬͯ΋ɺͦͷ
    ૢ࡞͕ͲͷϞʔυͰߦΘΕ͔ͨʹΑΓγεςϜଆͷ൓Ԡ͸มԽ͠·͢ɻ
    ೔ৗੜ׆ͰϞʔυͷ֓೦͕࢖༻͞ΕΔ͜ͱ͸΄ͱΜͲ͋Γ·ͤΜɻ͕ͨͬ͠
    ͯɺϞʔυͷଘࡏ͢Δίϯϐϡʔλ؀ڥ͸ෆࣗવͰҟ࣭ͳ΋ͷʹࢥ͑·͢ɻ
    

    View Slide

87. ΞϓϦέʔγϣϯμΠΞϩάɿϞʔμϧϏϡʔ
    

    View Slide

88. γʔτμΠΞϩάɿϞʔμϧϏϡʔ
    

    View Slide

89. ݕࡧύωϧɿϞʔυϨεϏϡʔ
    

    View Slide

90. ΠϯεϖΫλʔɿϞʔυϨεϏϡʔ
    

    View Slide

91. https://dribbble.com/shots/1633262-Hamburger
    

    View Slide

92. ࣸਅҰཡ
    Ϟʔυ֊૚
    Ϣʔβʔͷߦಈ
    #1 ňࣸਅҰཡʼn
    ࣸਅΛோΊΔ
    ঢ়گ ΞϧόϜ಺ͷࣸਅͷ୳ࡧɾ၆ᛌ
    Ϟʔυ֊૚ͱΞΫγϣϯ
    

    View Slide

93. ࣸਅҰཡ
    Ϟʔυ֊૚
    Ϣʔβʔͷߦಈ
    #1 ňࣸਅҰཡʼn
    ࣸਅબ୒ػೳΛݟ͚ͭΔ
    ঢ়گ ΞϧόϜ಺ͷࣸਅͷ୳ࡧɾ၆ᛌ
    Ϟʔυ֊૚ͱΞΫγϣϯ
    

    View Slide

94. ࣸਅҰཡ
    બ୒
    Ϟʔυ֊૚
    Ϣʔβʔͷߦಈ
    #2 ňબ୒ʼn
    ࣸਅબ୒ػೳΛ࣮ߦ
    ঢ়گ ΞϧόϜ಺ࣸਅબ୒ϞʔυʹҠߦ
    Ϟʔυ֊૚ͱΞΫγϣϯ
    

    View Slide

95. ࣸਅҰཡ
    બ୒
    ࣸਅΛબ୒
    Ϟʔυ֊૚
    Ϣʔβʔͷߦಈ
    #2 ňબ୒ʼn
    ෳ਺ͷࣸਅΛબ୒͢Δ
    ঢ়گ ෳ਺ͷࣸਅΛબ୒த
    Ϟʔυ֊૚ͱΞΫγϣϯ
    

    View Slide

96. ࣸਅҰཡ
    બ୒
    ࣸਅΛબ୒
    Ϟʔυ֊૚
    Ϣʔβʔͷߦಈ
    #2 ňબ୒ʼn
    બ୒ࣸਅͷڞ༗ػೳΛݟ͚ͭΔ
    ঢ়گ ෳ਺ͷࣸਅΛબ୒த
    Ϟʔυ֊૚ͱΞΫγϣϯ
    

    View Slide

97. ࣸਅҰཡ
    બ୒
    ڞ༗
    ࣸਅΛબ୒
    Ϟʔυ֊૚
    Ϣʔβʔͷߦಈ
    #3 ňڞ༗ʼn
    ڞ༗ػೳΛ࣮ߦ
    ঢ়گ ڞ༗ϞʔυʹҠߦ
    Ϟʔυ֊૚ͱΞΫγϣϯ
    

    View Slide

98. ࣸਅҰཡ
    બ୒
    ڞ༗
    ࣸਅΛબ୒
    AirDrop
    Ϟʔυ֊૚
    Ϣʔβʔͷߦಈ
    #3 ňڞ༗ʼn
    AirDropૹ৴૬खΛબ୒
    ঢ়گ બ୒͞ΕͨࣸਅͷAirDropΛ։࢝
    Ϟʔυ֊૚ͱΞΫγϣϯ
    

    View Slide

99. ࣸਅҰཡ
    બ୒
    ڞ༗
    ࣸਅΛબ୒
    AirDrop ૹ৴ࡁΈ
    Ϟʔυ֊૚
    Ϣʔβʔͷߦಈ
    #3 ňڞ༗ʼn
    AirDropͷ׬ྃΛ֬ೝ
    ঢ়گ બ୒͞ΕͨࣸਅͷAirDrop͕׬ྃ
    Ϟʔυ֊૚ͱΞΫγϣϯ
    

    View Slide

100. ࣸਅҰཡ
     બ୒
     ڞ༗
     ࣸਅΛબ୒
     AirDrop ૹ৴ࡁΈ
     Ϟʔυ֊૚
     Ϣʔβʔͷߦಈ
     #3 ňڞ༗ʼn
     ڞ༗Λ׬ྃ͠Α͏ͱ͢Δ
     ঢ়گ બ୒͞ΕͨࣸਅͷAirDrop͕׬ྃ
     Ϟʔυ֊૚ͱΞΫγϣϯ
     

     View Slide

101. ࣸਅҰཡ
     બ୒
     ڞ༗
     ࣸਅΛબ୒
     AirDrop ૹ৴ࡁΈ ׬ྃ
     Ϟʔυ֊૚
     Ϣʔβʔͷߦಈ
     #2 ňબ୒ʼn
     ڞ༗Λ׬ྃ
     ঢ়گ ڞ༗Ϟʔυ͔Β୤ग़ɺબ୒Ϟʔυʹؼؐ
     Ϟʔυ֊૚ͱΞΫγϣϯ
     

     View Slide

102. ࣸਅҰཡ
     બ୒
     ڞ༗
     ࣸਅΛબ୒
     AirDrop ૹ৴ࡁΈ ׬ྃ
     Ϟʔυ֊૚
     Ϣʔβʔͷߦಈ
     #2 ňબ୒ʼn
     ࣸਅબ୒Λதஅ͠Α͏ͱ͢Δ
     ঢ়گ ڞ༗Ϟʔυ͔Β୤ग़ɺબ୒Ϟʔυʹؼؐ
     Ωϟϯηϧ
     Ϟʔυ֊૚ͱΞΫγϣϯ
     

     View Slide

103. ࣸਅҰཡ
     ڞ༗
     ࣸਅΛબ୒
     AirDrop ૹ৴ࡁΈ ׬ྃ
     Ωϟϯηϧ
     Ϟʔυ֊૚
     Ϣʔβʔͷߦಈ
     #1 ňࣸਅҰཡʼn
     બ୒Λ׬ྃ
     ঢ়گ બ୒Ϟʔυ͔Β୤ग़ɺࣸਅҰཡʹؼؐ
     બ୒
     Ϟʔυ֊૚ͱΞΫγϣϯ
     

     View Slide

104. ࣸਅҰཡ
     ڞ༗
     ࣸਅΛબ୒
     AirDrop ૹ৴ࡁΈ ׬ྃ
     Ωϟϯηϧ
     બ୒
     Ϟʔυ͕ੵΈ্͕Δ΄Ͳɺ
     ݩͷλεΫΛ๨Εͯ͠·͏
     ݩͷ৔ॴʹ໭ΓͮΒ͘ͳΔ
     

     View Slide

105. σόΠεిݯ౤ೖ
     ϩάΠϯʗϩοΫը໘
     OSىಈ
     σεΫτοϓʗϗʔϜ
     ΞϓϦA ΞϓϦB
     ϞʔμϧϏϡʔ1
     ϞʔμϧϏϡʔ2
     ΞϥʔτμΠΞϩά
     

     View Slide

106. σόΠεిݯ౤ೖ
     ϩάΠϯʗϩοΫը໘
     OSىಈ
     σεΫτοϓʗϗʔϜ
     ΞϓϦA ΞϓϦB
     ϞʔμϧϏϡʔ1
     ϞʔμϧϏϡʔ2
     ΞϥʔτμΠΞϩά
     ඞཁͳϞʔυ
     ΞϓϦҎԼʹੵ·Ε͍ͯΔϞʔυ
     

     View Slide

107. σόΠεిݯ౤ೖ
     ϩάΠϯʗϩοΫը໘
     OSىಈ
     σεΫτοϓʗϗʔϜ
     ΞϓϦA ΞϓϦB
     ϞʔμϧϏϡʔ1
     ϞʔμϧϏϡʔ2
     ΞϥʔτμΠΞϩά
     ࠷খݶʹ཈͍͑ͨ
     Ϣʔβʔ͕ҙࣝ͢ΔϞʔυ
     

     View Slide

108. σόΠεిݯ౤ೖ
     ϩάΠϯʗϩοΫը໘
     OSىಈ
     σεΫτοϓʗϗʔϜ
     ΞϓϦA ΞϓϦB
     ϞʔμϧϏϡʔ1
     ϞʔμϧϏϡʔ2
     ΞϥʔτμΠΞϩά
     ͜ͷลΓʹ
     ډଓ͚ΒΕΔΑ͏ʹ
     

     View Slide

109. ϢʔβʔͱσόΠεͷڑ཭
     จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
     ϞʔυϨεWTϞʔυ
     ΦϒδΣΫτࢦ޲ઃܭ
     

     View Slide

110. ϢʔβʔͱσόΠεͷڑ཭
     จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
     ϞʔυϨεWTϞʔυ
     ΦϒδΣΫτࢦ޲ઃܭ
     

     View Slide

111. ΦϒδΣΫτࢦ޲ઃܭ
     

     View Slide

112. ʪΦϒδΣΫτʫΛʪͲ͏͢Δʫ
     ໊ࢺʵಈࢺύϥμΠϜ
     

     View Slide

113. "QQMF)VNBO*OUFSGBDF(VJEFMJOFTʢ೔ຊޠ൛ʣ—ʮબ୒ʯ
     ॲཧΛ࣮ߦ͢Δલʹબ୒ʹΑΓର৅Λ໌Β͔ʹ͢Δૢ࡞͸ɺΞοϓϧώϡʔ
     ϚϯΠϯλʔϑΣʔεͷجຊతͳಛ௃ͷͭͱͳ͍ͬͯ·͢ɻ͜ͷૢ࡞͸࣍ͷ
     ύλʔϯʹ෼͚ͯߟ͑Δ͜ͱ͕Ͱ͖·͢ɻ
     ΦϒδΣΫτΛબ୒͢Δʢૢ࡞ର৅͸໊ࢺͰදݱʣ
     ॲཧ಺༰ΛબͿʢૢ࡞಺༰͸ಈࢺͰදݱʣ
     ͜ͷύλʔϯΛl໊ࢺ—ಈࢺύϥμΠϜzͱݺͿ৔߹͕͋Γ·͢ɻ
     

     View Slide

114. 1. ΦϒδΣΫτʢ໊ࢺʣΛબ୒͢Δ
     ͲͷΑ͏ͳΦϒδΣΫτ΋
     ΫϦοΫʹΑͬͯબ୒Մೳ
     

     View Slide

115. 2. ॲཧ಺༰ʢಈࢺʣΛબΜͰ࣮ߦ
     ϝχϡʔόʔʹฒͿॲཧ಺༰͸
     ͍ͭͰ΋၆ᛌͰ͖ΔͷͰ
     Ϣʔβʔ͸໋ྩͷํ๏Λ֮͑Δඞཁ͕ͳ͍
     

     View Slide

116. 2. ॲཧ಺༰ʢಈࢺʣΛબΜͰ࣮ߦ
     ίϯςΫετϝχϡʔ͸
     બ୒ΦϒδΣΫτʹର࣮ͯ͠ߦՄೳͳ
     ॲཧ಺༰Λநग़ͨ͠γϣʔτΧοτ
     

     View Slide

117. "QQMF)VNBO*OUFSGBDF(VJEFMJOFTʢ೔ຊޠ൛ʣ—ʮϝχϡʔʯ
     "QQMF%FTLUPQ*OUFSGBDFʹ͓͚ΔϢʔβͷૢ࡞͸ɺσεΫτοϓ·ͨ͸΢
     Πϯυ΢ͷදࣔ಺༰͔Βॲཧͷର৅ͱͳΔΦϒδΣΫτʢ໊ࢺʣΛબ୒͢Δ
     ͜ͱɺͦͯ͠ɺͦͷΦϒδΣΫτʹର͢Δॲཧ಺༰ʢಈࢺʣΛબͿ͜ͱͷ
     ஈ֊ʹΘ͔ΒΕ·͢ɻ͜ͷl໊ࢺʵಈࢺzํࣜͷجຊͱͳΔ΋ͷ͕ϝχϡʔ
     Ͱ͢ɻ
     

     View Slide

118. ಈࢺ
     ໊ࢺ
     ݕࡧ
     Ξοϓσʔτ
     Apps
     ήʔϜ
     Today
     ୳͢
     ߋ৽͢Δ
     Apps
     ༡Ϳ
     ݟ͚ͭΔ
     

     View Slide

119. ໊ࢺ ಈࢺ
     ʪ໊ࢺʫΛબ୒ ࣮ߦ
     Ϟʔυ͕ඞཁͳ͍ʢϞʔυϨεʣ
     

     View Slide

120. ಈࢺ ໊ࢺ
     ʪಈࢺʫϞʔυʹҠߦ ʪ໊ࢺʫΛબ୒
     Ϟʔυ͕ඞཁ
     

     View Slide

121. ιγΦϝσΟΞň0069rΦϒδΣΫτϕʔεͷ6*ϞσϦϯάʼn
     ΦϒδΣΫτϕʔεͷ6*͸ϢʔβʔΛϞʔυ͔Βղ์͠ɺզʑ͕ಓ۩ͷ࢖͍
     ํʹ͍ؔͯ࣋ͬͯ͠ΔجຊతͳϝϯλϧϞσϧΛ൓ө͠·͢ɻఝΛଧͭ࣌ɺ
     զʑ͸·ͣϋϯϚʔΛ࣋ͪɺͦΕ͔ΒৼΓԼΖ͠·͢ɻৼΓԼΖ͔ͯ͠Βϋ
     ϯϚʔΛ࣋ͭਓ͸͍ͳ͍ͷͰ͢ɻ
     IUUQTXXXTPDJPNFEJBDPKQ
     

     View Slide

122. ϢʔβʔͱσόΠεͷڑ཭
     จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
     ϞʔυϨεWTϞʔυ
     ΦϒδΣΫτࢦ޲ઃܭ
     

     View Slide

123. ϢʔβʔͱσόΠεͷڑ཭
     จԽͱΠϯλʔϑΣΠεʗ৘ใల։ͷݪଇ
     ϞʔυϨεWTϞʔυ
     ΦϒδΣΫτࢦ޲ઃܭ
     ਎ମʹ͍ۙɾු༡͍ͯ͠Δɾ৮ΕΔ΋ͷ͸ň·Δ͍ʼn
     ֊૚ߏ଄ɾೖΕࢠߏ଄
     ॻࣈํ޲ɾจԽɾ෩शͱ৘ใͷྲྀΕ
     ৘ใల։ͷݪଇɾϚελʔৄࡉύλʔϯ
     ໊ࢺʵಈࢺύϥμΠϜ
     ϞʔυϨεɾϞʔυɾϞʔυ֊૚
     

     View Slide

124. ෇࿥ɾࢀߟจݙ
     )VNBO*OUFSGBDF(VJEFMJOFT
     IUUQTEFWFMPQFSBQQMFDPNJPTIVNBOJOUFSGBDFHVJEFMJOFT
     σβΠϯΤϯτϩϐʔͷ཈੍
     IUUQTXXXTPDJPNFEJBDPKQ
     0069rΦϒδΣΫτϕʔεͷ6*ϞσϦϯά
     IUUQTXXXTPDJPNFEJBDPKQ
     ΦϒδΣΫτࢦ޲69
     IUUQQPTUEDDPCKFDUPSJFOUFEVY
     .BTUFSEFUBJMTQBUUFSO
     IUUQTEPDTNJDSPTPGUDPNFOVTXJOEPXTVXQEFTJHODPOUSPMTBOEQBUUFSOTNBTUFSEFUBJMT
     "QQMF)VNBO*OUFSGBDF(VJEFMJOFT5IF"QQMF%FTLUPQ*OUFSGBDFʢ೔ຊޠ൛ʣ
     ώϡʔϝΠϯɾΠϯλϑΣʔεਓʹ΍͍͞͠γεςϜ΁ͷ৽ͨͳࢦ਑
     

     View Slide

125. View Slide