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

Transcript

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

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

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

   OS X About Me Daichi Nakajima

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

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

6. None

7. Apple Pay JP launch partner

8. None
9. None

10. ΠϯλϥΫγϣϯ
    ͱ࣮૷

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

12. ΠϯλϥΫγϣϯ

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

14. None
15. None

16. Interface

17. Interface

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

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

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

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

22. None

23. ඒज़

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

25. None

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

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

28. None

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

30. ࣮༻తͰ͋Δ͜ͱ

31. None

32. ਓ

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

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

    Ϟσϧ

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

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

36. ☺

37. վળ

38. Case Study

39. Sign up

40. Feedback

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

42. None
43. None

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

45. Sign up

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

    cell) • UITextFieldDelegate#textFieldDidChange • Connection

47. Cart

48. Keep a context

49. • ࡏݿΛมߋͰ͖Δ Cart

50. None

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

52. Implementation

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

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

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

55. Scroll View

56. Prevent mistakes

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

    Scroll View
58. None

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

    view 4XJQF scroll view scroll view

60. Implementation

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. ·ͱΊ

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

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

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

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

67. Thanks.