Ui ≠ UX en waarom jullie daar meer aandacht aan moeten besteden

1. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI <> UX En waarom jullie daar aandacht aan moeten besteden Tuesday 1 April 14 Welkom

2. Tuesday 1 April 14 Een (West)Vlaming die komt spreken in Nederland ... hopelijk geen ondertiteling nodig

3. Simultane vertaling & ondertiteling beschikbaar ! Tuesday 1 April 14 Een (West)Vlaming die komt spreken in Nederland ... hopelijk geen ondertiteling nodig

4. Tuesday 1 April 14 Even voorstellen ... Aarzel niet om mij aan te spreken of contact met mij op te nemen.

5. Stefaan Lesage Tuesday 1 April 14 Even voorstellen ... Aarzel niet om mij aan te spreken of contact met mij op te nemen.

6. Stefaan Lesage Software Developer / geek / blogger (Lookit.be)/ (amateur)fotograaf / podcaster (Tech45.eu) / Sci-Fi / fantasy lover en natuurlijk Whisky liefhebber (whiskywithfriends.be). Tuesday 1 April 14 Even voorstellen ... Aarzel niet om mij aan te spreken of contact met mij op te nemen.

7. Stefaan Lesage Stefaan.Lesage@devia.be @StefaanLesage Software Developer / geek / blogger (Lookit.be)/ (amateur)fotograaf / podcaster (Tech45.eu) / Sci-Fi / fantasy lover en natuurlijk Whisky liefhebber (whiskywithfriends.be). Tuesday 1 April 14 Even voorstellen ... Aarzel niet om mij aan te spreken of contact met mij op te nemen.

8. Tuesday 1 April 14 Kort woordje uitleg over wat we doen ... laatste project (WMS) Sessie zonder code ... aan de hand van uit het leven gegrepen voorbeelden Maar ... je zal iets bijleren over mijn droomwagen, de problemen met het lokale tankstation en mijn evenwicht / balans problemen. Screenshots of our WMS Client ... still work in progress

9. Tuesday 1 April 14 Kort woordje uitleg over wat we doen ... laatste project (WMS) Sessie zonder code ... aan de hand van uit het leven gegrepen voorbeelden Maar ... je zal iets bijleren over mijn droomwagen, de problemen met het lokale tankstation en mijn evenwicht / balans problemen. Screenshots of our WMS Client ... still work in progress

10. Software Development & New Media Technologies Tuesday 1 April 14 Kort woordje uitleg over wat we doen ... laatste project (WMS) Sessie zonder code ... aan de hand van uit het leven gegrepen voorbeelden Maar ... je zal iets bijleren over mijn droomwagen, de problemen met het lokale tankstation en mijn evenwicht / balans problemen. Screenshots of our WMS Client ... still work in progress

11. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 De UI is datgene waarmee de gebruikers interactie hebben ... de pixels

12. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UI ? Tuesday 1 April 14 De UI is datgene waarmee de gebruikers interactie hebben ... de pixels

13. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UI ? Wat de gebruiker ziet & gebruikt Tuesday 1 April 14 De UI is datgene waarmee de gebruikers interactie hebben ... de pixels

14. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UI ? Wat de gebruiker ziet & gebruikt Componenten Tuesday 1 April 14 De UI is datgene waarmee de gebruikers interactie hebben ... de pixels

15. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UI ? Wat de gebruiker ziet & gebruikt Componenten Pixels Tuesday 1 April 14 De UI is datgene waarmee de gebruikers interactie hebben ... de pixels

16. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 In vergelijking met iets uit de echte wereld ... de schoonheid en technologie in mijn droomauto

17. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld Tuesday 1 April 14 In vergelijking met iets uit de echte wereld ... de schoonheid en technologie in mijn droomauto

18. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld De technologie en het design van mijn droomwagen ... a Tesla Model S Tuesday 1 April 14 In vergelijking met iets uit de echte wereld ... de schoonheid en technologie in mijn droomauto

19. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld De technologie en het design van mijn droomwagen ... a Tesla Model S Tuesday 1 April 14 In vergelijking met iets uit de echte wereld ... de schoonheid en technologie in mijn droomauto

20. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 De algemene ervaring en tevredenheid die een gebruiker heeft bij het gebruiken van uw product. Het is een emotioneel gegeven ... dus soms wat subjectief.

21. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX ? Tuesday 1 April 14 De algemene ervaring en tevredenheid die een gebruiker heeft bij het gebruiken van uw product. Het is een emotioneel gegeven ... dus soms wat subjectief.

22. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX ? Hoe alles samen werkt Tuesday 1 April 14 De algemene ervaring en tevredenheid die een gebruiker heeft bij het gebruiken van uw product. Het is een emotioneel gegeven ... dus soms wat subjectief.

23. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX ? Hoe alles samen werkt Algemene Ervaring Tuesday 1 April 14 De algemene ervaring en tevredenheid die een gebruiker heeft bij het gebruiken van uw product. Het is een emotioneel gegeven ... dus soms wat subjectief.

24. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX ? Hoe alles samen werkt Algemene Ervaring Balans tussen schoonheid & gebruiksgemak Tuesday 1 April 14 De algemene ervaring en tevredenheid die een gebruiker heeft bij het gebruiken van uw product. Het is een emotioneel gegeven ... dus soms wat subjectief.

25. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX ? Hoe alles samen werkt Algemene Ervaring Balans tussen schoonheid & gebruiksgemak Emoties Tuesday 1 April 14 De algemene ervaring en tevredenheid die een gebruiker heeft bij het gebruiken van uw product. Het is een emotioneel gegeven ... dus soms wat subjectief.

26. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Trekken we de Tesla Model S analogie door, dan is User Experience de glimlach op het gezicht van de personen die voor de eerste keer met hun Tesla Model S rijden! De UI is de motor, het stuur, de pedalen, het chassis, de 17’’ monitor in de middenconsole De UX is het gevoel dat je krijgt om met een volledig elektrische wagen te rijden, de voldoening wanneer je die gaspedaal indrukt.

27. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld Tuesday 1 April 14 Trekken we de Tesla Model S analogie door, dan is User Experience de glimlach op het gezicht van de personen die voor de eerste keer met hun Tesla Model S rijden! De UI is de motor, het stuur, de pedalen, het chassis, de 17’’ monitor in de middenconsole De UX is het gevoel dat je krijgt om met een volledig elektrische wagen te rijden, de voldoening wanneer je die gaspedaal indrukt.

28. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld http://player.vimeo.com/video/44713180 De glimlach op het gezicht van de mensen die met hun Tesla Model S rijden Tuesday 1 April 14 Trekken we de Tesla Model S analogie door, dan is User Experience de glimlach op het gezicht van de personen die voor de eerste keer met hun Tesla Model S rijden! De UI is de motor, het stuur, de pedalen, het chassis, de 17’’ monitor in de middenconsole De UX is het gevoel dat je krijgt om met een volledig elektrische wagen te rijden, de voldoening wanneer je die gaspedaal indrukt.

29. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld http://player.vimeo.com/video/44713180 De glimlach op het gezicht van de mensen die met hun Tesla Model S rijden Tuesday 1 April 14 Trekken we de Tesla Model S analogie door, dan is User Experience de glimlach op het gezicht van de personen die voor de eerste keer met hun Tesla Model S rijden! De UI is de motor, het stuur, de pedalen, het chassis, de 17’’ monitor in de middenconsole De UX is het gevoel dat je krijgt om met een volledig elektrische wagen te rijden, de voldoening wanneer je die gaspedaal indrukt.

30. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Responsive <> Snel ... eerder dat de gebruiker ziet dat het systeem iets doet (ipv hangen)

31. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Hoe bekom je een goeie UX Tuesday 1 April 14 Responsive <> Snel ... eerder dat de gebruiker ziet dat het systeem iets doet (ipv hangen)

32. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Hoe bekom je een goeie UX Ziet er goed & mooi uit Tuesday 1 April 14 Responsive <> Snel ... eerder dat de gebruiker ziet dat het systeem iets doet (ipv hangen)

33. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Hoe bekom je een goeie UX Ziet er goed & mooi uit Responsive Tuesday 1 April 14 Responsive <> Snel ... eerder dat de gebruiker ziet dat het systeem iets doet (ipv hangen)

34. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Hoe bekom je een goeie UX Ziet er goed & mooi uit Responsive Makkelijk te leren, begrijpen en gebruiken Tuesday 1 April 14 Responsive <> Snel ... eerder dat de gebruiker ziet dat het systeem iets doet (ipv hangen)

35. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Hoe bekom je een goeie UX Ziet er goed & mooi uit Responsive Makkelijk te leren, begrijpen en gebruiken Kleine dingen Tuesday 1 April 14 Responsive <> Snel ... eerder dat de gebruiker ziet dat het systeem iets doet (ipv hangen)

36. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Hoe bekom je een goeie UX Ziet er goed & mooi uit Responsive Makkelijk te leren, begrijpen en gebruiken Kleine dingen Maar dan duizenden ... Tuesday 1 April 14 Responsive <> Snel ... eerder dat de gebruiker ziet dat het systeem iets doet (ipv hangen)

37. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Het locale tankstation bij ons in de buurt, en ik vermoed dat zowat gans België / Nederland vol staan met deze systemen. Voor mij zijn ze een nachtmerrie ... ik word er gewoon gek van

38. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Slechte UX Tuesday 1 April 14 Het locale tankstation bij ons in de buurt, en ik vermoed dat zowat gans België / Nederland vol staan met deze systemen. Voor mij zijn ze een nachtmerrie ... ik word er gewoon gek van

42. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14

43. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Problemen Tuesday 1 April 14

44. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Problemen Bij fel zonlicht niet te lezen Tuesday 1 April 14

45. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Problemen Bij fel zonlicht niet te lezen Visuele voorstelling <> fysieke Layout Tuesday 1 April 14

46. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Problemen Bij fel zonlicht niet te lezen Visuele voorstelling <> fysieke Layout Mix 2 inputs op 2 devices Tuesday 1 April 14

47. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Problemen Bij fel zonlicht niet te lezen Visuele voorstelling <> fysieke Layout Mix 2 inputs op 2 devices Verwarrend Tuesday 1 April 14

48. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Hoe werkt het ... (emotioneel) Door je knieen gaan, want het scherm staat een pak lager Hand tussen de zon en het display want bij een beetje zon kan je niets meer zien. Kaart in gleuf stoppen, naar het display kijken en toch nog twijfelen. Kijken welk nummer op de pomp staat, dan knopje zoeken

49. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI <> Real World Tuesday 1 April 14 Hoe werkt het ... (emotioneel) Door je knieen gaan, want het scherm staat een pak lager Hand tussen de zon en het display want bij een beetje zon kan je niets meer zien. Kaart in gleuf stoppen, naar het display kijken en toch nog twijfelen. Kijken welk nummer op de pomp staat, dan knopje zoeken

50. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI <> Real World Tuesday 1 April 14 Hoe werkt het ... (emotioneel) Door je knieen gaan, want het scherm staat een pak lager Hand tussen de zon en het display want bij een beetje zon kan je niets meer zien. Kaart in gleuf stoppen, naar het display kijken en toch nog twijfelen. Kijken welk nummer op de pomp staat, dan knopje zoeken

51. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI <> Real World Pomp 1 Pomp 2 Pomp 3 Pomp 4 Pomp 6 Pomp 7 Pomp5 Terminal 1 Tuesday 1 April 14 Hoe werkt het ... (emotioneel) Door je knieen gaan, want het scherm staat een pak lager Hand tussen de zon en het display want bij een beetje zon kan je niets meer zien. Kaart in gleuf stoppen, naar het display kijken en toch nog twijfelen. Kijken welk nummer op de pomp staat, dan knopje zoeken

52. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI <> Real World Pomp 1 Pomp 2 Pomp 3 Pomp 4 Pomp 6 Pomp 7 Pomp5 Terminal 1 Hier sta ik Tuesday 1 April 14 Hoe werkt het ... (emotioneel) Door je knieen gaan, want het scherm staat een pak lager Hand tussen de zon en het display want bij een beetje zon kan je niets meer zien. Kaart in gleuf stoppen, naar het display kijken en toch nog twijfelen. Kijken welk nummer op de pomp staat, dan knopje zoeken

53. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 ikbeneenfreelancer.be lanceerde gisteren nieuwe website, vraag om nieuw WW aan te vragen surf naar website, klik in veld, begin te typen #facepalm !!!! Eerste indruk ... al naar de vaantjes Placeholder i.p.v. echte inhoud van het veld

54. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Slechte UX Tuesday 1 April 14 ikbeneenfreelancer.be lanceerde gisteren nieuwe website, vraag om nieuw WW aan te vragen surf naar website, klik in veld, begin te typen #facepalm !!!! Eerste indruk ... al naar de vaantjes Placeholder i.p.v. echte inhoud van het veld

55. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Slechte UX Tuesday 1 April 14 ikbeneenfreelancer.be lanceerde gisteren nieuwe website, vraag om nieuw WW aan te vragen surf naar website, klik in veld, begin te typen #facepalm !!!! Eerste indruk ... al naar de vaantjes Placeholder i.p.v. echte inhoud van het veld

56. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Scherm voor het beheer van locaties in een magazijn. Magazijn ... zones ... locaties. Locaties hebben een straat, vak, niveau en subvak Alles handmatig invoeren is apewerk en dus bouwden we een wizard.

57. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld Tuesday 1 April 14 Scherm voor het beheer van locaties in een magazijn. Magazijn ... zones ... locaties. Locaties hebben een straat, vak, niveau en subvak Alles handmatig invoeren is apewerk en dus bouwden we een wizard.

58. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld Tuesday 1 April 14 Scherm voor het beheer van locaties in een magazijn. Magazijn ... zones ... locaties. Locaties hebben een straat, vak, niveau en subvak Alles handmatig invoeren is apewerk en dus bouwden we een wizard.

59. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Voorbeeld Tuesday 1 April 14 Hij had er ongeveer zo kunnen uit zien. Het zou doen wat het moet doen, maar misschien wat verwarrend. UI was niet slecht, UX gewijs kon er aan gesleuteld worden. Dus bouwden we een visuele voorstelling van het geheel, en plots was het voor gebruikers een WOW tool.

62. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Te Verwarrend Tuesday 1 April 14 Als we het dan toch over verwarrend hebben. Op weg naar Cap Blanc Nez was ik op zoek naar Wissant. Het was 2 km verder, maar mijn mond viel open en ik was compleet verloren toen ik deze borden zag.

63. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Te Verwarrend Tuesday 1 April 14 Zelzate brug heeft een electronisch bord voor de expres weg. Daar stond vroeger op “Brug Open” of “Brug Dicht”. Heel verwarrend ... want “Brug Open” betekent dat nu dat je er kan over rijden of dat de brug open staat om schepen door te laten ? Ondetussen aangepast naar “Brug staat open” met een afbeelding van een openstaande brug.

66. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Te Verwarrend Tuesday 1 April 14 Tijdens de trip naar Zeist kreeg ik een gelijkaardig scherm maar voor een route die 87 km langer zou zijn. In het voorbeeld komt het systeem mij vragen om 29 om te rijden. 29 km langer ? Waarom zou ik kiezen voor 29 km langer ? Meer info ???

67. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 BOM ... Producten zoeken ... toevoegen aan een lijst ...Dual List Boxes ... Explain ... 2 knoppen, of zelfs 4 zou een mooie start zijn. klant wil maar 1 knop, want dat is een innovatieve UI die geen ander product heeft ??? WTF ?!?!? Het zal gegarandeerd voor problemen zorgen ... gebruikers moesten opgeleid worden First User question ... but how do we get the items out ... Our answer ... button changes when

68. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be The Button Story Tuesday 1 April 14 BOM ... Producten zoeken ... toevoegen aan een lijst ...Dual List Boxes ... Explain ... 2 knoppen, of zelfs 4 zou een mooie start zijn. klant wil maar 1 knop, want dat is een innovatieve UI die geen ander product heeft ??? WTF ?!?!? Het zal gegarandeerd voor problemen zorgen ... gebruikers moesten opgeleid worden First User question ... but how do we get the items out ... Our answer ... button changes when

73. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Explain ... it’s always a compromise between different things. Show the search example and how everything evolved ...

74. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Het button verhaal ... deel 2 Zelfde concept ... 2 knoppen ... Dt was het eerste resultaat. Mijn reactie naar de programmeur toe “Nope, no can do ... je ziet toch zelf dat er iets niet klopt met de blanans en het evenwicht op het scherm ?”

75. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Balans Tuesday 1 April 14 Het button verhaal ... deel 2 Zelfde concept ... 2 knoppen ... Dt was het eerste resultaat. Mijn reactie naar de programmeur toe “Nope, no can do ... je ziet toch zelf dat er iets niet klopt met de blanans en het evenwicht op het scherm ?”

78. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Balans Tuesday 1 April 14 Layout van het scherm even analyseren. Kijk eens naar het aantal horizontale lijnen. Ze staan er niet allemaal op, maar daar heb ik het over wanneer ik spreek over een balans of evenwicht in een scherm. Links moet in balans zijn met rechts.

88. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Veel beter, maar nog steeds veel lijnen, en de look en feel tussen links & rechts klopt niet. Wat is de geselecteerde rij ? Niet gebruikte ruimte ? En die buttons man !

89. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Balans (take 2) Tuesday 1 April 14 Veel beter, maar nog steeds veel lijnen, en de look en feel tussen links & rechts klopt niet. Wat is de geselecteerde rij ? Niet gebruikte ruimte ? En die buttons man !

90. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Balans (take 2) Tuesday 1 April 14 Veel beter, maar nog steeds veel lijnen, en de look en feel tussen links & rechts klopt niet. Wat is de geselecteerde rij ? Niet gebruikte ruimte ? En die buttons man !

91. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Zelfde scherm, maar ... Betere balans. Links ziet er gelijkaardig uit aan rechts. Geen verloren ruimte. Delete button onderaan om verkeerd klikken te vermijden. IMHO ... een veel betere User Experience

92. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Balans (take 3) Tuesday 1 April 14 Zelfde scherm, maar ... Betere balans. Links ziet er gelijkaardig uit aan rechts. Geen verloren ruimte. Delete button onderaan om verkeerd klikken te vermijden. IMHO ... een veel betere User Experience

95. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Buttons ... daar heb ik nog een groot probleem mee ... maar het is een pak beter. Achteraf nog kleuren aangepast. Groen is verdwenen en rood enkel in de aantallen kolom (kleurenblind)

96. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Oud vs Nieuw Tuesday 1 April 14 Buttons ... daar heb ik nog een groot probleem mee ... maar het is een pak beter. Achteraf nog kleuren aangepast. Groen is verdwenen en rood enkel in de aantallen kolom (kleurenblind)

102. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Data opzoeken Tuesday 1 April 14

103. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Data opzoeken Zoeken op (bijna) elk veld Tuesday 1 April 14

104. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Data opzoeken Zoeken op (bijna) elk veld Zoeken op combinaties Tuesday 1 April 14

105. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Data opzoeken Zoeken op (bijna) elk veld Zoeken op combinaties Zoekopdrachten bewaren Tuesday 1 April 14

106. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Data opzoeken Zoeken op (bijna) elk veld Zoeken op combinaties Zoekopdrachten bewaren Hoe onze visie langs de Delphi kant over de jaren heen is geëvolueerd Tuesday 1 April 14

107. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Zoeken anno 2003 Tuesday 1 April 14 Eenvoudige zoekopdracht. Altijd AND ... kennis ligt bij gebruiker. Wat als iemand per ongeluk de voornaam in het naam vakje heeft ingevoerd ?

108. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Zoeken anno 2004 Tuesday 1 April 14 Een pak ﬂexibeler. Begins with ... contains ... altijd OR ... Kennis moet nog altijd bij de gebruiker liggen. Hij moet immers weten in welk veld de data werd ingebracht waar hij wil op zoeken.

109. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Zoeken anno 2006 Tuesday 1 April 14 Gelijkaardig aan de vorige versie. Heel ﬂexibel met tal van mogelijkheden. Gelijk aan ... begint met ... bevat geen ... AND / OR ... nog steeds onmogelijk om aan de gemiddelde gebruiker uit te leggen. Hij wil iedereen zien waarvan de naam met STE begint en ook iedereen waarvan de naam met SAN begint.

110. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Zoeken anno 2008 Tuesday 1 April 14 Minder ﬂexibel ... makkelijker voor de gebruiker ... en het ziet er iets beter uit dan de 2003 UI.

111. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Zoeken anno 2012 Tuesday 1 April 14 Search for anything ... default OR ... and & ... Keywords @HeeftFoto @GeenFoto Speciﬁc searches Groep=Omvormers Load and save ﬁlters Gebruiker dient niet te weten in welk veld een code zit ... het systeem zoekt en vindt het wel.

117. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Mooir voorbeeld van 2 apps met dezelfde functionaliteit maar een volledig ander UI / UX

118. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI vs UX Tuesday 1 April 14 Mooir voorbeeld van 2 apps met dezelfde functionaliteit maar een volledig ander UI / UX

119. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI vs UX De User Interface is een deel van de volledige User Experience ... Tuesday 1 April 14 Mooir voorbeeld van 2 apps met dezelfde functionaliteit maar een volledig ander UI / UX

120. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI vs UX De User Interface is een deel van de volledige User Experience ... Het is echter maar een heel klein deel van de volledige User Experience Tuesday 1 April 14 Mooir voorbeeld van 2 apps met dezelfde functionaliteit maar een volledig ander UI / UX

121. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Nemen we 2 applicaties die gelijkaardige functionaliteiten bieden en vergelijken we de UX gmusicbrowser ... open source jukebox Logische ﬂow in de UI ? Wat is de hoofdtaak ? Muziek Afspelen ? Muziek Zoeken ?

122. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be gmusicbrowser Tuesday 1 April 14 Nemen we 2 applicaties die gelijkaardige functionaliteiten bieden en vergelijken we de UX gmusicbrowser ... open source jukebox Logische ﬂow in de UI ? Wat is de hoofdtaak ? Muziek Afspelen ? Muziek Zoeken ?

123. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be gmusicbrowser Tuesday 1 April 14 Nemen we 2 applicaties die gelijkaardige functionaliteiten bieden en vergelijken we de UX gmusicbrowser ... open source jukebox Logische ﬂow in de UI ? Wat is de hoofdtaak ? Muziek Afspelen ? Muziek Zoeken ?

124. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Closed source Jukebox for large collections of music ... 1 ... Play Music 2 ... Find Music Goed ... iTunes is ondertussen ook a zo geevolueerd dat het zijn eigen issues heeft. Het wordt te groot / te log / ...

125. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be iTunes Tuesday 1 April 14 Closed source Jukebox for large collections of music ... 1 ... Play Music 2 ... Find Music Goed ... iTunes is ondertussen ook a zo geevolueerd dat het zijn eigen issues heeft. Het wordt te groot / te log / ...

126. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be iTunes Tuesday 1 April 14 Closed source Jukebox for large collections of music ... 1 ... Play Music 2 ... Find Music Goed ... iTunes is ondertussen ook a zo geevolueerd dat het zijn eigen issues heeft. Het wordt te groot / te log / ...

127. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

128. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

129. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet NOT user interface design Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

130. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet NOT user interface design NOT a step in a process Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

131. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet NOT user interface design NOT a step in a process NOT just about technology Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

132. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet NOT user interface design NOT a step in a process NOT just about technology NOT just about usability Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

133. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet NOT user interface design NOT a step in a process NOT just about technology NOT just about usability NOT just about the user Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

134. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet NOT user interface design NOT a step in a process NOT just about technology NOT just about usability NOT just about the user NOT easy Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

135. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet NOT user interface design NOT a step in a process NOT just about technology NOT just about usability NOT just about the user NOT easy NOT expensive Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

136. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Wat is UX Niet NOT user interface design NOT a step in a process NOT just about technology NOT just about usability NOT just about the user NOT easy NOT expensive NOT a choice Tuesday 1 April 14 1. User interface design It is the system 2. A step in the process It is the process 3. Just about technology It is about behavior 4. Just about usability It is about value 5. Just about the user It is about context 6. Expensive It is ﬂexible 7. Easy It is a balancing act 8. A choice It is a means of survival

137. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Ja, maar het werkt, dus laten we het releasen. Dat hoor ik vaak ... jammer want ... Tijden zijn veranderd ... gebruikers kunnen kiezen ... en er zijn alternatieven die werken, gemakkelijk te gebruiken zijn en er nog goed uitzien ook!

138. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Maar ... het werkt ! Tuesday 1 April 14 Ja, maar het werkt, dus laten we het releasen. Dat hoor ik vaak ... jammer want ... Tijden zijn veranderd ... gebruikers kunnen kiezen ... en er zijn alternatieven die werken, gemakkelijk te gebruiken zijn en er nog goed uitzien ook!

139. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Maar ... het werkt ! Tijden zijn veranderd ... het werkt is is net niet goed genoeg meer! Tuesday 1 April 14 Ja, maar het werkt, dus laten we het releasen. Dat hoor ik vaak ... jammer want ... Tijden zijn veranderd ... gebruikers kunnen kiezen ... en er zijn alternatieven die werken, gemakkelijk te gebruiken zijn en er nog goed uitzien ook!

141. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UX zoals het hoort ... Tuesday 1 April 14

142. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UX zoals het hoort ... Tuesday 1 April 14

143. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UX zoals het hoort ... • Rond beschuit Tuesday 1 April 14

144. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UX zoals het hoort ... • Rond beschuit • Lastig uit de verpakking te halen zonder het te breken Tuesday 1 April 14

145. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UX zoals het hoort ... • Rond beschuit • Lastig uit de verpakking te halen zonder het te breken • Behalve ... Tuesday 1 April 14

146. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UX zoals het hoort ... Tuesday 1 April 14 Bij bolletje.nl was iemand slim genoeg om een kleine inkeping in het beschuit te maken. Net groot genoeg zodat je met de vinger het beschuit uit de verpakking kan halen zonder verpakking of beschuit naar de vaantjes te helpen. Kleine aanpassing maar een fantastische User Experience !!!! Chapeau !

147. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UX zoals het hoort ... Beschuit van Bolletje (www.bolletje.nl) Tuesday 1 April 14 Bij bolletje.nl was iemand slim genoeg om een kleine inkeping in het beschuit te maken. Net groot genoeg zodat je met de vinger het beschuit uit de verpakking kan halen zonder verpakking of beschuit naar de vaantjes te helpen. Kleine aanpassing maar een fantastische User Experience !!!! Chapeau !

151. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 Doe je het goed, dan wacht je eeuwige roem ... en waarschijnlijk ook de aandacht van uw concurrenten

152. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be But when you get it all right Tuesday 1 April 14 Doe je het goed, dan wacht je eeuwige roem ... en waarschijnlijk ook de aandacht van uw concurrenten

153. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be But when you get it all right Tuesday 1 April 14 Doe je het goed, dan wacht je eeuwige roem ... en waarschijnlijk ook de aandacht van uw concurrenten

154. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Tuesday 1 April 14 In ons geval waren gebruikers zo onder de indruk van de UI / UX van onze demo (in vergelijking met wat ze gewoon waren) dat de testers het product binnen het bedrijf van de klant al aan het promoten waren nog voor de eerste release af was. Ik denk dat onze concurrenten had geschrokken waren ... na onze release ... lieten zij een Web versie zien aan de klant, en ik had zo het gevoel dat ik alles al eens eerder had gezien.

155. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be ... of zoals in ons geval ... Tuesday 1 April 14 In ons geval waren gebruikers zo onder de indruk van de UI / UX van onze demo (in vergelijking met wat ze gewoon waren) dat de testers het product binnen het bedrijf van de klant al aan het promoten waren nog voor de eerste release af was. Ik denk dat onze concurrenten had geschrokken waren ... na onze release ... lieten zij een Web versie zien aan de klant, en ik had zo het gevoel dat ik alles al eens eerder had gezien.

158. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be Vragen ? Tuesday 1 April 14

161. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI <> UX Tuesday 1 April 14

162. Stefaan Lesage Email : Stefaan.Lesage@devia.be / Twitter : @StefaanLesage http://www.devia.be UI <> UX En waarom jullie daar aandacht aan moeten besteden Tuesday 1 April 14

Ui ≠ UX en waarom jullie daar meer aandacht aan moeten besteden

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (14)

Mehr von Stefaan Lesage

Mehr von Stefaan Lesage (9)

Ui ≠ UX en waarom jullie daar meer aandacht aan moeten besteden