Wysiwygeditor in Vraag & Aanbod en Pricewatch-update - Development-iteratie #320

De wysiwygeditor is uitgerold naar Vraag & Aanbod en bovendien uitgebreid met de mogelijkheid om een tabel te maken. In de Pricewatch is verder gewerkt aan het vergelijken van producten en prijzen. In dit .plan meer hierover en wat er nog meer speelde in de afgelopen periode.

Wysiwygeditor in Vraag & Aanbod

Na een bètaperiode is de wysiwygeditor in de afgelopen sprint ook uitgerold naar Vraag & Aanbod. Bij het maken en wijzigen van een advertentie maak je nu dus gebruik hiervan.

Een nieuwe functie in de editor is de mogelijkheid om een tabel te maken in je advertentie. Je kunt zelf kiezen hoeveel rijen en kolommen je wilt toevoegen. Ook is de optie beschikbaar om de inhoud in de eerste rij als kop weer te geven.

Verder zijn er in de nieuwe editor de afgelopen tijd heel wat kleinere verbeteringen doorgevoerd en bugs opgelost die de weergave en het gebruik hebben verbeterd.

Prijzen en producten vergelijken

Zoals in eerdere .plans al gedeeld, werken we aan een grondige vernieuwing van de productdetailpagina's in de Pricewatch. Hiermee willen we het vergelijken van producten en prijzen gemakkelijker maken. Nadat eerder het bovenste gedeelte van de pagina is aangepakt en ook de prijsweergave en de plek van de prijsgrafiek op de desktopweergave zijn veranderd, zijn er de afgelopen tijd weer stappen gezet.

Naast de weergave van de prijs van een product zie je zowel op de mobiele weergave als op de desktopweergave ook de verzendkosten apart weergegeven. Als er geen verzendkosten in rekening worden gebracht, zie je dat de bezorging gratis is. In de weergave van de verzendkosten is door middel van kleuren (groen, geel, oranje en rood) zichtbaar wat de aangegeven levertijd zal zijn.

Direct onder het overzicht van prijzen en de prijsgrafiek zijn ook een aantal uitbreidingen gerealiseerd. Zowel de scorekaart uit een redactionele review, de kenmerken van het product als een video kunnen daar worden getoond − de scorekaart en video uiteraard alleen bij producten waarvoor deze beschikbaar zijn. Om een indruk te krijgen van de redactionele reviewscore of om de belangrijkste specificaties van een product te bekijken, hoeft niet langer een aparte tab te worden geopend.

Verder

• Op zowel product- als shopreviews is een rapportagemogelijkheid toegevoegd. Zie je een review over een product of winkel die niet in de haak is, dan kun je die voortaan melden.

• Voor het tonen van grafieken gebruiken we ECharts. Die grafiekbibliotheek is geüpgraded naar versie 6.

• De Skype-optie is verwijderd uit de profielinstellingen en weergave.

Reacties (49)

[Houtenklaas]

Als kleurenblinde word ik niet enthousiast van groen, geel, oranje en rood. Dat zijn juist de kleuren waar de meeste kleurenblinden moeite mee hebben. Een icoontje - vrachtwagentje met meer/minder "snelheidsstreepjes" zou erg fijn zijn als hulp ...

[Reactie gewijzigd door Houtenklaas op 15 september 2025 10:33]

[EJlol]

Persoonlijk heb ik, als niet kleurenblinde, ook moeite met de icoontjes. Het groene vrachtwagentje lijkt weg te vallen in het grijs (te weinig contrast). Hopelijk kan er nog iets met de kleuren / iconen gespeeld worden.

Overigens zijn er wel minimale verschillen tussen sommige iconen. De langzaamste mist de bak, en de snelste heeft wel snelheidsstreepjes.

[stuiterveer]

Dat probleem had ik zelf (ook niet-kleurenblind) ook al met de kleuren van scores in de reacties. Het wordt allemaal fletser waardoor het minder makkelijk te spotten is waar je nu precies naar kijkt. Nou is dat voor de reactiescores nog enigzins te negeren doordat er ook een daadwerkelijk cijfer groot in het midden van het gekleurde vakje staat, maar dat is niet zo bij de icoontjes van verzendtijden. En je kunt ook niet gemakkelijk het verschil in icoon spotten, aangezien het behoorlijk makkelijk mengt met de lichtgrijze achtergrond.

