Higherlevel.nl in nieuw design!

[Think Twice]

Mee eens, dan had men zich meteen kunnen voorbereiden op responsive design, iets dat volgens mij echt de volgende stap moet zijn.

[TwaBla]

 

Dat komt waarschijnlijk wel aan de orde wanneer HL en Hallo! ooit eens samengevoegd worden.

[willemj]

Ik vind het vooral erg onrustig ogen door het gebruik van dezelfde kleuren voor elementen die niet dezelfde functie hebben (oranje voor zowel knoppen, headers als status elementen), het niet uitlijnen van verschillende onderdelen, veel verschillende combinaties van lettergrootte, kleur en dikte en het gebruik van 'witruimte'; alles zweeft een beetje.

 

Ik heb zeker geen pretenties op ontwerpvlak. De kleurstelling is ok. Maar met wat subtiele aanpassingen (een paar extra tinten oranje en blauw, consistenter kleurgebruik en een betere toepassing van een grid (ie betere uitlijning en gebruik van marges) zou dit ontwerp een stuk beter zijn. Zoals Christine al aangaf: het scannen van de site is minder makkelijk geworden.

 

En natuurlijk, als je maar lang genoeg naar iets kijkt dan gaat het wel kloppen. Mijn keuken is ook een zooitje en dat zie ik inmiddels niet meer. Maar communicatie doe je ook naar nieuwe bezoekers die niet de tijd nemen om lang genoeg te kijken. Die zien gewoon een site met een rommelig ontwerp.

 

 

 

 

 

 

[espen]

rommelig ouderwets zooitje. Gewoon een css file aangepast met wat modernere kleuren.

Niks aan usability veranderd. Waarom niet alle niet belangrijke info wat lichter van kleur maken?

 

edit: even snel een screenshot gemaakt, hoe ik denk dat alleen al de draadjes makkelijker leesbaar zijn, als je wilt weten hoeveel posts iemand heeft etc, gewoon met de muis er over, en dan wordt het donkerder/leesbaarder. In een draadje gaat het over de inhoud, niet over karma, links, signature van de poster.

[John B]

Door de kleurstelling vind ik linkjes in de topic tekst nu soms lastig te herkennen.

 

(voor de rest went het al aardig)

[StevenK]

Fijn om te zien dat hier zo ontzettend veel stuurlui aanwezig zijn. Eerlijk gezegd vind ik het redelijk stuitend dat iedereen het beter weet met termen als 'rommelig ouderwets zooitje'.

[mmint]

Hmmm... Stuitende reacties zijn natuurlijk niet de bedoeling. Maar "iedereen"? Ik denk dat nog lang niet ieder lid hier heeft gereageerd en slechts een enkeling gebruikt dergelijke termen. Dat iedereen die hier heeft gereageerd het beter meent te weten, lijkt mij niet verbazend aangezien dit topic gaat over het nieuwe HL design en men op HL gewend is om zijn/haar mening openlijk te geven. Er zijn altijd wel dingen die beter kunnen en ik vind de gegeven suggesties zeker niet allemaal stuitend. (Voor de reacties die je stuitend vind kun je eventueel de link rechts van het tekstje [reus] gebruiken ;-)

 

Om nog maar even Roel te citeren:

Alle feedback of kritiek op het nieuwe ontwerp is welkom. Het topic is niet geopend om alleen maar de complimenten in ontvangst te nemen. Elk ontwerp of aanpassingen zal zijn voor en tegens hebben maar bijv Usibility tests op websites zijn ook vaak gebaseerd op "de eerste indruk" dus ook dat heeft waarde voor ons. Uiteindelijk kunnen sommige aanmerkingen ook weer leiden tot fine tuning van het ontwerp.

 

Maar alles leuk en aardig; ik vraag me af wat er met de suggesties zal worden gedaan. Zijn er naar aanleiding van de gegeven suggesties al plannen tot fine tuning?

 

[Roel J]

Het leek mij nuttig even een samenvatting te maken van de opmerkingen tot nu toe. Ik heb geprobeerd ieders opmerking mee te nemen, maar zoals het gaat in een samenvatting worden sommige opmerkingen samengevoegd tot 1 punt of een totaal indruk van een bepaald punt.

 

[*]Lettertype contrast van de knoppen (bijv reageerknop) zijn niet altijd even scherp

[*]Home pagina: Doordat de naam van de auteur dezelfde kleur heeft als de titelregel word het scannen van de topics lastiger omdat het in elkaar overloopt. Auteurnaam ook in grijs (net als aantal reacties en datum) zou dat waarschijnlijk beter maken

[*]Home pagina: Het verschil tussen ongelezen en gelezen topics is nu niet duidelijk (genoeg) doordat beide vetgedrukt lettertype hebben. Gelezen topics niet vetgedrukt laten kan dat oplossen

[*]Home Pagina: De nieuwe 50/50 verdeling tussen de linker en rechterkolom maakt dat er minder ruimte is voor de titels. De oude 2/3 - 1/3 indeling lijkt meer recht te doen aan de topics.

[*]Menu: De submenu's staan altijd links uitgelijnd, dat maakt het kiezen van het juiste submenu (bijvoorbeeld de submenu's van Higherlevel? lastig te kiezen. (het vergt vrij precieze muis navigatie). oplossing is menu's direct onder menu item te hangen ipv links uitlijnen.

[*]Onderbalk in het donkergrijs is wel een erg hard contrast met het verder rustiger ontwerp, ook gaan de logo's en banners daardoor een beetje drijven / zweven

[*]Door de nieuwe kleurstelling van hyperlinks zijn ze moelijk te onderscheiden van normale tekst

[*]Bij het nieuwe rustiger ontwerp zijn veel lijnen tussen blokken verdwenen, de kleurcontrasten (van bijv achtergrond) tussen onderdelen zijn kleiner of niet meer aanwezig, daardoor vloeien zaken meer in elkaar over. Vooral bij het lezen van reacties is het onderscheid tussen de linkerkolom met profielinfo van de reageerder en de eigenlijke reactie zelf te klein geworden.

 

 

Overige (technische) opmerkingen.

[*] Langere handtekeningen worden mogelijk niet (op alle "devices"?) correct weergegevenOp sommige devices word de mobiele website weergegeven met verschillende letterypes

[*] Aan de bovenzijde word wel erg veel ruimte gebruikt bijv met het blok: Hallo "gebruiker" + berichten, conneties en uitlog link. Maar ook boven elk topic (locatie topic neemt 4 regels in, topic titel word in verschillende vormen 3x herhaald.)

[*] De uitlijning is niet overal optimaal daar zou nog eens naar gekeken kunnen worden

[*] De paarse kleur is niet ieders smaak, verder lijkt het verschil tussen het paars en ook gebruikt blauw te klein (wat bijdraagt aan rommelig beeld? -red)

 

 

Tot slot wil ik toch ook nog even opmerken dat in de aankondiging van het nieuwe design en de reactie van Jeroen Bakker duidelijk word aangegeven dat het hoofdzakelijk om look en feel gaat en dus niet om (ingrijpende) code aanpassingen. We kunnen nu dus alleen wat doen met opmerkingen over die de look en feel. Discussie of opmerkingen dat naast het schilderwerk ook de keuken en de badkamer verbouwd hadden moeten worden hebben niet veel nut, dat was het doel niet en kan dus nu ook niks mee gebeuren.

Mocht er wel behoefte zijn om eens te discussiëren over het grondig aanpakken en moderniseren van de technische structuur van het forum als geheel dan kunnen we daar altijd een apart topic voor openen. Dat zou best een nuttig onderwerp zijn want niemand ontkent dat we op een oude techniek draaien.

Maar als gezegd in dit topic schiet dat zijn doel voorbij..

[Nico Schouten]

Mijn persoonlijke mening, met de nadruk op persoonlijk.

Ik kan er niet aan wennen, vind het contrast erg ongelukkig waardoor het voor mij lijkt alsof veel beeldelementen zweven. Ook de uitlijning laat voor mij persoonlijk te wensen over.

Het kost mij moeite en de verschillende teksten en structuren te onderscheiden waardoor het geheel op mij een wat chaotische indruk achterlaat en ik merk dat ik HL anders dan voorheen snel wegklik, het is teveel gedoe.

 

 

Wat mij vanmorgen opviel. (zie screenshot)

Ik kan mij niet herinneren dat ik eerder in het totaal overzicht van 20 artikelen een span zie van 4 dagen.

In de statistieken zie je dat het actieve gebruik van HL al enige tijd afneemt. Het lijkt erop, maar dat is voorbarig, dat sinds het nieuwe design geïmplementeerd is het aantal bezoekers nog verder is afgenomen. Of is dat gewoon omdat het overgrote deel van de Nederlanders druk is met het WK?

 

Was het doel van deze redesign actie meer bezoekers of gewoon omdat het weer eens tijd werd?

[Norbert Bakker]

In de statistieken zie je dat het actieve gebruik van HL al enige tijd afneemt. Het lijkt erop, maar dat is voorbarig, dat sinds het nieuwe design geïmplementeerd is het aantal bezoekers nog verder is afgenomen. Of is dat gewoon omdat het overgrote deel van de Nederlanders druk is met het WK?

 

Zo te zien begon de afname van het aantal bezoekers en nieuwe posts al in de week vóór introductie van het nieuwe design. Kennelijk speelde er dus toch nog iets anders. Wellicht het mooie weer?

 

Verder is het in juni traditioneel wat rustiger dan in maar-april-mei, maar was het aantal nieuwe posts in die periode in 2014 hoger dan in 2013. Tot nu toe wijkt juni 2014 nauwelijks af van juni 2013. Even afwachten dus

 

Ik kan mij niet herinneren dat ik eerder in het totaal overzicht van 20 artikelen een span zie van 4 dagen.

vrijdag en dit weekend was het forum uitgestorven inderdaad :), maar dat zal zeker te maken hebben met het WK Voetbal, WK Hockey en het lekkere weer

 

