Hoe MediaKip aan zijn nieuwe design kwam

6 april 2009

Zoals je wel merkt is MediaKip in een nieuw jasje gestoken. Het is niet de eerste keer dat dit jasje veranderd is, maar hopelijk wel één van de laatste keren. Er bestaat de kans dat je denkt: Jeetje, is dit een WordPress theme uit het jaar ’96 die je hebt opgelapt, Michel? Niets is minder waar. Er is juist erg veel tijd en energie in dit simpele, trendloze nieuwe ontwerp gestoken. Laat me wat dingen uitleggen.

Uitgangspositie

De reden dat ik een nieuw ontwerp wilde was simpelweg het feit dat het oude ontwerp gebaseerd was op een gratis template. Dit wilde ik niet meer. Zeker niet omdat mijn weblog een deel vormt van mijn portfolio als interactie ontwerper. Het mag in mijn ogen niet zo zijn dat een professioneel ontwerper een gratis jasje gebruikt. Of… het moet wel een verschrikkelijk goed jasje zijn. Maar dat was het niet.

Bovendien begon ik ruim een jaar geleden te bloggen zonder voorbedachte rade. Oftewel: ik had nog niet bedacht waarover ik ging schrijven, hoe frequent en hoe lang mijn artikelen zouden worden. Ik had nog geen vorm. Na een jaar bloggen is er iets meer duidelijk. Dit helpt ontzettend bij het inrichten van een nieuwe blog.

Ik blog ongeveer 3/4 keer per maand
Mijn artikelen gaan bijna altijd over usability, nieuwe diensten of web2.0
Af en toe schrijf ik een column

Bij het nieuwe ontwerp heb ik ervoor gekozen de volgende prioriteiten te stellen

De focus ligt puur op de inhoud van de artikelen
Doel: Meer nieuwe abonnementen op mijn RSS Feed aantrekken
Minder trendgevoelig (het ontwerp mag langer meegaan)

1. De focus ligt puur op de inhoud van de artikelen

Ik lees dagelijks een groot aantal artikelen op weblogs. Eentje die ik bijzonder waardeer om zijn leesbaarheid is die van mijn Belgische collega Johan Ronsse, Wolf’s Little Store. Wat ik het meeste waardeer is het feit dat ik tijdens het lezen van zijn artikelen nooit ben afgeleid door randzaken. Er is geen sidebar. Navigeren gaat door middel van verwijzing naar de homepage, of de volgende / vorige knop.

Toch heb ik lang getwijfeld of ik ook zal afstappen van de sidebar. De beslissing is gevallen. Ik gebruik geen sidebar. De vreugde van de focus op het artikel alleen was voor mij een belangrijkere factor dan dat bezoekers wellicht meer doorklikken bij lijstjes aan de rechterkant. De lijstjes zijn bovendien voor mijn website niet zo relevant; De datum van het artikel (meest recente), de meeste reactie’s. Het zijn allemaal factoren die er eigenlijk bij mijn artikelen weinig toe doen. Denk ik.

De doelgroep van mijn weblog is al vrij specifiek: Mensen geïnteresseerd in interactie ontwerp, usability, webdesign en sociale media. Daarom vond ik het onnodig om categorieën aan te bieden op iedere pagina. Een sidebar is ook overbodig op dit moment. Ook bleek uit de praktijk dat de Relevante Blogposts onder elk artikel vaak niet zo relevant waren. Daarom heb ik er nu voor gekozen om artikelen uit dezelfde categorie te laten zien.

De categorieën – die onzichtbaar zijn, maar slechts bij een artikel worden aangeboden – heb ik als volgt verdeeld: Accessibility, Columns, Festival / Congres, Flash, Interactie Ontwerp, Meldingen, Mobiel, Nieuwe diensten, Reclame, Usability, Web2.0, WordPress, XHTML en CSS en Zoekmachine.

2. Doel: Meer nieuwe abonnementen op mijn RSS Feed

Terugkerende bezoekers zijn voor een weblog – en dus ook voor MediaKip – belangrijk. Ik waardeer het als mensen vaker terugkomen. En het is natuurlijk goed om van die community feedback of reacties te ontvangen. Daarom is één van de belangrijkere doelen ook geworden: Meer abonnementen op mijn RSS Feed. Dit moet gaan gebeuren door de grote actieknop rechtsboven en andere verwijzingen naar mijn RSS Feed.

3. Niet meer trendgevoelig

De moeilijkste keuze voor mijzelf was om het design minder trendgevoelig te maken. Ik heb geëxperimenteerd met de meest sexy ontwerpjes. Ben onder de indruk van en geïnspireerd door Yoast. En als vormgever van huis uit ben ik natuurlijk gevoelig voor schoonheid.
Toch is dit het geworden. Dit functionele, maar echt niet sexy, ontwerp. Geen makkelijke keuze, maar wel de meest zekere voor mij. Nu weet ik zeker dat ik even doorkan, dat de inhoud voorop moet staan en dat bezoekers het weblog kunnen begrijpen. Bovendien is er de ruimte in het ontwerp om door te groeien, mocht dit in de toekomst nodig blijken.

Uitvoering

De XHTML en CSS zijn zo semantisch mogelijk opgezet. Dat was ook niet moeilijk binnen dit design. Er is één extra plugin geïnstalleerd: Other posts from cats. Deze zorgt ervoor dat onder elk artikel een lijst verschijnt met andere artikelen uit dezelfde categorie.

