192
ITエンジニアに易しい 実践的UI/UXデザイン NCデザイン&コンサルティング株式会社 金 成哲 @Roy_S_Kim ハッシュタグ:#webcat 1

Practical ux4publish

  • Upload
    ncdcjp

  • View
    6.579

  • Download
    1

Embed Size (px)

DESCRIPTION

2012年12月6日の「ITエンジニアに易しい実践的UI/UXデザイン勉強会」の資料です。

Citation preview

  • 1. ITUI/UX NC @Roy_S_Kim#webcat1

2. / @Roy_S_Kim [email protected] K NC http://nextconceptdc.com2 3. PC UX 3 4. .........................................BEA........................EMC...............................................NC.....................................................................4 5. 5 6. ITUI/UXUI/UX6 7. UI/UX UI UX 7 8. 8 9. IT UI/UX9 10. UI/UX10 11. 11 12. 12 13. 13 14. 14 15. 15 16. 16 17. 17 18. 18 19. 19 20. 20 21. 21 22. My StoryUI/UX22 23. Windogs Mac WebObjects Windogs23 24. K 24 25. Mac Powerbook G4 13()25 26. OS XGUI 26 27. WebObjectsJava 27 28. 28 29. Back to the Windows+29 30. MacIntel Mac + Bootcamp or Parallels 30 31. Mac MacWindows2006 2010Now 30% 30% 100%70%70%31 32. 32 33. Apple Apple 33 34. Apple 34 35. Apple35 36. = 36 37. =37 38. WindowsMac 38 39. 39 40. 40 41. m(_ _);m 20121031 () 13:27http://ja.wikipedia.org/wiki/41 42. 42 43. 43 44. 44 45. 45 46. 46 47. 47 48. 48 49. 49 50. UX UX = User Experience50 51. UX m(_ _);m 20121125 () 08:16 UTChttp://ja.wikipedia.org/wiki/ 51 52. UXUXUXhttp://site.hcdvalue.org/docs52 53. UXUXUXcontext53 54. UX UX54 55. UXUX Now Youtube PowerbookIntel Mac MaciPhoneiPad Apple StoreApple Online Apple Shibuya/GinzaStore Genius bar 55 56. UXUXNow Youtube PowerbookIntel Mac MaciPhoneiPad Apple StoreApple Online Apple Shibuya/GinzaStore Genius bar 56 57. UXUX Now Youtube PowerbookIntel Mac MaciPhoneiPad Apple StoreApple Online Apple Shibuya/GinzaStore Genius bar 57 58. UXUX Now Youtube PowerbookIntel Mac MaciPhoneiPad Apple StoreApple Online Apple Shibuya/GinzaStore Genius bar 58 59. UX 59 60. UX 60 61. UX 61 62. UI User Interface 62 63. UI UX 63 64. User Interface K64 65. UI UIHW & SW UI (UI) UI (UI) ++ +UIUIUX 65 66. UIUI Mac + + +PRUX66 67. UXUI+ =67 68. UXUI+ =68 69. UIPR GUIYoutube 3rd party OS XApp Store HW PowerbookIntel MacMac Mac iPhoneiPad iPad 69 70. UIGUI Youtube 3rd partyOS XApp Store HW PowerbookIntel MacMac Mac iPhoneiPad iPad 70 71. UIGUI Youtube 3rd partyOS XApp Store HW PowerbookIntel MacMac Mac iPhoneiPad iPad 71 72. UIGUI Youtube 3rd partyOS XApp Store HW PowerbookIntel MacMac Mac iPhoneiPad iPad 72 73. UICSGUI Youtube 3rd partyOS XApp Store HW PowerbookIntel MacMac Mac iPhoneiPad iPad 73 74. UIGUI Youtube 3rd partyOS XApp Store HW PowerbookIntel MacMac Mac iPhoneiPad iPad 74 75. UIGUI Youtube3rd partyOS XApp Store HW PowerbookIntel MacMacMac iPhoneiPad iPad 75 76. UIITGUI Youtube3rd partyOS XApp Store HW PowerbookIntel Mac UIMac Mac iPhone iPad iPad 76 77. UX UI UX77 78. UXUIUIUX UI = UX = UXUI78 79. UXUI UX UIUX UXUIUIUX79 80. UI/UX UXUIUX 80 81. UI/UX UX UI UXUI BGM 81 82. UI/UX UX UIUXUX 82 83. UXUX 83 84. UXUX 84 85. UX UXUIUX ITUI85 86. User In Web DesignCI Desigterface nDe Designsign faceI nterU serInteraction DesignFont DesignInformation ArchitectureUser eXperience DesignGraphic Design Informat ion DesignCommunication DesignUnive rsal Design 86 87. 87 88. Web UX 88 89. 89 90. 90 91. 91 92. UI 92 93. 93 94. GUI 94 95. UX Design Standards / Guidelines Visual DesignBiz DomainInterface DesignCI DesignIT Policy Navigation Design Presentation LayerInformation Design Biz Logic Layer Interaction Design Data LayerInformation Architecture95 96. 96 97. UI UI UI97 98. UIUI 98 99. 99 100. 100 101. UI 101 102. 102 103. 103 104. 104 105. 105 106. 106 107. 107 108. 108 109. 109 110. Cancel OKOK Cancel 110 111. 111 112. 112 113. 113 114. 114 115. 115 116. 116 117. Hiragino Maru Gothic ProNITUI/UX NC (Roy S. Kim) @Roy_S_Kim117 118. Hiragino Gaku Gothic StdNITUI/UX NC (Roy S. Kim) @Roy_S_Kim118 119. UI + 119 120. UI 120 121. 121 122. UI 122 123. + 123 124. One More ThingSome more things124 125. 125 126. 126 127. 127 128. Monsters vs Aliens128 129. 129 130. Oh My God!! 130 131. 131 132. UI 132 133. 133 134. 134 135. 135 136. 136 137. 137 138. 138 139. UX 139 140. UXUX140 141. UX UX http://semanticstudios.com/publications/semantics/000029.php141 142. UXUX http://www.articialindustry.com/inspiratie/81/human+centered+design 142 143. UX UX http://www.articialindustry.com/inspiratie/81/human+centered+design143 144. ITWaterfall Process Agile Process 144 145. Waterfall Process Agile Process 145 146. ITUX UXUIUXUXUI 146 147. UIUX UIUXUXUXUX UI UX UXUI UXUIUXUI 147 148. UX UXUIUXUXUI 148 149. UX UX UI UI 149 150. UXUX UI UI UI 150 151. UX : 151 152. UX : IT IT http://opencu.tv/media/ux-research-20121010 152 153. UX : 153 154. UX : IT 154 155. UX : 155 156. UX 156 157. UX : 157 158. UX 158 159. UX : 159 160. UX 5Why 160 161. UX 5Why 161 162. UX : 162 163. UX UI 163 164. UXUI : 164 165. UXUI 165 166. UXUI166 167. UXUI Good!167 168. UXUI : 168 169. UXUI 169 170. UXUI Balsamiq 170 171. UXUIhttp://keynotopia.com PowerpointKeynote UI UI 171 172. UXUIUXUXUI 172 173. : KPI 173 174. : KPI 174 175. UIUX UIUXUXUXUX UI UX UXUI UXUIUXUI 175 176. NCDC 176 177. 177 178. UI/UX UX178 179. VS Windows8 for Smartphone, Tablet, andDesktop!!?? 179 180. PC vs vs RIAVS 180 181. UX 181 182. 182 183. UI/UX 183 184. MS 184 185. 185 186. UI/UX SIer Customer eXperience 186 187. UI/UX UX 100 187 188. UX UX UX 188 189. 189 190. 190 191. UI/UX191 192. http://nextconceptdc.com/ituiux/ @ncdc_jp2013 192