Was het doel van deze redesign actie meer bezoekers of gewoon omdat het weer eens tijd werd?

 

De redesign is mede uitgevoerd op basis van een usability onderzoek in 2013. Naar aanleiding daarvan zijn al eerder kleine wijzigingen uitgevoerd in de plaatsing van bepaalde knoppen

[R.I.P. | Peter Bonjernoor]

Mocht er wel behoefte zijn om eens te discussiëren over het grondig aanpakken en moderniseren van de technische structuur van het forum als geheel dan kunnen we daar altijd een apart topic voor openen.

 

Daar hebben we al tijden dit draadje voor - de meeste suggesties is nog niks mee gedaan, dus wie zin heeft dat allemaal op een rijtje te zetten: leef je uit! ;)

 

[mod edit: link hersteld]

[Christine]

Iedereen heeft het over kleurtjes en lettertypes en tussenruimtes, maar ik kan de home pagina gewoon niet lezen. Dat wil zeggen, op de oude site kon ik de topics in een paar seconden allemaal lezen, nu kost het twee seconden per onderwerp. En dat is me teveel.

[fvddungen]

Wat ik zelf gewoon zeer verbazingwekkend vind is dat er veel tijd en energie is gestoken in een 'nieuw' design, maar wat eigenlijk niets anders is dan wat nieuwe kleurtjes en lettertiepjes. Als je dan toch bezig bent, doe het dan gelijk goed en zet het over naar Html5/Css3 of nog beter: zet het in een Bootstrap template. Veel beter resultaat met veel minder moeite. Nu is er niks verbeterd noch verslechterd, maar is het gewoon anders. Zelfs de knoppen zijn gewoon plaatjes en dat had toch echt veel beter gekund? Zonde van de tijd imho.

 

