Ik zal eerlijk zijn. Het leven van een webontwikkelaar is best lief. We worden betaald om de hele dag rond een open kantoor te zitten om problemen op te lossen die we waarschijnlijk toch zouden doen als we niet betaald zouden worden. We werken ook met mensen die, omdat ze niet helemaal begrijpen wat we doen of hoe we het doen, ons met een zeker bootlikkend ontzag beschouwen. Dit komt niet ten goede aan ons vergrote gevoel van eigendunk.
Helaas zijn sommige van die mensen ook dezelfde mensen die ons vertellen wat we moeten doen. (Zullen de visuele ontwerpers alstublieft opstaan?). En omdat ze niet helemaal begrijpen wat we doen, moeten we soms dingen doen waardoor we ons eerlijk gezegd vies voelen. Om nog maar te zwijgen van het feit dat je door PSD-bestanden moet navigeren die zo duivels georganiseerd zijn dat je zou denken dat ze met opzet zo zijn gemaakt. (Maar dat is oké, want we vinden het ook leuk om puzzels op te lossen.)
Dus, visuele ontwerpers, hier is een lijst met 20 dingen die ontwikkelaars gek maken. Als je niet minstens 15 doet, probeer je niet hard genoeg.
1. Voeg afgeronde hoeken toe aan elk afzonderlijk element op de pagina. Voeg, terwijl je toch bezig bent, ook schaduwen en verlopen toe.
2. Gebruik dezelfde PSD als uitgangspunt voor elk project. Verberg ongebruikte lagen, maar verwijder ze niet. Zorg ervoor dat uw PSD minimaal 100 MB is.
3. Gebruik sIFR op elk stuk tekst. Bonuspunten als u een lettertype kiest dat erg lijkt op Arial.
4. Gebruik nooit dezelfde afmetingen op elementen. Geef elk een andere lettergrootte en kleur (gebruik voor zwart # 000000, # 111111, # 121212 ...).
5. Gebruik veel doorbraakafbeeldingen met transparantie. Webontwikkelaars houden van afbeeldingen die uit kaders en kolommen breken. Bonuspunten als u tekstomloop rond afbeeldingen toevoegt.
6. Voeg een modaal venster toe. Minstens de helft van de site zou in een modaal venster moeten plaatsvinden.
7. Voeg een Facebook Connect-knop toe. Het is maar een knop. Hoe moeilijk kan het zijn om te implementeren?
8. Verberg belangrijke PSD-lagen. Vertel de ontwikkelaar later dat ze een verborgen element hebben gemist.
9. Maak knoppen met rollover, actieve en aangeklikte staten. Vertel niemand dat je dit hebt gedaan. Maak een apart bestand voor hen en stuur het op het laatste moment door. We houden van verrassingen.
10. Vertel de ontwikkelaar over een aantal mooie functies waarover u ergens op een blog leest. Vertel ze dan dat ze het moeten bouwen, want als je het ergens hebt gezien, is het duidelijk mogelijk.
11. Voeg een carrousel toe. Oh ja, en zorg ervoor dat het een carrousel op volledig scherm is.
12. Gebruik Lorem Ipsum in plaats van echte kopie. En zorg ervoor dat de gereserveerde ruimte niet groot genoeg is voor een echte kopie.
13. Voeg willekeurig PSD-lagen samen. Waarom niet? (Maar voeg er niet te veel samen. Het brengt je verder weg van het magische doel van 100 MB).
14. Noem al uw bestanden ’final’, plus een datum en een willekeurige letter (final-2010-12-01a.psd, final- 2010-12-01r.psd, final-2010-12-02b.psd).
15. U hoeft zich geen zorgen te maken over het aanbrengen van wijzigingen nadat alles is afgemeld. Als we klaar zijn met een pagina, stuur dan een andere, compleet andere versie ervan. En vertel ons dat die veranderingen nodig en essentieel zijn voor de gebruikerservaring.
16. Geef uw PSD-lagen en mappen geen naam en orden ze niet.
17. Als u een formulier ontwerpt, vergeet dan de fout- en successtatussen. We zullen dat spul ergens in persen. We houden ervan om uw bedoelingen te raden.
18. Nodig bij het ontwerpen van een website geen ontwikkelaars uit voor brainstormsessies of ontwerpvergaderingen. Zorg ervoor dat wij de laatsten zijn die de lay-out kunnen zien. Laat het eerst aan de klant zien, zodat het te laat is om zelfs maar een klein beetje gezond verstand in uw werk te introduceren.
19. We zouden vaker moeten rondhangen, dus gebruik tijdens QA geen software voor het opsporen van fouten. Kom een hele dag bij ons zitten en wijs over onze schouders op de veranderingen die u wilt aanbrengen. Maak ook van de gelegenheid gebruik voor enkele spontane ontwerpupdates.
20. En tot slot is dit het belangrijkste: leer niets over HTML-, CSS-, JavaScript- of browserproblemen. Hoe minder u ervan weet, hoe belangrijker we lijken.
Woorden: Rafael Mumme is een iOS-ontwikkelaar bij Yahoo New York.
Dit artikel is oorspronkelijk verschenen in nummer 205 van het .net-magazine - 's werelds best verkochte tijdschrift voor webontwerpers en -ontwikkelaars.
