Hoe ziet jouw ideale Frankwatching-design eruit?
In het vorige bericht maakte een aantal mensen al van de gelegenheid gebruik om hun wensen over het ontwerp van de site te uiten, maar we vinden eigenlijk dat dit onderwerp wel apart aandacht verdient. We zijn namelijk enorm benieuwd hoe volgens jullie de ideale Frankwatching er uit moet zien. Welk gevoel moet de site uitstralen? Welke stijl? Moet Frankwatching een heel minimalistisch uiterlijk hebben of juist rijk aan details? Met andere worden, welke look & feel heeft jouw ideale Frankwatching?
Welke stijl?
Freek noemde in een reactie de New York Times als voorbeeld, en over het algemeen lijkt de voorkeur uit te gaan naar een meer minimalistisch ontwerp (en dat heeft ook onze voorkeur). Ook een pijnpunt zijn de kolommen nu, zo vinden ook Floor en Jacqueline. De huidige 3-kolomsindeling maakt de site onnodig rommelig en onoverzichtelijk, en daar willen we dan ook van afstappen in een nieuw ontwerp.
Breedte van de site
Robert noemt verder nog de leaderboard, die nu nog “apart” boven het ontwerp zit in een eigen hokje. Niet optimaal, en die neemt zeker een hoop ruimte in beslag, maar het nadeel van leaderboards is dat ze vrij breed zijn. En dat brengt me op een ander punt dat Robert aanhaalde: de breedte van de site. Nu houden we rekening met een minimale resolutie van 800×600. Uit onze statistieken blijkt inmiddels dat slechts 1% nog een resolutie gebruikt van 800×600 pixels, dus we kunnen in ieder geval één stapje verder, naar 1024 pixels breed. Een liquid lay-out die meerekt met de beschikbare schermbreedte is uiteraard ook een optie.
Onze vraag
Dus, puur naar uiterlijk gekeken, hoe ziet jouw ideale Frankwatching-design eruit? We zijn met name geïnteresseerd in de algehele look & feel van de site, de uitstraling, maar uiteraard kun je onder dit artikel ook meer in detail treden en je visie geven over hoe een bepaald onderdeel van de site er in jouw ogen uit moet zien. Geef gerust voorbeelden van sites die het in jouw ogen perfect voor elkaar hebben. We zijn, wederom, erg benieuwd, en ik maak stiekem van de gelegenheid gebruik om iedereen te bedanken voor de enorm waardevolle reacties!
Ook andere reacties zijn natuurlijk nog steeds welkom.
Volg Forward via de feed.
tekst en inhoud mag van mij wel fijn minimalistisch, maar de header / eerste 200 pixels van de hoogte kunnen wel wat actie verdragen denk ik.
verder cliché blog layoutje? een 3 columns met de 2 smalle columns aan de rechterkant, en als de pagina begint nog een twee columns, een beetje als http://thenextweb.org/ maar dan anders
Wellicht kunnen de artikelen een andere opmaak krijgen, 1 column? (ligt een beetje aan hoeveel bezoekers via de zoekmachine binnenkomen op zulke diepere pagina’s)
Persoonlijk zou ik Niet voor een mee schalende breedte gaan, ik merk dat ik als ik grote monitoren gebruik, het browser scherm vaak kleiner maak om te zorgen dat de regels niet te lang worden. ergens rond de 700 pixels breedte voor de text en dan nog 240 voor de side bars? kijk bv op deze site: http://960.gs/ voor een rustig en flexibel grid
hier staan nog wel een handje handige links
http://www.frankwatching.com/archive/2008/02/05/voorbij-web-20-design-3-tips/
Sjors Auteur
9 sep 08 at 18:38
Ik ga helemaal mee met de opmerking van Sjors over de 3 koloms breedte voor de homepage. Contentpagina’s (waar GELEZEN wordt) 2 koloms met een overdreven breedte voor tekst. De puntgrootte van de letter 11+ op contentpagina. Eerder te groot dan te klein.
Verder mag van mij het gebruik van beeld wel wat creatiever dan de huidige tumbnail-art (hoop hiermee niemand tegen de schenen te schoppen
).
Ik ben geen designer nog usability expert, maar let the content rule!
Freek Bijl
9 sep 08 at 19:24
Ik pleit voor een liquid lay-out. Ongeacht de gebruikte schermresolutie hoeven gebruikers nooit horizontaal te scrollen en gebruikers die geinvesteerd hebben in een grote monitor, hoeven niet tegen lege vlakken aan te kijken.
Arjan
9 sep 08 at 22:29
Mijn voorkeur gaat persoonlijk ook uit naar een liquid lay-out.
qua indeling voor een site ben ik er nog niet helemaal over uit. Vind de indeling van dutchcowGIRLS ook wel fijn. maar dan zou ik de footer (brand cloud) weer vervangen door de footer van bijvoorbeeld dutchcowboys (daar staan weer de NU op… items, de hoogst- en meest gewaardeerde artikelen)
Maar er zijn zoveel sites/blogs met fijne indelingen. Daar moeten we gewoon nog even over nadenken hoe we dit precies willen gaan aanpakken.
Lonneke
9 sep 08 at 23:09
@ Sjors: waardevolle feedback! Je artikelen hadden we er ook al bijgehaald hoor, wat dacht jij
We zitten op een lijn met je ideeën over de kolomindeling. Artikelpagina’s daarentegen zijn voor Frankwatching nog veel relevanter dan de homepage (inderdaad veel zoekmachinetraffic op de pagina’s) dus die zullen qua zijkolommen sterk moeten lijken op (afgeleid zijn van) de homepage.
@ Arjan: Persoonlijk vind ik dat als je schaalt, je tot een maximum moet gaan. Maar dat laat ik graag aan de specialisten over
@ Freek: Als je het hebt over de thumbnail-art, dan doel je op de afbeeldingen op de homepage naast de leaders? Dat kan ik eigenlijk wel met je eens zijn… (ben medeschuldig, haha).
@ Lonneke: Het verschil tussen de Cowboys en Girls is – naast de footer – toch vooral de navigatie, doel je met name daar op?
In feite zie je sterke overeenkomsten tussen de verschillende genoemde blogs als het gaat om indeling. Maar qua design wel een wereld van verschil. Omdat Frankwatching minder schreeuwerig is en langere artikelen heeft, denk ik dat de look & feel ook rustig moet zijn.
Frank Frankwatching team
10 sep 08 at 00:52
@Frank: Ja voornamelijk de navigatie. (in de 2 zijkolommen van DCB en DCG zit ook klein verschil, waar DCG weer mijn voorkeur krijgt)
De huidige frankwatching heeft bovenin ook een heldere navigatie.
De taglijst daarentegen is erg lang en staat niet in alfabetische volgorde. Deze zie ik liever in een kleiner formaat/cloud idee/of indien het een lijst blijft wel in alfabetische volgorde.
Maar ben het met je eens dat FW een rustige uitstraling moet krijgen!
Lonneke
10 sep 08 at 02:01
Mogelijk interessant is het artikel op Marketingfacts van Wilbert Baan (met rechtergetekende als hulp) over de vormgeving van weblogs: http://www.marketingfacts.nl/berichten/20080117_heeft_vormgeving_weblogs_zijn_langste_tijd_gehad/. Na een half jaar ermee werken blijkt 3 kolommen op de voorpagina (links: uitgelichte belichten, midden: gewone berichten, rechts: meta-informatie) en 2 kolommen op artikelpagina (links+midden: het bericht, rechts: meta-informatie) erg fijn te werken. We zijn momenteel bezig met gebruikersonderzoek onder bezoekers, en in de reacties daaruit komt die waardering ook naar voren.
Inge Janse
10 sep 08 at 09:51
Ik zie Frankwatching eigenlijk niet eens écht als een weblog. Een groot deel van je berichtgeving is namelijk redelijk tijdloos en vooral enorm praktisch. De rest zijn dingen als ‘site gespot’, ‘event gespot’ en columns. Ook geen standaard rubrieken voor een weblog. Volgens mij zit de grootste uitdaging in het maken van een design wat niet meteen lijkt op een standaard weblog. Je hebt inmiddels enorm veel informatie te bieden, dát moet de uitstraling worden wat mij betreft. Uiteindelijk is een ‘weblog’ ook alleen maar een praktisch onderhoudbare website met nieuwsberichten in omgekeerde volgorde
Ik zou dus niet teveel denken vanuit de weblogstandaarden (3 kolommen, vaste grootte voor het plaatje, enz.), maar iets meer uit of the box denken. Zie bijvoorbeeld http://sync.nl. Dat is wél een weblog, maar ziet er niet meteen als zodanig uit.
Ik wil Simon niet voor de voeten lopen uiteraard, maar is het misschien leuk om bezoekers van dit weblog voorstellen te laten indienen voor een nieuw design? Als jullie wat knopen doorhakken op basis van alle input die er straks staat, dan kunnen bezoekers designs uploaden. Beetje zoals op http://www.crowdspring.com?
Robert de Boer
10 sep 08 at 10:53
Ook mijn voorkeur gaat uit naar rustig en minimalistisch. En sluit me helemaal aan bij de opmerking van Robert. Frankwatching is inmiddels meer dan een weblog, je zou het als een vakblad (met een enorm waardevol archief) kunnen zien.
Mijn specialisatie ligt niet op het terrein van design, dus concrete suggesties laat ik graag aan anderen over
Renata Verloop Auteur
10 sep 08 at 12:02
@ Lonneke: Helemaal duidelijk zo en eigenlijk ook wel helemaal eens. Tagcloud vind ik ook betere optie, dankjewel!
@ Inge: Bedankt voor de link naar het artikel, ook de discussie is interessant! Met het idee van featured berichten liepen we hier ook rond, ik kan me overigens voorstellen dat je dat ook nog op een andere manier kunt doen. Met het principe van alleen het intro zichtbaar maken werken we natuurlijk al vanaf het begin, dat moeten we dus vooral zo houden.
@ Robert: Ik ben het eens met je constatering dat Frankwatching steeds minder een standaard weblog is. Dus inderdaad out-of-the-box denken, dat is aan Simon wel toevertrouwd
Ik weet niet of een oproep om designs in te sturen meteen het gewenste effect heeft, daar hoort dan toch wel een soort briefing bij. Ik denk dat we met al deze input zelf ook al heel effectief aan de slag kunnen, maar als we vastlopen dan zou dit een alternatieve aanpak kunnen zijn.
@ Renata: Mooi omschreven zo. Eens kijken hoe we dat archief toegankelijker kunnen maken, daar komen we in een vervolgartikel ook nog over te spreken.
Frank Frankwatching team
11 sep 08 at 00:41
ik krijg de link naar frankwatching altijd via emerce; als ik klik, betekent dat dat ik interesse heb in het item en direct het artikel en evt. de reacties wil lezen; een design dat dat faciliteert is ideaal voor mij; de kolommen met andere input nu op frankwatching sla ik normaliter helemaal over.
Kortom: Keep It Stupidly Simple. Maar ik ben geen 20 meer, en misschien komen de flitsende, aandachtverdelende jongeren dan nooit meer kijken. Wat dus de klassieke marketingvraag oproept: voor wie ga je designen, wat weet je over je doelgroep?
Ton uit Utrecht
11 sep 08 at 09:18
Ik ga voor een vaste breedte. De regels van een artikel moeten niet te lang worden, want dat leest erg onprettig. Tevens blijft de opmaak van de artikelen dan ook altijd zoals het bedoeld was. Met een schaalbare breedte kun je nog wel eens voor verassingen komen te staan.
Design? Misschien een aardig idee om elementen uit social networks en blogs met elkaar te combineren. Daarna, testen zou ik zeggen. Gewoon beginnen met kleine onderdelen. Wat levert uiteindelijk het meeste op. De Google Website Optimizer is gratis, dus aan de slag maar zou ik zeggen…:)
Pascal Auteur
11 sep 08 at 14:05
@ Ton: Ik vind dat onze uitdaging om mensen als jou ook in onze zijkolommen aan te spreken. Dus ook daar redactionele onderwerpen te brengen die bij onze lezersgroep aansluiten.
@ Pascal: De regels moeten niet te lang worden, ben ik met je eens. Maar dat hoeft volgens mij niet te betekenen dat je niet kunt schalen, mits je (inderdaad) voorkomt dat de opmaak onderuit gaat.
We spreken elkaar volgens mij volgende week. Misschien dan even verder filosoferen over je idee om elementen uit social networks en blogs te combineren? Of misschien wel recombineren, een mooi woord wat ik vandaag voor het eerst uit de mond van Jacqueline van Hutspot (en auteur hier) hoorde.
Frank Frankwatching team
13 sep 08 at 02:38
Leuke tip van Lonneke over de footer van dutchcowboys: onderaan de “Nu op…”-lijstjes lijkt rustiger over te komen dan allemaal onder elkaar in de rechterkolom.
Misschien is het ook leuk om naast de standaard 3-kolomsindeling eens te experimenteren met bv. een krantenopmaak, dus wat speelser. Je kunt dan varieren in kopgrootte, bijvoorbeeld op actualiteit (nieuwste = grootst), maar ook op activiteit (meer gelezen/comments = groter). Banners (de volgende vraag op Forward) kunnen hierin als oldfashioned advertenties links of rechts tussen staan. En het werken met meer multimedia (denk aan de video-interviews waar eerder dit jaar mee werd geexperimenteerd) past hier ook prima in: een direct afspeelbaar filmpje op de plaats van de traditionele grote krantenfoto.
Het huidige aantal artikelen op de homepage vind ik prettig. Ik kom immers niet elke dag op de site (sorry Frank
Vervolgpagina (ik sluit me aan bij de rest) rustig houden, vormgeving in dienst van de content.
Categorieen/tags: een grote verzameling tags is goed voor de zoekmachineoptimalisatie, maar voor de gebruiker werkt een compactere lijst basiscategorieen wellicht beter. De combinatie kan prima: categorieen vast tonen, tags presenteren bij ieder bericht (en linken door naar een tag-pagina).
Ferry den Dopper Auteur
14 sep 08 at 23:36
@ Ferry: Eens met je opmerking over het voorstel van Lonneke, daar gaan we zeker wat mee doen.
Ook het idee om wat speelser om te gaan met opmaak en indeling spreekt hier aan, wordt aan de lijst van goede ideeën toegevoegd. We hadden zelf ook al vastgesteld dat video – als dat er is – ook veel beter gefeatured kan (en moet) worden.
Op het onderwerp tags en/of categorieën komen we hier zeker nog te spreken, dank alvast voor je input!
No problem dat je niet elke dag op Frankwatching komt trouwens, ik denk dat je wat dat betreft redelijk representatief bent voor de gemiddelde bezoeker
Frank Frankwatching team
15 sep 08 at 01:32
ik ben zeer benieuwd naar de statistiekenpercentage voor de homepage en de detailpagina’s. Hoe komt men binnen? Wat doet men? Wat zien de meeste mensen?
Als de homepage anders wordt gebruikt dan de detailpagina’s dan kun je dit ook in design meenemen, meer mogelijkheden. Ook kan het interessant zijn om speciale artikelen uit te lichten en speciale landingspagina’s. Dan kom ik bij de volgende vraag, willen jullie ook nieuwe functionaliteiten?
Ps. De linkkleur groen moet echt veranderen, want die is echt slecht leesbaar!
bas bakker
16 sep 08 at 18:31
@bas bakker: De index is de op één na best bezochte pagina binnen Frankwatching. De index gaat wel flink op de schop, ik heb daar toevallig net een stukje over geschreven (verwacht dat dus binnenkort
. Grappig ook dat je het uitlichten van artikelen noemt, dat is namelijk iets wat we inderdaad gaan inbouwen.
En nieuwe functionaliteiten: jazeker. De grootste functionaliteit zal worden toegevoegd op het gebied van gebruikersregistraties. We willen vaste bezoekers meer diensten gaan bieden om makkelijker en sneller van Frankwatching gebruik te maken.
Wat betreft de linkkleur.. Ik ben zelf ook geen fan meer van de tint groen die ik drie jaar terug heb uitgekozen.. (en dat gaat dus ook veranderen)
Maar, je bent eigenlijk de eerste die ik hoor zeggen dat ie onleesbaar is. Als ik de site in grijstinten bekijk lijkt het contrast mij ook groot genoeg.
Simon Developer
16 sep 08 at 18:43
@Simon: Onleesbaar is misschien wat ongenuanceerd. Maar het contrast lichtgroen en wit is onvoldoende. Het is niet prettig lezen. Het contrast van de Hover is daarentegen veel beter.
Hier bij mijn 2 cents, voor aanvullende functionaliteiten & content.
- Gerelateerde posts.
- Video-interviews.
- Duidelijke call 2 actions (om te registreren op de landingpage).
- Bezoekers kunnen een tegenartikel schrijven, deze komt boven de reacties onderbouwd met feiten, etc. (wel gecontroleerd uiteraard, kan natuurlijk ook een aanvullend artikel zijn).
- Nu op…. categorie interactiever. Bijv. Bezoekers laten reacties achter op FW over artikelen op andere sties.
- Frankwatching linkdump (social bookmarking achtig iets).
- Tips voor de sitegespot Website (bezoekers geven de tips, alleen de echte waardevolle tips komen door de redactie. De sitegespot krijgt naar ‘reclame’ ook tips.)
Experience
- Persoonlijker (Photostream auteurs / leden)
- Opener (meer input van gebruikers)
Over de homepage stats. De focus moet dan blijven liggen op de meerdere artikelen. Bij mij eigen blog zie ik juist een omgekeerde trend, maar dit heeft ook alles met naamsbekendheid te maken.
Bas Bakker
16 sep 08 at 20:51
Goede suggesties Bas!! Een paar stonden ook op onze shortlist, maar er zijn er ook een paar die daar nu bij gaan komen
Je idee om bezoekers via bookmarks of korte comments elkaar te laten inspireren vind ik echt heel goed. DANK DUS!
Wat bedoel je trouwens met “De sitegespot krijgt naar ‘reclame’ ook tips.”, dat begrijp ik nog niet.
Over tegenartikel twijfel ik, ik denk dat dit zo niet gaat werken. Overigens staat het iedereen vrij om artikelen in te sturen, mits voldoende kwaliteit natuurlijk!
Frank Frankwatching team
17 sep 08 at 00:50
Wat betreft tegenartikelen.. Dat ondersteunen we nu al gewoon eigenlijk, via pingbacks/trackbacks.
Simon Developer
17 sep 08 at 00:52
Frank, met reclame en tips bedoel ik het volgende.
Reclame (of eigen publiciteit):
Op dit moment krijgt een website bij Sitegespot eigenlijk gratis reclame. Door middel van het interview en de beschrijving. Dit staat al.
Tips:
Bezoekers hebben allen hun eigen expertises, waarom niet de Sitegespot websites helpen. Laat de gebruikers tips geven aan de sitegespot. Vaak gaat het om wat mindere bekende websites of starters.
Naast dat ze dan de publiciteit krijgen, ontvangen ze ook nog eens waardevolle gratis tips!
Bas Bakker
17 sep 08 at 13:17
@ Bas: Ik zie dat ik nog niet gereageerd heb op je uitleg. Ik vind het een erg waardevolle tip. We gaan proberen in het nieuwe ontwerp lezers hiertoe nog nadrukkelijker uit te nodigen. Misschien moeten we ook wel lezers die hierin erg actief zijn/worden in het zonnetje zetten. We hebben nog geen idee hoe, maar komt tijd, komt raad
Reuze bedankt!
Frank Frankwatching team
5 okt 08 at 18:25