Al kan ik zelf dan weer zeggen dat ik geen last heb van dat contrast.... omdat ik dark mode gebruik. Dan is de achtergrond opeens een stuk donkerder grijs, waardoor je én uberhaupt makkelijker de verschillen in iconen kunt spotten, én ook nog eens veel makkelijker de verschillende kleuren (nogmaals: als niet-kleurenblinde) kunt onderscheiden.

Er moet volgens mij echt eens (opnieuw) een UX persoon naar kijken.

[engelbertus]

Het kan aan mij liggen, maar de verschillen tussen de vorm van de vrachtwagens is maar minimaal zichtbaar, en wat het dan betekent is mij ook niet duidelijk.

Het begint een beetje te lijken op die sommetjes met plaatjes op facebook, waarbij je 10 keer moet kijken of je elk detail wel hebt meegewogen en juist hebt geïnterpreteerd.

Het zou beter zijn het aantal dagen weer te geven of iets dergelijks, i.p.v. de bak / huif van de vrachtauto.
En idd het contrast mag wat duidelijker.

[deMercer]

En daarnaast: het voorbeeld gebruikt twee kleuren groen. Hopelijk is dat een foutje, want dat is helemaal niet duidelijk vind ik.

[RobbyTown]

Geen foutje. Wordt al meer dan 10 jaar gedaan

Zie Wayback linkje van 2015 (even geduld met laden)

https://web.archive.org/w...rry-pi-2-model-b-1gb.html

[deMercer]

Ah, OK. Dan is het al meer dan 10 jaar niet duidelijk

[edie]

Of verschillende icoontjes gebruiken: race-auto/vrachtwagen/bakfiets

[Rhinosaur]

Lijkt me onwenselijk, omdat er bezorgdiensten zijn die met de bakfiets bezorgen en dat het geen enkele invloed heeft op de levertijd. Ik snap je idee, maar zou dan voor andere symbolen gaan.

[Cambionn]

Ik blijf die "enter is nieuwe alinea" echt kut vinden. Nu heb ik steevast "enter enter backspace" voor nieuwe alinea's en "enter backspace shift+enter" voor nieuwe regels. Zo veel voor gemak .

En gezien de rest van mijn software en websites wel gewoon snapt dat enter een nieuwe regel is, en dat als je 2 regels verder wil je dus 2x op enter drukt (klinkt logisch toch?) gaat dat ook niet bepaald wennen vrees ik. Ik zal nooit snappen waarom mensen enter voor nieuwe alinea willen .

[Reactie gewijzigd door Cambionn op 16 september 2025 09:46]

[Creadion]

Ik heb niks toe te voegen behalve:

Eens.

(zitten we hier nog in de oude editor? want enter voor nieuw regel is hier wel van toepassing, of komt dat doordat ik op mobiel zit?)

[Cambionn]

Hij werkt hier op frontpage juist als eerste, maar mogelijk moet je de beta nog aanzetten?

Los van die stomme auto-witregel is hij overigens erg fijn .

[Creadion]

Ik heb zeker de irritante enters al gezien, zal dan wel desktop only zijn

[Cambionn]

Geen idee waarom je het niet ziet. Ik heb het ook op mobiel. Werkt overal.

Maar bijv. de grafische weergave van smileys en quotes, zeker hier op FP waar geen preview functie is, zijn dan weer wel erg fijn. Dus daarvoor hou ik hem aan, en blijf ik hopen op een optie om die stomme auto-witregels uit te zetten.

[Creadion]

Vreemd, ik type dit nu op laptop en hier is de

witregel

inderdaad wel '2 enters', maar op mobiel (iOS) niet.

Achja, gelukkig kunnen we altijd nog shift-enteren

[willemb2]

Enter is echt overal: nieuwe alinea beginnen. In elke tekstverwerker sinds de jaren '70, in elke CMS content editor. Het was zelfs al zo op de betere elektrische typmachine in de jaren '60.
Letterlijk betekent Enter: huidige invoer afsluiten. Als de huidige invoer een alinea is, krijg je een nieuwe alinea. Een nieuwe regel binnen de huidige alinea is Shift+Enter. Veel mensen nemen niet de moeite om hun alineaprofiel in b.v. MS Word zo in te stellen dat er wat witruimte onder komt. Daardoor denken ze dat Enter een nieuwe regel is.

