Vernieuwde mobiele categoriebrowser - Development-iteratie #175

Development-iteratie #175 is een feit. In de afgelopen twee weken hebben we een vernieuwde categoriebrowser ontwikkeld en zijn we verdergegaan met aanpassingen die het posten van afbeeldingen gemakkelijker moeten maken.

Vernieuwde mobiele categoriebrowser

Iedereen heeft de categoriebrowser weleens gezien en gebruikt; het is namelijk de tool om de categorie die jij zoekt, te vinden. De categoriebrowser is onder andere te vinden op de Pricewatch-, Vraag & Aanbod- en Reviewportal. Uit data, usabilitytests en gebruikersfeedback bleek dat deze tool op mobiel nog wat te wensen overliet; het was namelijk lastig om in de lange lijst de gewenste categorie te vinden. Na een aantal A/B-tests te hebben uitgevoerd, hebben we de juiste verbetering gevonden. Deze is vanaf nu te zien op de mobiele versie van de website.

Naast de visuele upgrade is de flow ook anders. Zodra je op een hoofdcategorie klikt, bijvoorbeeld 'Tablets en telefoons', wordt er een scherm geopend dat de onderliggende categorieën laat zien. De hoofdcategorie 'Componenten en randapparatuur' heeft nog een extra laag.

Deze weergave waarbij elk filter een eigen scherm krijgt, kennen jullie misschien al van het filteren op mobiel. Door deze manier van weergeven zijn complexere taken gemakkelijker te voltooien.

Posten afbeeldingen - Multi-upload in fotoalbum

Nadat we in de vorige iteratie een copy-pastefunctie hebben toegevoegd aan het uploadproces voor afbeeldingen bij gebruikersreviews, hebben we de werking daarvan nu ook toegevoegd in het fotoalbum. Daarmee hebben we een basis gelegd om het op de relevante plekken gemakkelijker te maken om afbeeldingen toe te voegen.

In het fotoalbum kun je nu dus afbeeldingen via copy-paste uploaden en kun je ook verschillende afbeeldingen tegelijk uploaden. Ook zijn we voor het genereren van geoptimaliseerde afbeeldingen voor het fotoalbum overgestapt op Thumbor. Zie plan: Heroafbeeldingen in reviews en Thumbor - Development-iteratie #115 voor wat Thumbor is. Vanwege het gebruik van Thumbor verdwijnt wel de mogelijkheid om de fotoalbumstatistieken te ondersteunen. De statistiekenpagina zullen we dan ook bij de volgende release, op 3 maart, verwijderen.

En verder

Er is een kleine upgrade doorgevoerd bij de e-mailnotificaties. In de meeste notificatiemails zat een inhoudelijke dubbeling. Dat is opgeschoond en ook heeft een klik op een link vanuit een e-mail nu tot gevolg dat de bijbehorende on-site notificatie meteen op 'gelezen' wordt gezet.

Verder hebben we een bug gefikst waarbij nieuwe beoordelingen niet direct goed werden verwerkt op de relevante plekken, waardoor een discrepantie ontstond bij de weergave van V&A-advertenties in de listings bij sortering en filtering.

Reacties (29)

Weer een stapje dichterbij perfectie. Hoe lang is de weg nog?

Oneindig want niks is perfect

Eeuwig, UX design verandert met de week. Als je kijkt wat 4 jaar geleden een goede website was is dat nu ruk. Over 5 jaar zullen we weer kunnen terug kijken met 'oef dit is toch wel beter'. In de meeste gevallen dan.

Hoe groot is jullie scrum team op dit moment?

Een devops baas, een architect, 7 devvers, twee UX'ers, en twee product owners

#offtopic, wachtend op een ingebouwde darkmode

Er is custom CSS, en CSS snippets. Je hoeft dus niet te wachten, implementeer het!

Hoe wil ik het implementeren op telefoon. En te weinig karma

Chrome en Firefox (en waarschijnlijk ook andere browsers) laten je een telefoon emuleren in de browser zodat je de CSS voor een mobiel apparaat ook kunt debuggen en aanpassen.

Wat betreft het karma verhaal: actiever zijn op de site, dan heb je het binnen no-time binnen elkaar. Of overweeg een abonnement.

Zo’n goeie tweaker ben ik niet met “debuggen” etc

Je kan ook al een reeds gemaakte css thema downloaden, bv deze (door mezelf gemaakt, werkt ook goed op de mobiele variant van Tweakers).
Er zijn ook mobiele browsers die je toe laten om extensies te installeren, zodat je door middel van deze extensie (zoals Stylus) dit thema kan toepassen op de gewenste websites.

[Reactie gewijzigd door EotT op 18 februari 2020 19:49]

Zou toch wel verwachten dat een tech site dit inbouwt

tech === darkmode ?

Nee, maar wel 'tech == darkmode'

Jep. Daarom kunnen de beste devvers met hun ogen dicht code kloppen.

Ja, maar het hangt van je definitie af. Technologie:
die term is dat technologie iets te maken heeft met het produceren van nieuwe, vernuftige, innovatieve dingen.

Dat een technologie website in springt op nieuwe, vernuftige, innovatieve dingen is niet vergezocht i.m.h.o.

Waarom? Het staat iedereen vrij om eigen CSS te implementeren die hij/zij liever wil hebben. Als er iets is waarvan ik zou zeggen dat het bij een tech site past wat betreft design zou dit het zijn.

Dit is een techsite, dus is custom CSS ingebouwd. Dat gaat dus nog véél verder

kun je net zolang op wachten als op de cookiemuur die verdwijnt en tweakblogs!

tweakblogs zijn echt zonde dat ze daar niet meer tijd in investeren. hier komt naar mijn mening de tweaker tot zijn recht!

[Reactie gewijzigd door wifikabelhuren op 18 februari 2020 13:42]

Inderdaad erg zonde dat er niks meer aan tweakblogs wordt gedaan..

je kan een een custom ccs kopen met karma, werkt prima!

https://tweakers.net/my.tnet/karmastore/

Ik heb geen genoeg karma ervoor..

ps: Ik gebruik tegenwoordig Dark Reader ( chromium) en die werk echt heel goed

Woei mijn gevonden bug is gefixed.

Je wordt genoemd!

[Reactie gewijzigd door ge-flopt op 18 februari 2020 15:48]

Goed bezig weer, dankjewel!

Ach blijft altijd nog genoeg om over te zeiken dus laten we het positief houden....Lekker bezig devjes

Netjes weer allemaal