Het balans tussen Design en Development, en waarom dit belangrijk is. - sanneduinkerx/weekly-nerd-2021 Wiki

De balans tussen design en development βš–οΈ

Iedereen gebruikt het web 🌎

In April 2021 telde Datareportal dat er 4.72 miljard mensen, 60% van de populatie, het internet gebruiken en komen er 900.000 gebruikers bij PER dag (Datareportal, 2021). Het wordt niet meer alleen gebruikt om informatieve artikelen te delen, waardoor Tim Berners-Lee het World Wide Web had bedacht (Wikipedia, 2021). Het is zover uitgegroeid dat we tegenwoordig leven op het internet, zeker in deze corona tijd. We kijken Netflix, luisteren muziek, delen alles via social media en lezen zelfs het nieuws online. Omdat zoveel gebruikers nu het internet gebruiken is de balans tussen development en design zo belangrijk. Gebruikers willen zo makkelijk en snel mogelijk het internet kunnen gebruiken. Maar we weten dat het best wel een chaos kan zijn.

Waarom het belangrijk is als developer om UX te begrijpen 🎨

User experience design is belangrijk om als frontend developer te begrijpen. 80% van de gebruikers komen niet terug naar een website of applicatie bij een slechte gebruikerservaring (Bugreporting, z.d.). Of de code nou goed is of niet, gebruikerservaring en de voorkant van de website is net zo belangrijk. Als front-ender gaan we er vaak vanuit dat iedereen het begrijpt omdat wij het begrijpen. Maar wij zijn niet de enige die het web gebruiken. Door beter te begrijpen hoe je ux design kan toepassen als front-ender wordt de gebruikerservaring beter voor de gebruiker. Wanneer je nauw binnen een team werkt met UX designers gaat de samenwerking beter als je ook UX begrijpt. Nou hoef je niet meteen pro te zijn in User Experience design, maar als je de basis snapt en combineert met de kennis van front-end maak je hiermee de betere applicatie. Belangrijk is om goede feedback te geven aan de gebruiker, bijvoorbeeld bij het laden van een pagina of wanneer er iets fout gaat. Daarnaast moet er 1 grote actie zijn die duidelijk is voor de gebruiker. En een knop moet er uit zien als een knop met de juiste states (Porter, J., z.d.). Dit zijn voorbeelden van UI principles en UI states. Dit zijn belangrijke principes om toe te passen binnen je code.

Waarom het als designer belangrijk is om Front-End te begrijpen πŸ€“

Dit geldt natuurlijk ook andersom voor UX designers. Ik merk zelf dat niet veel mensen binnen UX design veel van code weten, behalve de basis HTML, CSS en een heel klein beetje Javascript. Wat developers goed kunnen is high performance, en dit is een belangrijke factor binnen webdesign omdat gebruikers namelijk weg gaan als de pagina te langzaam laadt of sloom is (bugreporting, z.d.). Dit is ook een onderdeel van User Experience design om de beste ervaring neer te zetten voor de gebruiker. Als je als designer niet genoeg weet van de technische kant weet je ook niet wat er allemaal mogelijk is en wat niet. Je kan wel een ontwerp gaan maken met alles erop en eraan maar als een developer zegt,β€˜dit is niet mogelijk of vanwege de deadline is dat niet haalbaar, moet je weer dingen gaan schrappen of misschien opnieuw beginnen. En soms weet je ook niet wat er allemaal bij komt kijken, technisch gezien. Zoals een applicatie moet misschien ook offline werken en zo min mogelijk bestanden in een keer verzenden tussen client en server side. Als je als designer grotendeels snapt hoe het technisch in zijn werk gaat, kun je ook makkelijker in overleg met een developer. Je weet wat wel en niet kan en je kunt daar ook je ontwerpen op afstemmen.

In conclusie, het geldt voor beide kanten, developers en designers dat je van elkaar snapt en begrijpt wat het inhoudt en hiermee zet je de beste app/website/applicatie neer. Daarnaast gaat de samenwerking ook beter als je begrijpt van elkaar wat je doet en wat het kost.

Bronnenlijst:

  1. Bugreporting. (z.d.). 15 Reasons Developers Need To Learn UX Design. Geraadpleegd op 6 juni 2021, van https://www.bugreporting.co/blog/15-reasons-developers-need-to-learn-ux-design
  2. Datareportal. (2021, april). Digital Around the World. DataReportal – Global Digital Insights. https://datareportal.com/global-digital-overview
  3. Ojo, L. (2018, 28 mei). Designing UI states. Medium. https://ojopeta.medium.com/designing-u-i-states-b4847695d23d
  4. Porter, J. (z.d.). Principles of User Interface Design. Principles of User Interface Design. Geraadpleegd op 6 juni 2021, van http://bokardo.com/principles-of-user-interface-design/
  5. Wikipedia contributors. (2021, 2 juni). World Wide Web. Wikipedia. https://en.wikipedia.org/wiki/World_Wide_Web