How UX & UI Work Together

Slide 1

Slide 1 text

ٕؒؿإ؎ٝؤ،ي ⰻ歊⼾䓘 UX Bridge vol.3  2017/12/14 HOW UX & UI WORK TOGETHER

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

© 2017 Goodpatch Inc. All Right Reserved. 5 㛇劤䞔㜠 ؚحسػحثחאְג ع٦زח갟ֻ6*׾鷄実ׅ׷ ؚٗ٦غٕז6*رؠ؎ٝؕٝػص٦ (PPEQBUDI吳䒭⠓爡ؚحسػحثכ匌❨ծكٕٔٝծىُٝق ٝծ〴⻌ח֮׷8FCJ04"OESPJEזוوٕثرغ؎أ،فٔ؛٦ ءّٝך6*رؠ؎ٝؕٝػص٦דׅկ؟٦ؽأװفٗتؙزך⟰歗鏣鎘ַ׵ꟼ׻׶؝ٝإفزً؎ؚؗٝծ69鏣鎘ծفٗزة؎ؾؚٝծ 㹋鄲תדٙٝأزحفד䲿⣘׃גְתׅկ Tokyo Berlin/Munchen Taipei

Slide 6

Slide 6 text

© 2017 Goodpatch Inc. All Right Reserved. 6 ؟٦ؽأ ؚحسػحثחאְג 6*رؠ؎ٝ 69رؠ؎ٝ 䨌殛فٓٝصؚٝ鏣鎘 Ꟛ涪㹋鄲㕂ⰻزحفؙٓأך6*رؠ؎ ش٦׾䫴ִծ㢳ֻך㹋籐ַ׵ך 穗꿀׌ֽדזֻծ䌢ח㕂ⰻ嵲㢩 ך6*ך✲⢽׾؎ٝفحز׃ծ ِ٦ؠ٦ך湡简ח甧׍ծِ٦ ؠ٦ָ⢪ְװְׅծ䗰㖑葺ְה 䠬ׄ׷6*׾فٗزة؎ؾؚٝ׾ 粸׶鵤׃זָ׵رؠ؎ٝ׃ת ׅկ ٔ؟٦ثծِ٦ؠ٦ؼ،ؚٔٝ ַ׵⟎铡׾甧גծفٗآؙؑز ؞٦ٕך鏣㹀ծ؝ٝإفزً؎ ؚؗٝծ湡䭷ِׅ٦ؠ٦⡤꿀׾ 㹀纏׃ծؙٓ؎،ٝزה؝ٝإ ٝ؟أ׾《׶זָ׵ծ湡䭷ׅ ِ٦ؠ٦⡤꿀׾ע׵ׁ׆חفٗ آؙؑزث٦يָⰼ徽ח؞٦ٕ חぢִַ׷״ֲח׃תׅկ 傈劤ך؟٦ؽأفٓٝصؚٝח כِ٦ؠ٦ַ׵ך鋔挿ָ䫙ֽ衅 ׍גְ׷؛٦أָ㢳ֻ֮׶ת ׅկ猘׋׍כ䗳׆؟٦ؽأך鏣鎘ַ׵ꟼ׻׶ծِ٦ؠ٦鼅㹀ծ ⣣⦼䲿⣘ծوطة؎ؤծو٦ ؛حزهآءّٝ׾♧筰ח罋 ִծ㕂ⰻ㢩ך剑倜✲⢽זוך灇瑔׮驎תִג؟ه٦ز׃תׅկ ؚحسػحثכرؠ؎ٝ⠓爡ד ָׅծ㢳ֻךؒٝآص،׾䫴ִ גְתׅկؿٗٝزؒٝسծ؟٦ غ٦؟؎سծJ04ծ"OESPJEך ؒٝآص،׾䫴ִծ֮׵ײ׷، فٔ؛٦ءָّٝ爡ⰻדꟚ涪ד ֹ׷⡤ⵖחז׏גְתׅկؒٝ آص،Ⰻ㆞ָرؠ؎ٝ㥨ֹ׌ה ְֲך׮אך暴䗙דׅկ

Slide 7

Slide 7 text

© 2017 Goodpatch Inc. All Right Reserved. 7 فٗتؙز✲噟1SPUU ؚحسػحثחאְג 1SPUUכծ⽃秪חفٗزة؎ف׾אֻ׷خ٦ ٕדכזֻծفٗزة؎ؾؚٝ׾ث٦يח؎ ٝأز٦ٕׅ׷خ٦ٕדׅկ(PPEQBUDIך 荈爡؟٦ؽأה׃ג䎃剢ח姻䒭ٔ ٔ٦أկ㣐䩛ؐؑـ؟٦ؽأ⟰噟חג &OUFSQSJTFفٓٝך䱰欽㹋籐㢳侧 :BIPPծ%F/"ծ(3&&ծ3FDSVJUծ嚂㣓 זוկ ך⠓陽״׶ծאךفٗزة؎ف 䎃䏝ؚحسرؠ؎ٝ颣「颣

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

ِ٦ؠ٦ٔ؟٦ث ِ٦ؠ٦؎ٝةؽُ٦ ِ٦ؠ٦ذأز لٕاش ؕأةو٦آٍ٦ص٦وحف ٙ؎َ٦ؿٖ٦ي ؽآُ،ٕرؠ؎ٝ فٗزة؎ؾؚٝ 畸さ锃叨 6*鏣鎘 رؠ؎ٝءأذي ؎ٝةؙٓءّٝرؠ؎ٝ © 2017 Goodpatch Inc. All Right Reserved. 12 ةأؙהٖأهٝءؽٔذ؍ 1SPUUךꟚ涪חאְג UX DESIGNER UI DESIGNER ِ٦ؠ٦ٔ؟٦ث ِ٦ؠ٦؎ٝةؽُ٦ ِ٦ؠ٦ذأز لٕاش ؕأةو٦آٍ٦ص٦وحف ٙ؎َ٦ؿٖ٦ي ؽآُ،ٕرؠ؎ٝ فٗزة؎ؾؚٝ 畸さ锃叨 6*鏣鎘 رؠ؎ٝءأذي ؎ٝةؙٓءّٝرؠ؎ٝ

Slide 13

Slide 13 text

Slide 14

Slide 14 text

㹋ꥷכأةحؙ׃ג׋

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

؝ٓنٖ٦ءّٝדֹגְזַ׏׋

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

30 ل٦آة؎زٕ ثٍفة٦せ

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

© 2017 Goodpatch Inc. All Right Reserved. 36 69رؠ؎ش٦ה6*رؠ؎ش٦ךةأؙ Ꟛ涪ؿٗ٦ך何㊣ ِ٦ؠ٦ٔ؟٦ث ِ٦ؠ٦؎ٝةؽُ٦ ِ٦ؠ٦ذأز لٕاش ؕأةو٦آٍ٦ص٦وحف ٙ؎َ٦ؿٖ٦ي ؽآُ،ٕرؠ؎ٝ فٗزة؎ؾؚٝ 畸さ锃叨 6*鏣鎘 رؠ؎ٝءأذي ؎ٝةؙٓءّٝرؠ؎ٝ UX DESIGNER UI DESIGNER ِ٦ؠ٦ٔ؟٦ث ِ٦ؠ٦؎ٝةؽُ٦ ِ٦ؠ٦ذأز لٕاش ؕأةو٦آٍ٦ص٦وحف ٙ؎َ٦ؿٖ٦ي ؽآُ،ٕرؠ؎ٝ فٗزة؎ؾؚٝ 畸さ锃叨 6*鏣鎘 رؠ؎ٝءأذي ؎ٝةؙٓءّٝرؠ؎ٝ

Slide 37

Slide 37 text

© 2017 Goodpatch Inc. All Right Reserved. 37 69رؠ؎ش٦ה6*رؠ؎ش٦ךةأؙ Ꟛ涪ؿٗ٦ך何㊣ ِ٦ؠ٦ٔ؟٦ث ِ٦ؠ٦؎ٝةؽُ٦ ِ٦ؠ٦ذأز لٕاش ؕأةو٦آٍ٦ص٦وحف ٙ؎َ٦ؿٖ٦ي ؽآُ،ٕرؠ؎ٝ فٗزة؎ؾؚٝ 畸さ锃叨 6*鏣鎘 رؠ؎ٝءأذي ؎ٝةؙٓءّٝرؠ؎ٝ UX DESIGNER UI DESIGNER ِ٦ؠ٦ٔ؟٦ث ِ٦ؠ٦؎ٝةؽُ٦ ِ٦ؠ٦ذأز لٕاش ؕأةو٦آٍ٦ص٦وحف ٙ؎َ٦ؿٖ٦ي ؽآُ،ٕرؠ؎ٝ فٗزة؎ؾؚٝ 畸さ锃叨 6*鏣鎘 رؠ؎ٝءأذي ؎ٝةؙٓءّٝرؠ؎ٝ

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text