Geef je ontwerpproces een boost. Andrée Lange Wordcamp Rotterdam 24 Maart 2018

Transcriptie

1 Geef je ontwerpproces een boost Andrée Lange Wordcamp Rotterdam 24 Maart 2018

2

3 NOPE.

4 Duur Snel Scope downgraden Grootte van scope Goedkoop Minder snel

5 Zeldzaam Snel Grootte van scope Goedkoop

6 Realiteit + Budget Tijd

7

8 Klanten

9 Meer vrijheid

10

11 Responsive design

12 Agile methodiek Versie A Versie B Versie C

13 (Bijna) geen beperkingen in techniek

14 Probleem

15 Kun je het niet gewoon mooi maken.

16 Goed ontwerp = problemen oplossen *

17 We proberen vaak zo volledig mogelijk te zijn

18 We raken te snel in details verwikkeld

19 Pagina s uitwerken Ofwel; mock-ups Vaak gedetailleerd uitgewerkt Tijd nodig om op te zetten Klant kan hier lastig doorheen kijken Itereren op mock-ups kost veel energie

20 Versie A Versie B Versie C En dit gebeurd ook regelmatig

21 Hiermee frankensteinen * wij eigenhandig ons ontwerp * Frankenstein; A thing that becomes terrifying or destructive to its maker.

22 "Bepaal welke factoren leiden tot succes en zorg dat deze gescheiden zijn van smaak.

23 Focus eerst op stijlelementen

24 Moodboards Geeft sfeer weer d.m.v. beeld, kleuren etc. Snel om op te zetten Biedt te weinig diepgang Klant kan zich niet verplaatsen in hoe online eruit komt te zien

25 Moodboard Te vaag en niet specifiek genoeg Style tiles Snel een duidelijke online look & feel Mock-ups Te gedetailleerd en verwarrend *

26 Style tiles

27 Style tile LOGO Een visuele stijl definiëren d.m.v. elementen en principes van design Elementen; kleuren, typografie, vormen, lijnen, patronen, texturen, UI elementen etc. Principes; het gevoel (eenheid, ritme, balans, harmonie etc.)

28

29

30 Maar hoe ga je nou eigenlijk te werk?

31 Luister naar de klant

32 Luister Vergaar zoveel mogelijk informatie Kick-off meeting Per klant verschillende aanpak Stel zoveel mogelijk vragen over voor wie, wat en hoe? Laat de klant praten

33 Maak een interpretatie

34 Interpreteer Dit maakt ons ontwerpers Vertaal klant feedback naar visuele guidelines Visuele guidelines in de vorm van ontworpen elementen

35 Definieer de visuele stijl

36 Stijl definiëren Een visuele stijl definiëren d.m.v. elementen en principes van design Elementen; kleuren, typo, vormen, lijnen, patronen, texturen etc. Principes; het gevoel (eenheid, ritme, balans, harmonie etc.)

37 bestellen

38 Dit betekent niet dat je er direct bent; itereer!

39 Waarom style tiles?

40 Je scheid vorm van functie

41 Je ontwerp is beter schaalbaar

42 Betere communicatie tussen jou en de klant

43 Maar ook de communicatie binnen je team

44 Het is efficiënter

45 Het helpt je klant te overtuigen

46

47 Als je zelf bijdraagt aan iets dan ben je meer betrokken en eerder geneigd het te waarderen.

48 What s next?

49 Betekent dit dat mock-ups de deur uit kunnen? Zeker niet.

50 Style tiles helpen je ontwerp proces sneller op gang te brengen.

51

52 Nieuwsgierig naar meer? Component Based Design Maar dat is een verhaal voor een ander keertje ;-) *

53 Trui winnen? Kom langs bij de Level Level stand! WIN! Peter niet inbegrepen

54 Thanks! Slides bekijken? Dree90 linkedin.com/in/andreelange/

55 Resources