if it ain't broke don't fix it

[Norbert Bakker]

maar wat eigenlijk niets anders is dan wat nieuwe kleurtjes en lettertiepjes.

Volgens mij is dat exact wat Mikky in de startpost aankondigde: een nieuw design/visuele update, nothing more and nothing less.

 

Als je dan toch bezig bent, doe het dan gelijk goed en zet het over naar Html5/Css3 of nog beter: zet het in een Bootstrap template. Veel beter resultaat met veel minder moeite.

Ik ben geen techneut, maar dat "met veel minder moeite" schijnt gewoon echt niet te kloppen :)

 

if it ain't broke don't fix it

De visuele update is mede ingegeven door de uitkomsten van een uitvoerig usability onderzoek. De oude huisstijl met de harde kleuren werd als negatief ervaren

[Nico Schouten]

De visuele update is mede ingegeven door de uitkomsten van een uitvoerig usability onderzoek. De oude huisstijl met de harde kleuren werd als negatief ervaren.

 

Is dat usabilty onderzoek ergens in te zien?

 

Als ik lees dat de oude kleuren als negatief ervaren werden dan denk ik, door wie dan en is dat erg?

[willemj]

Fijn om te zien dat hier zo ontzettend veel stuurlui aanwezig zijn. Eerlijk gezegd vind ik het redelijk stuitend dat iedereen het beter weet met termen als 'rommelig ouderwets zooitje'.

 

