Ontwerpkritiek: blogplatforms
De meeste ontwerpers zijn bekend met de relatieve voor- en nadelen van verschillende publicatietools - maar hoe zit het met de websites van de blogplatforms zelf? We weten allemaal dat je een boek niet op zijn omslag moet beoordelen, maar ik zou zeggen dat het geen kwaad kan om te kijken ...
We gaan de homepage bekijken voor vier populaire platforms: WordPress, Textpattern, ExpressionEngine en Blogger. Welke zijn mooi genoeg om je te dwingen hun platform te gebruiken, en welke hebben het ontwerp van een hello kitty-broodrooster? Hopelijk kun je door een kritiek op deze ontwerpen een aantal goede tips mee naar huis nemen voor gebruik in je eigen werk.
Ontdek ontwerpbronnen
WordPress
De WordPress-startpagina heeft onlangs een volledig nieuw ontwerp ondergaan voor de release van versie 2.5 van de software. Hoewel de site een enorme hoeveelheid inhoud heeft, is de startpagina eenvoudig en gemakkelijk te lezen.
Wat werkt:
- Het gebruik van oranje om downloadlinks te markeren, maakt de taak dat de meeste mensen de site bezoeken eenvoudig
- De stijl van taal - "WordPress is tegelijkertijd gratis en onbetaalbaar" is een geweldige zin.
- Het maakt WordPress begrijpelijk voor iemand die heel weinig kennis heeft van technische aspecten. De woorden PHP en MySQL worden niet eens genoemd!
- Invoervelden voor formulieren zijn zorgvuldig ontworpen
Wat werkt niet:
- De WordPress voor Dummies-afbeelding in de benedenhoek botst met het kleurenschema
- Het feit dat de site ironisch genoeg niet wordt aangedreven door WordPress
Tekstpatroon
Textpattern is het meest basale ontwerp en gaat niet erg ver om zichzelf te 'verkopen' aan potentiële gebruikers. Echter, met alle aandacht voor tekstuele inhoud doet het zijn naam eer aan. We gebruiken Textpattern om bepaalde secties van Design Shack te publiceren en we zijn er meer dan blij mee!
Wat werkt:
- Het splitsen van de lay-out met alleen tekstkolommen schreeuwt professionaliteit
- Een subtiel gebruik van geel definieert het 'merk' van Textpattern
- De vereisten en interfacefuncties zijn snel gevonden
Wat werkt niet:
- De site is gericht op de technisch ingestelde
- Er is geen benadrukt tekstgebied dat de software introduceert
- Schermafbeeldingen worden weergegeven op een vrij platte en oninteressante manier
- De downloadlink is lastig te zien
- De hoeveelheid inhoud op de pagina is buitensporig, waardoor bezoekers een beetje te snel worden overbelast
Blogger
Blogger verschilt van de andere platforms die we analyseren omdat het een gehoste service is. Aangedreven door Google, kunnen volledig niet-technisch ingestelde mensen met gemak beginnen met het publiceren van een blog.
Wat werkt:
- Inhoud is eenvoudig gehouden met een minimum aan technische informatie
- Het idee '3 eenvoudige stappen' leidt de gebruiker gemakkelijk door een eenvoudig proces
- Branding wordt goed gebruikt, waarbij het Blogger-logo in de gedachten van de lezers wordt gedrukt
Wat werkt niet:
- Het gebruik van typografie wordt verward met te veel verschillende effecten, kleuren en gezichten
- De site mist professionaliteit, duidelijk gericht op een bepaalde gebruikersgroep
- De pictogrammen zien er beslist gedateerd uit
- Tabellen worden gebruikt voor lay-out in bepaalde gebieden die echt met CSS moeten worden gestileerd
Expression Engine
Als het enige commercieel verkochte platform in deze analyse heeft Expression Engine een ander motief om uitgevers ervan te overtuigen hun software te gebruiken. Dit leidt tot een ontwerp dat meer doet denken aan andere commerciële softwaresites.
Wat werkt:
- Een professioneel, goed ontworpen kleurenschema
- Het gebruik van inhoud met tabbladen op de startpagina om een grotere hoeveelheid informatie op een visueel aantrekkelijke manier weer te geven
- De website wordt aangedreven door Expression Engine zelf
- In tegenstelling tot Blogger zijn de pictogrammen en afbeeldingen gebruikt en professioneel en goed gemaakt
Wat werkt niet:
- Het vetgedrukte logo voor het gedeelte met getuigenissen trekt meteen de aandacht - weg van het hoofdlogo van Expression Engine
- Vanwege het zware grafische karakter van de pagina is de laadtijd iets langer dan bij de andere ontwerpen
Lessen om mee te nemen
- Van WordPress: Leg de nadruk op de belangrijkste reden waarom de gebruiker naar de site is gekomen, in dit geval om de software te downloaden
- Van Textpattern: Te veel informatie kan de lezer overbelasten en een merk kan worden gemaakt met één enkele kleurlijn
- Van Blogger: leid de gebruiker door een proces
- Van Expression Engine: door een dynamisch gebied te gebruiken, kan meer informatie worden overgebracht zonder de gebruiker eerst te overbelasten
We hopen dat u genoten heeft van dit concept van "ontwerpanalyse" en dat u het nuttig vond. Voel je vrij om je twee cent te geven aan de bovenstaande ontwerpen in de reacties.
