Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Innovation Workshop
Next

Share

UI/UX Workshop

Match and Develop a Start up

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

UI/UX Workshop

  1. 1. UH $9 MX W©>r2KsH@i: >> It ‘er: .M ia hi 9 % IQ ii 5?’ 8:
  2. 2. Katerina Maniataki U§tER2 EXEDD ELQU El; ’]@ E D) E$[]@N 'l'ran. s'i/ 'e. r EQ
  3. 3. .. .
  4. 4. UK UT.
  5. 5. What is user experience’ E11c0111gasses all aspects of the cm —usc1*i11te1'acti011s witll the 6011111311375 its services and its product
  6. 6. % it Meet customer Easy to use Enjoyable to use needs GREAT USER EXPERIENCE 9 Simple Elegant
  7. 7. WHAT CAN I DO TODAY?
  8. 8. START PLAYING WITH Alignment Proximity Consistency Contrast Color Typography Visibility Understandability Simplicity Keeping users informed
  9. 9. Wweé/ we’ ALEGNMENT
  10. 10. Not just throw things on a page. Everytl1i11g should be purposely placed and related with other elelnents
  11. 11. F ‘"193’ heading Another heading Add subheading I am a small bullet to say Hi! _ I am a small bullet I am a body text and I want I am a body text and I want to say Hi! . and something more
  12. 12. Fancy heading Another heading Subheading I am a body text and I want to say Hi! . - I am a small bullet - I am a small bullet I am a body text and I want to say Hi! . and something more
  13. 13. 1.. Be purposeful 2‘ Be strong 3, Connect elements visualy
  14. 14. ¢wwWW/ PRGXE M WY
  15. 15. lElen1e11ts that are close together are perceived to be more related than elements that are farther ap art
  16. 16. I }, Carriage House Courtyard Room > Euro King Room l> Two Bedroom Euro King Suite v Euro King Suite I» Grand Courtyard Room I Euro Kr; St; '. e Crews "9 and spezious King Bedroom . -.". h gas fireplace. Grar '. e Hzhenette ha Penthouse Suite Select USD 449.30 I Stay lrzlc: 19 Tales 5 Fees Select USD 292.34: suy lt‘: l. : *9 Tares & Fees Select USD 331.68 I Stay lr: l. : fig Taxes 5. Fees Selecl USD 782.84: Stay Ir: Ii. : cg Tares 5. Fees Select USD 468.92 I Stay Ir: lt. ': *9 Tares S Fees Select USD 41 0.06 I Stay lr: Ii. : no Taxes 5 Fees Select USD 1,077.14: Slay 'r: Ii. : "g T3165 5. Fees
  17. 17. I }, Carriage House Courtyard Room I Euro King Room I Two Bedroom Euro King Suite v Euro King Suite I Grand Courtyard Room I Euro Kr; St; '. e Crews "9 and spezious King Bedroom . -.". h gas fireplace. Grar '. e Hzhenette ha Penthouse Suite Select USD 449.30 I Stay irzlc: 19 Tales 5 Fees Select USD 292.34 I say lrclc: *9 Tares & Fees Select USD 331.68 I Stay Ir-: I. : fig Taxes 5. Fees Select USD 782.84: Stay Ir: Ii. : cg Tares 5. Fees Select USD 468.92 I Stay Ir‘: lt. ': *9 Tares S Fees Select USD 41 0.06 I Stay lr: It. : no Tares 5 Fees Select USD 1.077.141 Stay 'r: Ii. : "g T8165 5. Fees
  18. 18. cnnucaunnni 3 ‘**”°C°"°°'° Room Grind Canvudfloom Rndineu USD 249.(DlMd-I E-nine‘? -naive: Y. -m£us: _Bv_uLdsmn SHICT EI. .‘. 'g¢'. I3 AadToComoon Euro Kivjllaoni Exam: USD 199111108- (clung? -naive: Enmflnksnxhm SEECT Ewosqn. " 17 ‘dd TOCUVDUQ Ilnoln EuvoSQueeviRoom Eendmmx USD 199.(X)In¢n I may Tues 5 no lmafii. -stjiumtmri SEECI’ Cowtyrdlooln 3 “‘T°C°"“"' Coinyud Raoi-vi 8:111:91: USD 1991!)/05¢: [KiflI‘T—Q$&‘OQl Y_-m_°v_s1&u_l_it9m- SEECT
  19. 19. 1. Purpose is to organise 2_ Group related items 3, Limit the number ofobjects
  20. 20. The usability of a system is iniproved when similar parts are expressed with similar ways
  21. 21. .5 :7 — (‘J _ l. . } Home Insert Page La, v3ti: J -3 IF‘ Themes : J Margins orientation 9:». v '. a . ~ - —r '7 (‘J : " V 1.. ._. .‘ Home Insert Page Lay : iI_i= " ] 4* Arial ~ 10 _. — ~_1 Paste B I U r . /’ — — A I 1 (‘J , ‘l‘ ' ___( Home Insert Design ‘H Layout V Corbcl : ]Reset Past’ , Add B 1 U , C / Slide, ,, .lDelete " - . ._.
  22. 22. 1.. Unify 2‘ Add visual interest 3, Show relationships
  23. 23. Users will notice and remember elements that stands out
  24. 24. Using Color Using Shape Using Size I- (I) < o: I- 2 O U 0 I- in >- < E
  25. 25. Color Contrast
  26. 26. Shape Contrast
  27. 27. Size Contrast
  28. 28. 1. Users will notice and remember 2, Adds visual interest and organization 3, Don't be wimpy!
  29. 29. .. .. . __ .4 1.41;; iii . l .7 . [ M91455.‘ . , 901414555. . I: I .4.. /.. .y. I . .
  30. 30. The usability of a system is greatly enhanced if elements are clearly Visible to the riser
  31. 31. :1} Help Scout A help desk for teams that insist on A DELIGHTFUL CUSTOMER EXPERIENCE ’ SEE THE DIFFEIENCE [ 15-DAV FREE TRIAL The fold
  32. 32. r- I . . . , _, m ' I H ' " arm mI. ‘i~F0 “°‘”~“"° t_ _7 hi“ III ' ‘ ‘. .'. ’ H ‘ L , _ . an I‘: t_ ' y T" . '. ' -7; -1 '. "’ " . I I 'n: ' 1 I'_ _ 5‘: j. ..'_'; . s It ' I . . I} ~ : . -: »- ; ~‘ , ,. in . . v"-. - I. ‘ -ye-thins--9; , . 6lT! ‘‘. D'£II‘. ‘I " Banner Blindness
  33. 33. 1.. Key elements should be above the fold 2,, Make your page scrolling—friendly 3, Don't make things look like ads
  34. 34. A N D K E E P C A LM
  • ouland

    May. 29, 2019
  • ezgiezdar

    May. 17, 2019
  • EleanorMishanSalomon

    Mar. 26, 2017

Match and Develop a Start up

Views

Total views

436

On Slideshare

0

From embeds

0

Number of embeds

7

Actions

Downloads

6

Shares

0

Comments

0

Likes

3

×