Stuurman meldt zich ;) En hoop dat mijn reactie niet onder stuitend valt. Dat was in ieder geval niet mijn intentie.

 

In grote lijnen vind ik het nieuwe design ook prima. Hoewel ik als regelmatige bezoeker inderdaad even moet wennen.

 

Máár, ik heb me het afgelopen jaar een beetje verdiept in grafisch en interface ontwerp en begin daardoor een beetje 'feeling' te krijgen waarom een ontwerp wel of niet klopt. En ik heb het idee dat dit ontwerp niet klopt.

 

Heb HL inmiddels ook als niet ingelogde gebruiker gezien en zonder de welkomstgroet ziet de site er al een stukje strakker uit. Maar het blijft iets mager.

 

Om iets te chargeren: ik had dit ontwerp kunnen maken. Een goede grafisch en/of interface ontwerper haalt er meer uit. Vandaar ook mijn vraag wie dit ontwerp gemaakt heeft. Nog afgezien CSS3 en HTML5 truukjes kan dit ontwerp echt beter.

 

 

[Norbert Bakker]

Is dat usabilty onderzoek ergens in te zien?

Voor moderatoren.

 

Als ik lees dat de oude kleuren als negatief ervaren werden dan denk ik, door wie dan

De respondenten van het onderzoek waren onze doelgroep van potentiële nieuwe leden: startende en gevestigde ondernemers, met en zonder personeel.

 

De respondenten van de Usability tests gaven los van elkaar en uit zichzelf (m.a.w. zonder er specifiek naar gevraagd te zijn) aan de kleurstelling agressief te vinden. Een paar opmerkingen uit het rapport:

"“Te veel rood en zwart. Dit is schreeuwerig. Het komt niet zakelijk over.”

“Ik vind het rood niet rustig voor je ogen.”

 

Aan de respondenten werd een aantal alternatieve kleurstellingen aangeboden. De kleurstelling die de meeste positieve reacties opleverde is het huidige "oranje" design met blauwe in plaats van rode links

Opmerkingen daarover in het rapport:

"De aangepaste kleuren worden door alle respondenten prettiger gevonden dan gebruik van rood en zwart. Men geeft met name aan dat de kleur blauw die voor links gebruikt wordt duidelijker is en prettiger oogt dan rood."

"“Dit is al minder agressief. Kleur doet denk ik best wel iets. Dit is prettiger.”

“Hij is rustiger doordat er geen rode tekst wordt gebruikt.”

 

en is dat erg?

 

Wel als uit zo'n onderzoek blijkt dat het een van de redenen is waarom ondernemers niet van het forum gebruik willen of durven maken. Het is - op zich - uiteraard minder schokkend dan de uitkomsten van de eye motion tracking tests (die ik zelf ook heb bijgewoond): daaruit bleek dat een groot deel van de nieuwe leden door de onlogische plaatsing en kleurstelling van bepaalde knoppen simpelweg afhaakte omdat de handelingen voor het plaatsen van een nieuwe post te complex waren voor niet-kenners. Die aanpassingen zijn dan ook als eerste - in 2013 - uitgevoerd.

 

 

[R.I.P. | Peter Bonjernoor]

Ik ben geen techneut, maar dat "met veel minder moeite" schijnt gewoon echt niet te kloppen :)

 

