インタラクションデザインと実装

Transcript

1. 1.

   
   TIJCVZBTXJGU
   
   !OBLBKJKBQBO ΠϯλϥΫγϣϯ
   σβΠϯͱ࣮૷

2. 2.

   huin ͞Μ גࣜձࣾFablic͞Μ ʹײँʂ

3. 3.

   @nakajijapan GMO PEPABO inc. Principal Engineer iOS / Web /

   OS X About Me Daichi Nakajima
4. 4.

   ϋϯυϝΠυ࡞඼Λ ചΕΔɺങ͑Δɻ ࠃ಺࠷େڃͷ ϋϯυϝΠυϚʔέοτ

5. 5.

   NKJMultiMovieCaptureView NKJMovieComposer NKJPagerViewController PhotoSlider Teiten GitHub Sengiri Shari frustration.me Kazaguruma

6. 6.

   None
7. 7.

   Apple Pay JP launch partner

8. 8.

   None
9. 9.

   None
10. 10.

    ΠϯλϥΫγϣϯ
    ͱ࣮૷

11. 11.

    ΠϯλϥΫγϣϯ σβΠϯͱ͸

12. 12.

    ΠϯλϥΫγϣϯ

13. 13.

    ΠϯλϥΫγϣϯ ૬ޓ࡞༻ wikipedia

14. 14.

    None
15. 15.

    None
16. 16.

    Interface

17. 17.

    Interface

18. 18.

    ΠϯλϥΫγϣϯ ͓ޓ͍͕ ίϛϡχέʔγϣϯ͢Δ͜ͱ wikipedia

19. 19.

    ΠϯλϥΫγϣϯσβΠϯ ͓ޓ͍͕ ίϛϡχέʔγϣϯ͢Δ͜ͱ wikipedia खॿ͚

20. 20.

    Ԡ༻ඒज़ ʙΠϯλϥΫγϣϯσβΠϯͷڭՊॻʙ

21. 21.

    Ԡ༻ඒज़ͱ͸ ඒज़Λ೔༻඼΍ߦࣄͳͲ΁ Ԡ༻͢Δ͜ͱ

22. 22.

    None
23. 23.

    ඒज़

24. 24.

    ඒज़ͱ͸ ࢹ֮ʹΑͬͯͱΒ͑Δ͜ ͱΛ໨తͱͯ͠දݱ͞Ε ͨ଄ܗܳज़ͷ૯শ wikipedia

25. 25.

    None
26. 26.

    wදݱऀ͕఻͍͑ͨ͜ͱΛؑ৆ऀʹ఻͑Δ
    wܗΛ଄ΒΕͨ΋ͷ
    wֆըɺூࠁɺݐஙɺ޻ܳ౳
    ඒज़ͱ͸

27. 27.

    Ԡ༻ඒज़ͱ͸ ඒज़Λ೔༻඼΍ߦࣄͳͲ΁ Ԡ༻͢Δ͜ͱ wikipedia

28. 28.

    None
29. 29.

    Ԡ༻ඒज़ͱ͸ ؾ࣋ͪΑ͘࢖ͬͯ΋Β͏ͨ Ίʹศརʹ͢Δ͜ͱ wikipedia

30. 30.

    ࣮༻తͰ͋Δ͜ͱ

31. 31.

    None
32. 32.

    ਓ

33. 33.

    •໨ඪΛཱͯΔ •࣮ߦ͢Δ •ධՁ͢Δ ਓؒͷߦಈαΠΫϧ

34. 34.

    ҙਤ ܗ੒ ߦಈ ܾఆ ࣮ߦ ஌֮ ղऍ ධՁ ϊʔϚϯ ͷࣣஈ֊

    Ϟσϧ
35. 35.

    ҙਤ ܗ੒ ߦಈ ܾఆ ࣮ߦ ஌֮ ղऍ ධՁ ϊʔϚϯ ͷࣣஈ֊

    Ϟσϧ ΑΓখ͍ͯ͘͞͠ ͘͜ͱ͕࢖͍΍͢ ͞΁ͷۙಓ
36. 36.

    ☺

37. 37.

    վળ

38. 38.

    Case Study

39. 39.

    Sign up

40. 40.

    Feedback