[Cambionn]

Enter is echt overal: nieuwe alinea beginnen.

Overal vind ik ook een groot woord. Als ik een bash script schrijf is nieuwe regel bijv. ook een nieuw commando/input. Daar is ook geen nieuwe alinea voor nodig. Er zijn vast meer voorbeelden te bedenken waar dingen niet per alinea lopen.

Veel mensen nemen niet de moeite om hun alineaprofiel in b.v. MS Word zo in te stellen dat er wat witruimte onder komt. Daardoor denken ze dat Enter een nieuwe regel is.

Euhm, tegenwoordig komt Word juist met witregels op enter. Moest hem dan handmatig instellen dat niet te doen (moest omdat ik geen Word meer gebruik). Vroeger niet, en toen was dat profiel er ook al, alleen was de "geen witruimte" optie de standaard. Als dat dus echt "fout" was, zou je verwachten dat het wel-witregel profiel de standaard ingesesteld zou zijn.

Het lijkt ook in andere software en websites iets van de laatste jaren te zijn om standaard witregels te geven. Wellicht een teruggang naar voordat ik computers gebruikte, maar dat is imho dan nogsteeds meer achteruitgang dan vooruitgang.

Mijn oude "60 tiepmachine ging overigens ook gewoon naar de volgende regel, niet de volgende alinea. Daar moest ik gewoon 2x enter voor drukken. Enter was daar toch echt "regel afsluiten", niet "alinea afsluiten". Dus dat oude apparatuur dat al zo deed ook niet universeel. Geen idee wat voor model dat was, maar als "de betere" dat anders deden ben ik blij dat ik een slechtere had .

Letterlijk betekent Enter: huidige invoer afsluiten. Als de huidige invoer een alinea is, krijg je een nieuwe alinea. Een nieuwe regel binnen de huidige alinea is Shift+Enter.

We gaan het hier niet over eens worden gok ik, maar in mijn ogen is de huidige invoer een regel en niet een alinea.

Nog kutter wordt het als je zoals ik een voorkeur hebt voor justified tekst. Een enter of een shift+enter maakt dan verschil in spacing van de laatste regel, wat je juist weer niet altijd aan een witregel vast wil hebben zitten. Maar ook in "normale" links gecentreerde tekst vind ik het gewoon enorm onhandig.

Daarnaast werkt shift+enter weer vaak niet op mobiele apparaten, die we juist zo veel gebruiken tegenwoordig.

Niet dat ik je wil bekeren tot de enter = nieuwe regel club. Maar ik denk dat het niet zo zwart-wit is als dat je brengt. Denk ook dat mensen het nooit eens zullen worden over wat superieur is .

Zo, en nu wil je niet weten hoe vaak ik enter enter backspace heb gedrukt om dit te tiepen.

[Reactie gewijzigd door Cambionn op 15 september 2025 14:46]

[Navi]

Eens, dit speelt echt al 30 jaar in allerlei RTE’s in alle CMS’en, het blijft gedoe met enters, nieuwe regels en nieuwe paragrafen. Helemaal als je gaat converteren tussen pakketten.

Het zal best dat enter ooit een nieuwe paragraaf is of was, maar het is bloedirritant en niemand verwacht het. Over de jaren honderden opmerkingen of klachten hierover gehad door eindgebruikers.

Ik zou het gewoon zo maken dat 1 enter gewoon de volgende regel is, en 2 enters dan zit er 1 regel witruimte tussen, of je daar dan technisch een nieuwe p van maakt, kan, als het er visueel maar goed uitziet.

[Reactie gewijzigd door Navi op 15 september 2025 19:31]

[MrFax]

Ik vind dat de editor soms nog steeds een beetje vervelend is: Als ik bijv. een nieuwe alinea begin, dan is de spacing tussen de eerste en tweede alinea kleiner dan tussen de tweede en derde alinea.

Ook krijg je rare fratsen als je bijv. X (de website) noemt aan het begin van de zin, dan krijg je een opsommingspunt: MrFax in ''X schikt rechtszaken van duizenden oud-werknemers over ontslagvergoedingen'' hier een goed voorbeeld.