Natuurlijk ben ik benieuwd naar jullie feedback en advies! Dus. Kom maar op. Schieten mag ook

Ben je het met me eens, of totaal niet? Heb je tips of advies? Ik ben benieuwd, laat hieronder jouw reactie achter

Andere artikelen uit de categorie Interactie Ontwerp

Interessant artikel? Abonneer op de RSS Feed en blijf op de hoogte!

6 Reacties op "Hoe MediaKip aan zijn nieuwe design kwam"

Bèr zei:

Gedurfd. Dat zeker. Een verbetering: ik denk van wel.

Form follows function in extrema? Nee, volgens mij form follows function zoals het bedoeld is: je ontwerp is namelijk zeker mooi. Op de manier waarop een roman ook mooi opgemaakt kan zijn: door witruimte en font-design correct toe te passen. Zie ook http://informationarchitects.jp/the-web-is-all-about-typography-period/

Ook de beslissing om je zijbalk weg te halen is gedurfd, maar volgens mij een goede. Op inhoudelijke weblogs is er immers zelden een relatie tussen posts op basis van tijd: wat je gisteren schreef is meestal irrelevant voor iemand die een willekeurig ander artikel leest. “Laatste blogposts” is daarom veel minder relevant om in een zijbalk te laten zien, dan jou “andere artikelen in deze categorie”.
En om dat blok onderaan te zetten is ook verstandig: mensen die tot daar geraken hebben iig de tekst in zijn geheel gescanned, vaak helemaal gelezen, en zijn dus waarschijnlijk op zoek naar meer diepgang.

6 Apr 09, om 3:11 pm

Jeroen Gerth zei:

Nice.. simplicity rules. Geen zijbalk is inderdaad gedurfd. Al vind ik een navigatie wel fijn om tussen de verschillende blogposts te surfen. De back en forward knop van je browser gebruiken vind ik niet echt ideaal. Tenminste een zoekfunctie zou fijn zijn of dat je de tools aanreikt voor de mensen die er naar vragen.

6 Apr 09, om 3:59 pm

Anouschka Scholten zei:

Lekker direct en onmiskenbare focus op de inhoud zo, afleiding links en rechts negeerde ik toch al bijna volledig;-) Ik mis alleen wel die ‘onzichtbare’ catgorieën die je noemt, die zouden bij een artikel worden aangeboden? Die zijn nl. wel degelijk handig om eenvoudig naar gerelateerde inhoud te browsen. Kans is dat bezoekers nu niet verder komen dan pagina één van de opsomming op basis van actualiteit. Doet geen recht aan de rest van je blog met meer interessante artikelen dan alleen die op de Home.

Verder twijfel ik over de experience die deze look & feel verder bij me teweeg brengt. Focus op inhoud is prima, maar in deze setting voelt ook direct ouderwets en een beetje knullig aan wat in tegenspraak is met de professionele inhoud. Ik kan me voorstellen dat bezoekers die hier ook direct op afknappen en niet eens beginnen aan de inhoud, zonde.
Ik denk dat Mediakip er qua vormgeving wel wat sterker uit mag komen (vnl. in kleurgebruik en beeldgebruik) zodat het professioneler aanvoelt, los van het paginastramien.

6 Apr 09, om 4:04 pm

Michel Kuik zei:

@Bèr
Dankjewel. Dat was precies voor mij de reden om die keuzes te maken

@Jeroen
Ik persoonlijk ben groot fan van de ‘back’ knop op mijn browser (het is zelfs de meest gebruikte knop van de browser (http://www.useit.com/alertbox/990530.html). Toch snap ik jouw punt wel, maar heb ik er bewust voor gekozen mensen te stimuleren om terug naar de homepage te gaan voor meerdere artikelen.

Een zoekfunctie is inderdaad een goede toevoeging. Misschien integreer ik deze in de toekomst in een ‘Archief’ pagina.

@Anouschka
Over de categorieën. Ik zit erover te denken om een ‘Archief’ pagina te maken waarop deze terugkomen. Dat zou misschien een waardevolle toevoeging kunnen zijn en een aantal problemen tackelen.
Over het design. Dit design komt inderdaad ouderwets over. Toch ga ik voor inhoud op mijn weblog.
Ik besef dat ik absoluut niet te vergelijken ben met Jakob Nielsen, maar bekijk http://www.useit.com/ eens. Over knulligheid gesproken. Toch raakt hij een snaar met zijn inhoudelijk sterke artikelen. Misschien haken er een aantal bezoekers af, de bezoekers die hij wil bereiken, blijven wel terugkomen…

6 Apr 09, om 5:43 pm

Han Wijman zei:

Ik vind het ontwerp functioneel, alleen…
De regels zijn wat lang. Je ogen bewegen dus veel en het terug gaan naar het begin van de volgende regel kan zo wat vermoeiend worden.

Of zou dat komen omdat het 23 uur is?

13 Apr 09, om 11:02 pm

Michel Kuik zei:

@Han Wijman

Bedankt voor jouw reactie. Ik heb de lettergrootte een klein tandje groter gemaakt. Is hiermee het euvel verholpen?

20 Apr 09, om 3:49 pm