Share
Projecten variëren in omvang en omvang, en de uitdagingen die zij met zich meebrengen variëren eveneens. Als eenzame webdesigner is FlashDen de grootste taak waarvoor ik verantwoordelijk ben. Samen met duizenden actieve leden die allemaal chatten, uploaden en kopen, verwerkt de site grote hoeveelheden geld en grote hoeveelheden verkeer.
Het ontwerpen, opnieuw ontwerpen, onderhouden en werken met een ontwikkelaarsteam heeft mij enkele nuttige inzichten en tips gegeven om het leven gemakkelijker te maken. En sinds vandaag hebben we mijn laatste herontwerp van de site gelanceerd, het lijkt me een goed moment om mijn top 7-tips op te stellen!
De eerste en grootste tip die ik kan geven is om de site zo te ontwerpen dat deze eenvoudig te onderhouden is. Vaak kun je bij het ontwerpen van een site dingen opofferen voor esthetiek. U kunt bijvoorbeeld afbeeldingen gebruiken waar tekst of stijlen volstaan. Of u kiest bewust een menustructuur die geen ruimte biedt om te groeien. Als de site groot is, wordt dit een heel slecht idee.
Toen ik de allereerste versie van FlashDen bijna twee jaar geleden bouwde, gebruikte ik afbeeldingen voor knoppen. Ze zagen er heel leuk uit, maar ik kreeg een bibliotheek met 100 verschillende knopafbeeldingen en niet te vergeten rollovers. Toen, in de komende paar maanden, telkens als een ontwikkelaar een nieuwe knop nodig had, moesten ze me vragen een afbeelding te maken. Onnodig te zeggen dat ik die les vrij snel heb geleerd, en we zijn overgeschakeld naar een enkele knopklasse die er misschien niet zo goed uitziet maar veel beter is voor gemoedsrust.
Een ander aspect van onderhoudbaarheid is nadenken over hoe de site gaat groeien en veranderen. Als er bijvoorbeeld nieuwe pagina's worden toegevoegd, waar gaan ze dan naartoe? Al vroeg wilde ik een horizontale navigatie, maar dit is echt beperkt. Na wat experimenteren, zijn we geliquideerd met behulp van een verticale nav, waarmee submenu-items mogelijk zijn en vervolgens is er een tabstructuur toegevoegd aan pagina's zodat gerelateerde pagina's kunnen worden gegroepeerd. Ik zeg niet dat dit de beste navigatie ter wereld is, maar het betekent zeker dat we niet elke keer opnieuw een nieuwe sectie toevoegen aan de site.!
Houd dus bij het ontwerpen voor een grote site op zoek naar manieren om het leven later eenvoudiger te maken, want je zult blij zijn dat je het hebt gedaan!
Een van de grootste verschillen tussen een grote en een kleine site is het aantal verschillende gebruikerstypen die de site mogelijk gebruiken. Op FlashDen zijn bijvoorbeeld kopers, auteurs, bezoekers, beheerders en leden. Elke groep heeft een andere reeks doelen en taken die ze moeten uitvoeren. Soms overlappen deze taken elkaar, maar soms zijn ze heel anders.
Het beste voorbeeld van een plek waar gebruikerstaken op gespannen voet staan met elkaar staat op een startpagina. Nergens anders op een site komt elke gebruikersgroep samen, en nergens anders is het zo belangrijk om ervoor te zorgen dat iedereen krijgt wat ze willen. En natuurlijk moet je oppassen dat je bij het bedienen van een gebruikersgroep niet een ander negeert.
In dit nieuwste herontwerp van FlashDen was het hoofdgedeelte waar ik aan werkte de startpagina. Het eerste wat ik deed was mezelf alle dingen voor te stellen die elke gebruikersgroep moet doen:
Wanneer u weet wat verschillende gebruikersgroepen willen doen, kunt u een pagina ontwerpen die al hun behoeften oplost. Onnodig te zeggen dat dit een taak is die exponentieel moeilijker wordt naarmate er meer groepen en taken zijn. Op andere pagina's van de site zul je vaak een subset van gebruikersgroepen krijgen om je zorgen over te maken, maar op de startpagina komen ze allemaal samen. Niet toevallig is de startpagina het belangrijkste stukje ontwerpwerk dat je op een site moet doen.
Voordat u de verschillende behoeften kunt oplossen, moet u echter prioriteit geven aan de gebruikersgroepen. Als u dat wilt doen, moet u weten wat de site probeert te bereiken..
Hoewel elke gebruikersgroep van nature vindt dat ze het belangrijkst zijn, is het aan jou om ze te prioriteren op basis van wat de site zelf probeert te bereiken. Op FlashDen hebben we bijvoorbeeld, na een vergadering met het team, een aantal conclusies getrokken:
Hieruit volgt dat het mogelijk is om te concluderen dat de startpagina in deze volgorde naar servergebruikers moet gaan: Bezoekers> Kopers> Auteurs> Leden> Beheerders.
Inzicht in wat uw site probeert te bereiken, is de laatste draad die uw gebruikerstaken samen naait en vertelt u wat u op de pagina zou moeten proberen te zetten. In het ideale geval moet u op elke belangrijke pagina de gebruikersgroepen, taken en prioriteiten identificeren. Voor een vitale pagina zoals de startpagina, doe ik dit formeel op papier, en voor mindere pagina's zal ik het vaak gewoon in mijn hoofd doen tijdens het ontwerpen.
Het is alleen na je hebt gebruikersgroepen, taken, doelen op de site, prioriteiten etc. ontdekt dat het tijd is om te ontwerpen! Het is heel belangrijk dat je dit als eerste doet, want op praktisch niveau wordt de kans dat je teruggaat en je ontwerp opnieuw gaat drastisch verlaagd. Wanneer ik net ben begonnen met het ontwerpen van een grote site zonder eerst echt te analyseren, moest ik onvermijdelijk veel schermen of zelfs hele interfaces herwerken.
Veel ontwerpers gebruiken wireframes graag op dit punt - dat wil zeggen dat je eenvoudig een aantal regels en vakken moet opmaken die ongeveer aangeven waar dingen naartoe moeten gaan. Persoonlijk werk ik het liefst in Photoshop omdat ik snel genoeg ben en het me echt laat zien wat er gaat gebeuren. Ik denk ook dat er meer is in het ontwerpen van informatie dan waar iets op een pagina verschijnt. Eenvoudigweg het veranderen van kleuren en achtergrondkleuren kan een pagina-element verderop in de pagina opeens belangrijker lijken.
Als je eenmaal een globaal idee hebt van hoe de informatie moet samenwerken, moet je een werkend ontwerp bedenken dat in het algemeen in orde is, en dan verfijnen, verfijnen, verfijnen. Ik zal vaak eindigen met vijf of zes versies van dezelfde look, waarbij ik verschillende dingen heb geprobeerd, zoals lettergroottes, afbeeldingen, lay-outaanpassingen, achtergronden, enzovoort, om te zien hoe dit van invloed is op de informatie die u presenteert.
Hoe goed je de eerste lay-out ook vindt, ik kan je garanderen dat je na meer tijd te hebben besteed aan het bedenken van meer versies, hebt ontdekt dat je origineel niet zo goed was als je eerst dacht. Soms eindig je met het weggooien van het hele ontwerp en opnieuw beginnen, maar als je een goede basis hebt, moet je met verfijnen een goede afwerking krijgen.
Bij elke grote taak zul je veel andere meningen betrokken hebben. In de meeste gevallen zijn dit de meningen van uw klant. Voordat ik met FlashDen begon, werkte ik met allerlei bedrijven die websites bouwden. Onder hen had ik het ongeluk om te ontwerpen voor verschillende grote verzekeringsmaatschappijen en enkele overheidsorganisaties. Ik zeg tegenslag, want als je bij die klantgrootte komt, heb je te maken met een lot van belanghebbenden, en in veel situaties is het niet duidelijk waar de echte beslissingsbevoegdheid ligt. Dit kan resulteren in eindeloze vergaderingen, eindeloze veranderingen en een hoge moeilijkheidsgraad voor het uitvoeren van uw visie.
Wat de klant ook is, het is echt belangrijk om zijn mening te krijgen. Afgezien van iets anders, weten ze in de meeste gevallen veel meer over het bedrijf dan jij. Hopelijk weten zij ook meer over de gebruikers dan u, en met deze kennis zullen zij in staat zijn om constructief advies te geven.
Het is ook belangrijk om de mening te vragen van het ontwikkelingsteam waarmee u werkt. Bij FlashDen hebben we het geluk dat we twee ontwikkelaars hebben met veel kennis van ontwerp en bruikbaarheid van de gebruikersinterface. En hun inbreng, samen met de rest van het team, maakte veel verschil voor het eindproduct.
Maar uiteindelijk is het aan jou als expert om de laatste oproep te doen. Als je een lastige klant hebt, kan dit lastig zijn, omdat een klant vaak denkt dat ze de laatste keer moeten bellen. Als dat het geval is, moet u (a) manieren vinden om de klant uit te leggen, te onderwijzen en te laten zien dat uw keuzes in hun voordeel zijn; en (b) soms bijt de kogel op en aanvaard de richtlijnen van de klant als een extra beperking in uw project en zoek manieren om het te laten werken.
Wanneer u een ontwerp voor een grote site codeert, is het echt belangrijk om opnieuw na te denken over de toekomst. Hoe u uw bestanden en mappen beheert, zal u later enorm beïnvloeden. Onlangs hebben we bijvoorbeeld besloten om een zustersite te bouwen voor FlashDen die zich alleen op audio richt, genaamd AudioJungle. Om het eenvoudiger te maken, zal de site dezelfde HTML gebruiken, met alleen stylesheets om het op een andere site te laten lijken. Een dergelijke ontwikkeling werpt allerlei nieuwe uitdagingen op voor mijn bestands- en mapstructuren, mijn stylesheets en mijn HTML. Hier zijn enkele dingen om in gedachten te houden:
Hoe groter de site, hoe kleiner de kans dat een ontwerper elke pagina te zien krijgt of wijzigt. Als je een enkele ontwerper bent op een grote site zoals ik, dan wil je misschien ook niet voor alles worden ingeschakeld. Het loont dus om een stylesheet te maken die er bijna standaard altijd goed uitziet. Bijvoorbeeld:
En dit wikkelt standaard de tekst in met een mooie kleine rand eromheen en een kop. Het is gemakkelijk voor een ontwikkelaar om mee te werken en het is een goede taak om tekst te scheiden en het leesbaarder te maken. We hebben ook een zijbalkonderdeel, dat is gewoon een ander pakket voor extra tekstinhoud, maar dat maakt de pagina er weer visueler uit.
Uiteraard is het optimaal als elke pagina door een ontwerper gaat, maar het is ook veel minder stressvol omdat je weet dat zelfs als dat niet het geval is, het er toch professioneel en uniform uit zal zien.
Dus dat zijn mijn tips. Als u een aantal van uzelf heeft om op grotere sites te werken, laat dan een reactie achter!
Accentsconagua