Soms pakt de wysiwyg ook je BBCode niet altijd goed op:

MrFax in ''4chan moet van VK minstens 20.000 pond boete betalen, maar weigert dat''

[Reactie gewijzigd door MrFax op 15 september 2025 10:06]

[EJlol]

X kan getypt worden door gelijk daarna een backspace te doen. Handig? Misschien niet, maar het werkt wel...

[DaFeliX]

Voor wat betreft de BBCode: BBCode kun je alleen in broncode modes gebruiken, niet in de visuele modus. Dat doen we bewust.
Als je in WYSIWYG een quote wil doen, kun je de zin beginnen met een "> ", de toetsenbordcombinatie Ctrl+Shift+B gebruiken of vanuit het keuzemenu bovenin.

Het verschil in spacing tussen de alinea's is niet wat ik eerder heb gezien, en zelf ook niet ervaar. Kun je hier misschien een bugreport voor maken in forum: Stoute bugs?

[NEK]

Is het mogelijk om te laten zien hoeveel reviews elk bedrijf heeft. Dit was vroeger namelijk wel zichtbaar en geeft duidelijk aan hoe de score opgebouwd is. Alvast dank voor de moeite.

[DaFeliX]

Ik neem aan dat je bedoelt, op de productdetailpagina? Deze informatie is op desktop beschikbaar als je over de sterretjes hovert.

[NEK]

Yes, gevonden. Is het niet duidelijker om het aantal reviews achter de sterren te plaatsen zodat het in 1 oogopslag duidelijk is ipv hooveren?

uitvoering: Apple iPhone 16, 128GB opslag Zwart

[YaYo86]

Precies, niet handig dat hoveren, duurt echt te lang. Je wil meteen kunnen zien hoe of wat.

[MrFax]

Dat laatste, ik kan het nu ook niet reproduceren volgens mij. Ik moest dus speciaal Shift+Enter doen om het te fixen.

[DaFeliX]

Ik vind de manier waarop je communiceert niet prettig; het komt mij vijandig over. Mijn leidinggevende heeft gelukkig meer vertrouwen in mijn werk en werkhouding dan jij.

Hoe dan ook, ik zou een gebruiker die WYSIWYG gewend is, juist niet willen lastig vallen met 't feit dat blokhaken 'ineens' een bepaalde betekenis hebben. Daarvoor zijn andere mogelijkheden zoals genoemd: Een knop in de taakbalk, een toetsencombinatie én een "begin de zin met een speciaal teken en het wordt omgezet"-optie. Daar hoeft imo geen mogelijkheid bij. Als je BBcode wilt gebruiken kun je naar die versie overschakelen; en die optie wordt ook onthouden dus dan heb je geen WYSIWYG meer nodig.

[ShadLink]

Het is niet vijandig bedoelt. Ik snap zelfs dat je nieuwe sneltoetsen wilt introduceren.

Het overschakelen tussen BBCode en Visueel is echter wel een probleem. Helemaal als je veel BBCode gebruikt wil je dit kunnen controleren. Hierdoor kom je de volgende keer achter dat hij nog op "Visueel" stond. Waardoor je het bericht nog een keer mag gaan bewerken. Een andere optie zou een "voorbeeld" functie zijn voordat het bericht daadwerkelijk geplaatst wordt, of een optie om de editor standaard op broncode te beginnen. (dus niet de laatste stand onthouden)

[DaFeliX]

Ok, voor de situatie waarin je niet weet dat je in visuele modus zit, en BBCode typt kan ik mij voorstellen dat 't handig zou kunnen zijn. Toch weet ik niet of dit alleen de ondersteuning van BBCode in WYSIWYG rechtvaardigt, zeker niet omdat dit wel ten koste gaat van andere gebruikers die geen BBCode in hun WYSIWYG willen.

Ik neem 't mee in de evaluatie van de editor.

[scramados]

Het is niet zo aardig om Dafelix woorden in de mond te leggen als "It's not a bug, it's a feature.", daarnaast komt het voor mij wat dreigend over dat hij aangesproken moet worden door zijn leidinggevende.