Ik ben wel een techneut, en op zich valt het best mee. Yabb SE is oude software (2004), en hoewel er diverse verbeteringen aan gedaan zijn is de basis niet heel daverend meer, anno 2014.

 

Ondanks dat is het prima mogelijk met een moderne stylesheet met relatief weinig moeite er toch een hoop aan te doen. Alle elementen hebben id's of classes, dus er zal weinig tot niets in de code zelf aangepast hoeven worden.

[R.I.P. | Peter Bonjernoor]

Vooruit - in een half uurtje even een grof responsive stylesheet gemaakt voor de homepage (breedte van je browser aanpassen voor het effect).

 

Voor iemand die wel gespecialiseerd is in stylen en responsive kan het geen probleem zijn er echt wat fraais van te maken.

[Anton73]

Het is niet echt mijn smaak, maar de kwaliteit en support van deze site is goed

[Micha van Veen]

Maar voor een halfuurtje werk vind ik (persoonlijk) wel apart dat responsive niet is meegenomen. Want dit reageerd best leuk…. Misschien nog niet optimaal maar met een paar kleine uurtjes erbij?

 

Klikkerdeklik http://http://www.zaph.nl/hl/index.htm

[Think Twice]

De site echt responsive maken met behulp van bijvoorbeeld het Bootstrap framework is echt wel wat meer werk dan een paar uurtjes. Naar mijn mening had men dat beter meteen kunnen uitvoeren, daar heb je tenminste echt voordeel van.

[R.I.P. | Peter Bonjernoor]

De site echt responsive maken met behulp van bijvoorbeeld het Bootstrap framework is echt wel wat meer werk dan een paar uurtjes.

 

Natuurlijk, het was meer om te laten zien dat je met relatief weinig moeite best veel kan bereiken. Zelfs als non-designer... ;)

 

[willemj]

Een site laten schalen met de breedte van het scherm is geen responsive design. Zie al een hele berg problemen ontstaan als ik naar resoluties van mobiele telefoons ga. Zijn uiteraard wel te fixen maar niet triviaal (en er zijn ontwerpaanpassingen nodig, niet alleen technische) Sowieso is de layout gedeeltelijk gebaseerd op tables wat niet prettig werkt met een responsive design, met name in webkit gebaseerde browsers.

 

Een forum leent zich ook niet direct voor gebruik op mobieltjes en de huidge mobiele versie voldoet. Dus snap de beslissing om niet voor responsive te gaan.

 

Maar het blijft rommelig. En zeker als er usability testen en eye-tracking gedaan is ben ik ontzettend benieuwd naar wie dit ontwerp heeft gemaakt. Voornamelijk uit persoonlijk interesse overigens. Fijn dat ik een reus krijg voor mijn vraag wie het ontwerp gemaakt heeft maar kosten interesseren me niet. Wat leren van usability onderzoek en de keuzes die gemaakt zijn op basis van dat onderzoek, zeker omdat ze botsen met wat ik weet van (user interface)ontwerp, vind ik wèl erg interessant.

 

Ik ben trouwens mild kleurenblind, of heb last van 'kleurenzwakte', en kan de kleur van linkjes en de normale tekst amper onderscheiden. Zag pas net dat er linkjes in sommige berichten stonden.

[R.I.P. | Peter Bonjernoor]

Sowieso is de layout gedeeltelijk gebaseerd op tables...

Die waren er toen nog niet, hoor... ;)

 

Een forum leent zich ook niet direct voor gebruik op mobieltjes en de huidge mobiele versie voldoet. Dus snap de beslissing om niet voor responsive te gaan.

Meh. Da's een mening, wat prima is, maar dus geen allesbeslissende waarheid die voor iedereen geldt. Zo vind ik het prettig om op mijn mobiel wel de desktopsite te bezoeken, alleen dan liefst wat leesbaarder, dus.

 

Maar het blijft rommelig. En zeker als er usability testen en eye-tracking gedaan is ben ik ontzettend benieuwd naar wie dit ontwerp heeft gemaakt. Voornamelijk uit persoonlijk interesse overigens.

Ik heb al een paar keer op het punt gestaan het te melden, maar aangezien ik geen mod ben is het niet mijn plaats - misschien dat je vraag nu een keer niet genegeerd wordt!