Nieuw ontwerp voor ViewBug-resultaten: een duidelijke stap vooruit

ViewBug heeft onlangs het ontwerp van de resultatenpagina voor fotowedstrijden vernieuwd.
Waar het oude ontwerp vooral functioneel was, brengt het nieuwe ontwerp een frisse en moderne uitstraling.
Maar wat zijn nu precies de verschillen en voordelen?

Vandaag kwam de uitslag binnen van de resultaten van de fotowedstrijd “Rule of Thirds (Volume 18)” met het nieuwe ontwerp voor hoe een foto het gedaan heeft ten opzichte van de alle andere inzendingen.

Vergelijking van de ontwerpen
Het oude ontwerp was vrij eenvoudig: bij de eerste ingezonden foto stond links de tekst met de ranking, het aantal inzendingen en een korte toelichting, en rechts de foto.
Bij de tweede ingezonden foto was dit juist omgekeerd: de foto links en de tekst rechts.
Bij de derde foto werd het patroon weer herhaald.
Deze afwisseling hing dus samen met het aantal ingezonden foto’s.
Onderaan stonden de deelknoppen voor social media en een downloadoptie.
Het geheel oogde overzichtelijk, maar ook wat zakelijk en basic.

Opvallend in het oude ontwerp was de manier waarop de ranking werd weergegeven.
Je zag bijvoorbeeld: “Your photo ranked 113 and placed ahead of 4,387 submissions. That’s in the top 10% most voted.”
Dit benadrukte vooral hoeveel inzendingen de foto achter zich had gelaten, wat een positief gevoel kon geven.


In het nieuwe ontwerp wordt de ranking direct getoond als een positie ten opzichte van het totaal, bijvoorbeeld: “#98 of 9,851”.
Dit is duidelijker en transparanter, omdat je dan meteen ziet hoeveel deelnemers er waren en waar de precies staat.

Het nieuwe ontwerp is visueel aantrekkelijker en moderner.
De foto staat nu in een fraai kader, wat de presentatie direct verbetert.
Rechts zie je in één oogopslag de ranking, het totaal aantal inzendingen en de prestatie (bijvoorbeeld: “That’s in the top 10% most voted”).
Bij de deelknoppen is een extra optie toegevoegd: “Print this photo”. Ook is er een korte motivatie toegevoegd om de foto te laten printen, wat uitnodigt tot actie.

De performance balk
Een opvallende toevoeging in het nieuwe ontwerp is de performance balk.
Deze balk visualiseert in één oogopslag hoe de foto heeft gepresteerd ten opzichte van alle inzendingen.
De balk geeft niet alleen de exacte ranking weer (bijvoorbeeld #98 van 9.851), maar laat ook grafisch zien waar de foto zich bevindt binnen het totale deelnemersveld.

Dit maakt het resultaat veel inzichtelijker: je ziet direct of je in de top, middenmoot of onderaan bent geëindigd, zonder dat je zelf hoeft te rekenen.
De tekst onder de balk (“That’s in the top 10% most voted”) bevestigt dit nog eens en maakt het eenvoudig om de prestatie te delen of te vergelijken met eerdere inzendingen.

Leuke badge bij het downloaden

Een mogelijkheid die er al eerder was is de badge die je ontvangt als je op de downloadknop klikt.
Deze badge is kleurrijk, feestelijk en direct deelbaar op social media. Je eigen foto staat centraal, samen met de tekst “Top Rank” en een korte boodschap (“I ranked in a contest”).
Dit werkt motiverend en geeft een tastbare beloning voor de prestatie.
Bovendien straalt de badge professionaliteit uit en kan het helpen om meer bezoekers naar je ViewBug-profiel te trekken.
Ik had de stille hoop dat, met de vernieuwing, ook de badge zou worden aangepast.
De tekst is vrij algemeen en wat ik nog mis om de badge voor mij ook bruikbaar te maken op de sociale media is wanneer de exacte ranking en/of de naam van de wedstrijd zou worden vermeld.

Het nieuwe ontwerp van de ViewBug-resultatenpagina is zonder twijfel een verbetering.
Niet alleen ziet het er aantrekkelijker uit, het biedt ook meer mogelijkheden en is gebruiksvriendelijker.
De extra aandacht voor de presentatie van de foto, de nieuwe printoptie en de performance balk voegt echt iets toe.
Ook de manier waarop de ranking nu wordt weergegeven is duidelijker en transparanter.
Kortom: een geslaagde update van ViewBug!

Als laatste is ook nog een lijst met alle voorgaande wedstrijden op ViewBug te bekijken.
Meer van de voorgaande wedstrijden op ViewBug.