Ik vind het heel leuk dat we direct met de ontwikkelaars van Tweakers in gesprek kunnen. Door met deze toon te spreken is de kans klein dat je iemand gaat overtuigen maar is er wel een kans dat je de developer in de toekomst niet meer gaat spreken.

Ik las dat er een bewust keuze is gemaakt om het zo te laten werken. Als je graag zou willen dat het anders werkt kan je dat ook netjes aangeven.

[MazeWing]

Nog steeds onbruikbaar op mobiel vanwege de standaard dubbele enter!

[AW_Bos]

Je wilt dus een Ctrl+ENTER kunnen gebruiken op een mobieltje?

[MazeWing]

Ja dat zal wel moeten want een standaard enter is gewoon een nieuwe alinea.

[AW_Bos]

Hoe zou jij dat op een mobieltje zien zonder Ctrl en ENTER functionaliteit?

[MazeWing]

Door het gewoon zoals praktisch alle andere mobiel apps te doen: enter = volgende regel.

Wil je een nieuwe alinea dan druk je 2x enter.

[AW_Bos]

Dat is niet hoe een WYSIWYG editor werkt, die weer zoals de principes van MS Word en typemachines werkt.

Dat het eerst anders was, was omdat het een normaal textvak in een textarea was, en die kent standaard geen opmaak.

Dus wat zou een goede mobiel-vriendelijke oplossing zijn, die de developers zouden kunnen implementeren? En wat zijn volgens jouw situaties waarbij je een 'soft return' wilt gebruiken, zonder nieuwe alinea?

[Reactie gewijzigd door AW_Bos op 18 september 2025 09:24]

[MazeWing]

Een toggle. Heel eenvoudig lijkt me.

[AW_Bos]

Dat heb ik wel eens eerder gezien. Ik ben geen developer hier, maar wat zijn redenen dat je een 'soft enter' wilt gebruiken?

[MazeWing]

https://gathering.tweaker...message/83430572#83430572

Hier leg ik het uit en geef wat voorbeelden. Ik snap niet dat de developers zou vasthouden aan deze nieuwe instelling. Geef gebruikers een keuze. Net zoals Word mij de keuze geeft om gewoon "enter = nieuwe regel" te kiezen. Daarnaast is het voor een mobiele telefoon gewoon onmogelijk om een shift+enter (of ctrl+enter) te doen. Dus ook vanuit usability oogpunt slaan ze de plank mis.

Daarnaast moet je je afvragen wat belangrijker is: "what you see is what you get" of "what you see is what you want".

1 simpele toggle. Doodeenvoudig te implementeren en je hebt beide groepen tevreden...

[lifeguard]

Ik vind het vooral vervelend dat de Plaats reactie-button links zit.

[Loller1]

Ook dit ja, maar dat is vooral erger gemaakt door de visueel/broncode toggle. Die zou gewoon in de toolbar moeten zitten.

Over de toolbar gesproken; het zou fijn zijn als daar ook wat meer structuur in gebracht wordt mbv knoppen te groeperen, etc.

[Loller1]

Zijn er plannen om de prijsevolutie grafiek terug de volledige breedte van de content in te laten nemen?

[- peter -]

Fijn, die tabel mogelijkheid in V&A!

[HollowGamer]

Complimenten over de PW verbeteringen, het is nu veel eenvoudiger en rustiger te zien. Het werkte voorheen ook wel, maar dit geeft een iets sneller blikt.

De editor vind ik nog vaak onhandig. De dubbele enters bijvoorbeeld en ook werken emojis bij mij niet op de frontpage. Wel prima op GoT.

[Saeverix]

Fijne wijzigingen, ziet er een stuk fijner uit in de Pricewatch.

Ik mis echter nog steeds de mogelijheid om Shopreviews te filteren op Motivatie. Dat is volgens mij een veel gevraagde functie, waarbij we de echte reviews makkelijk kunnen scheiden van de "Ik maak kans op een prijs" reviews.
Zijn daar al concrete plannen voor gemaakt?

[Reactie gewijzigd door Saeverix op 15 september 2025 12:01]

[P_Tingen]

Tabelfunctie is cool! Doe gelijk overal op de site please...

[Reactie gewijzigd door P_Tingen op 15 september 2025 12:42]