41. 41.

    •ϩάΠϯ৘ใͷೖྗΛ͠ͳ͚Ε͹͍͚ͳ͍ •߲໨ʹ͸༷ʑͳ੍ݶ͕͋Δ •શͯਖ਼͍͠৘ใʹͳΒͳ͍ͱSign upͰ͖ͳ ͍ Sign up

42. 42.

    None
43. 43.

    None
44. 44.

    •ೖྗ͸େมɺ࠷େݶܰݮͤ͞Δ •ϦΞϧλΠϜʹద੾ͳ৘ใΛೖྗͤ͞Δ Α͏༠ಋ͠ɺ࣌ؒ୹ॖ •ϧʔϧΛ໌֬ʹͯ͠ঢ়ଶΛ஌֮ͤ͞Δ Sign up

45. 45.

    Sign up

46. 46.

    Sign up let selector = #selector(self.existsMinneID(_:)) NSObject.cancelPreviousPerformRequestsWithTarget(self, selector: selector, object:

    cell) • UITextFieldDelegate#textFieldDidChange • Connection
47. 47.

    Cart

48. 48.

    Keep a context

49. 49.

    • ࡏݿΛมߋͰ͖Δ Cart

50. 50.

    None
51. 51.

    •ίϯςΩετΛҡ࣋͢Δ •ͳΜͷ࡞඼ΛબΜͩͷ͔ •͙͢ʹࢦఆͷࡏݿʹมߋͰ͖Δ •ෆՄࢹτϦΨʔ •શମΛ֬ೝͰ͖ΔΑ͏ʹͰ͖Δ Cart

52. 52.

    Implementation

53. 53.

    Implementation • Container View Controller • presentViewControllerΛಠ࣮ࣗ૷͢Δ • No UIViewControllerTransitioningDelegate!

    • Ξχϝʔγϣϯͷதؒ஍఺Ͱը໘ΛࢭΊ ͔ͨͬͨͷͰར༻͍ͯ͠ͳ͍
54. 54.

    Implementation • Shari • https://github.com/nakajijapan/Shari

55. 55.

    Scroll View

56. 56.

    Prevent mistakes

57. 57.

    • Scroll View಺ʹ͸ΧςΰϦͷҰཡ͕ଘࡏ • Կճ͔εϫΠϓ͠ͳ͚Ε͹͍͚ͳ͍৔߹͕ ͋Δ • ը໘ྖҬʹ͸ݶք͕͋Δ • ؆୯ʹྖҬΛ޿͛ΔΘ͚ʹ͸͍͔ͳ͍

    Scroll View
58. 58.

    None
59. 59.

    Implementation • εϫΠϓޙ̍ඵ͸εϫΠϓྖҬ͕޿͛Δ • ̍ඵҎ಺ʹεϫΠϓ͕͋Ε͹Ωϟϯηϧ • ͳ͚Ε͹εϫΠϓྖҬ͕໭Δ scroll view scroll

    view 4XJQF scroll view scroll view
60. 60.

    Implementation

61. 61.

    Implementation let selector = #selector(self.unlockUserInteractionWithScrollView(_:)) NSObject.cancelPreviousPerformRequestsWithTarget(self, selector: selector, object: scrollView)

    NSTimer.scheduledTimerWithTimeInterval(0.1, target: self, selector: selector, userInfo: nil, repeats: false) • Lazy Execution and Cancel
62. 62.

    ·ͱΊ

63. 63.

    ΠϯλϥΫγϣϯσβΠϯ ͓ޓ͍͕ ίϛϡχέʔγϣϯ͢Δ͜ͱ wikipedia खॿ͚

64. 64.

    ΠϯλϥΫγϣϯσβΠϯ ࣮༻తͰ͋Δ͜ͱ

65. 65.

    •໨ඪΛཱͯΔ •࣮ߦ͢Δ •ධՁ͢Δ ਓؒͷߦಈαΠΫϧ

66. 66.

    • ঢ়گΛ఻͑ͯϑΟʔυόοΫΛఏڙ͢Δ • ίϯςΩετΛҡ࣋͢Δ • ϛεΛࣄલʹ๷͙ ·ͱΊ

67. 67.

    Thanks.