Door Femme Taken

UX Designer

Introductie van nieuwe sidebar - Development-iteratie #278

30-01-2024 • 10:57

232

Onze developers hebben de nieuwe sidebar, waaraan in de afgelopen sprints is gewerkt, live gezet. Daarnaast hebben ze gewerkt aan een nieuwe advertentiepositie in de Pricewatch en verbeteringen aan de Best Buy Guides doorgevoerd.

Sidebar

In december kondigden we een nieuwe sidebar aan als verdere ontwikkeling van de bekende tracker. Inmiddels zijn we zover dat de sidebar live is gezet. Hij is altijd in beeld op schermgroottes vanaf tabletformaat en geeft een directe toegang tot de nieuwste updates op Tweakers. Behalve op de tracker biedt de sidebar direct zicht op de actieve topics, mijn topics, forumbookmarks en gevolgde topics.

Veranderde weergave en interactie

Om de complexiteit van de sidebar te beperken, hebben we een aantal veranderingen in de weergavemogelijkheden doorgevoerd. De keuze tussen de weergave links of rechts is verdwenen, net als de mogelijkheid om te kiezen tussen een vaste positie of meescrollend met de pagina. De sidebar wordt altijd rechts weergegeven in een vaste positie. De keuze om de sidebar standaard open te klappen is gebleven. In ingeklapte toestand zie je op schermen vanaf tabletformaat alleen een balk met menuopties.

We hebben deze keuze gemaakt omdat een beperkt deel van onze bezoekers gebruikmaakte van de tracker. Voor de meeste bezoekers is de sidebar van secundair belang. Op pagina's met een filterkolom, zoals in de Pricewatch, is de lay-out ook meer in balans als de sidebar rechts wordt weergeven.

In de bètafase heeft een aantal tweakers de sidebar getest. Dit heeft al een custom-css-snippet opgeleverd om de sidebar links weer te geven.

Sidebar op desktop in darkmode

Nieuw is ook dat forumtopics verwijzen naar de eerste nieuwe reactie sinds het begin van je sessie. Deze functionaliteit is gelijk aan de links in de topiclistings op het forum onder het topicicoon en de tijd. We maken het hiermee makkelijker om nieuwe reacties terug te vinden.

Betere gebruikservaring op mobiel

Op mobiele apparaten is de sidebar direct via een trigger onder de navigatiebalk op te roepen. Er zijn geen twee stappen meer nodig via de hamburger- en navigatiemenu's. Het menu met de verschillende sidebarlijstjes wordt mobiel binnen duimbereik onder in het beeldscherm weergegeven.

Sidebar op mobile in lightmode

Nieuwe advertentiepositie in de Pricewatch

Sinds kort is het voor adverteerders mogelijk om een specifieke productuitvoering uit te lichten in de Pricewatch. Hiermee komen we tegemoet aan de wens van onder andere fabrikanten om bijvoorbeeld rondom een productaankondiging extra aandacht te genereren voor dit specifieke product. Indien actief, wordt deze advertentie bovenaan de lijst van producten in een bepaalde categorie getoond in de Pricewatch. Als je erop klikt, kom je op het Pricewatch-prijsoverzicht van de betreffende uitvoering. Aan het blauwe kader en het advertentielabel is te herkennen dat het om een advertentie gaat. De advertentie wordt niet getoond bij het gebruik van filters of sorteringen.

Uitgelicht product Pricewatch

Best Buy Guides

Als onderdeel van de vernieuwing van de Best Buy Guides hebben we hierin weer enkele verbeteringen doorgevoerd. Zo zijn de afbeelding en titel in productkaarten klikbaar gemaakt en wordt indien aanwezig een link naar de review van het betreffende product getoond (voorbeeld). Het vernieuwde Best Buy Guides-blok op de frontpage heeft inmiddels ook zijn weg gevonden naar de Pricewatch-portal. Tot slot hebben we een makkelijkere ingang naar Best Buy Guides gecreëerd door ze als apart item op te nemen in de navigatie. Zodra er meer Best Buy Guides in de nieuwe opzet gepubliceerd worden, worden deze productgroepen automatisch toegevoegd aan de navigatiebalk. Onderliggend is de navigatie verbeterd op het gebied van responsiveness.

En verder

  • Als niet-ingelogde gebruiker was het mogelijk om prijsalerts aan te maken op een e-mailadres dat bij een bestaand account hoorde. Om misbruik te voorkomen, vereist dit voortaan een activatie via het betreffende e-mailadres. Voor ingelogde gebruikers is activatie van prijsalerts niet nodig.
  • De flow voor het wijzigen van een e-mailadres is verbeterd om te voorkomen dat gebruikers buitengesloten werden als ze bijvoorbeeld een typfout in het nieuwe e-mailadres maakten.
  • De pop-up om producten in de Unsorted-categorie te koppelen (voorbeeld), was onleesbaar in dark mode. Dit is nu verholpen.
  • Op de Video-pagina hebben we het overzicht met 'Overige video's' weggehaald, omdat dit videotypen bevatte die we niet meer publiceren.
  • We hebben een bug in de Pricewach- of V&A-categorie in de link opgelost.
  • De inhoudsopgave in de text-versie van de nieuwsbrief is gefixt. Ook in de prijsalertmail is een bug met HTML-entities verholpen.
  • De fotocarrousel is aangepast om verspringen te voorkomen en vervolgens verder verbeterd naar aanleiding van deze bugmelding.
  • De rode markering van oude forumposts wordt voortaan ook consistent toegepast in gesloten topics.

Reacties (226)

226
226
177
4
0
11
Wijzig sortering

Sorteer op:

Weergave:

Voor degenen die de wijzigingen niets vinden en zoveel mogelijk ongedaan willen maken:

• Aangehaalde css-snippet activeren. Die is niet van mij, maar van @Danny. Alle bedankjes naar hem hiervoor!
• De tracker openen door deze één keer aan te klikken.
• In je favoriete content blocker de volgende regel toevoegen om de extra functionaliteit van de nieuwe sidebar uit te schakelen:
tweakers.net##.sidebar-buttons
Dat laatste zorgt er wel voor dat je een lege grijze balk krijgt als je scherm te veel is ingezoomd bij het laden van een pagina, zonder een mogelijkheid om de sidebar uit te klappen. Zorg dat de viewport voldoende ruimte heeft (even uitzoomen) en de pagina verversen, en de tracker is weer zichtbaar.

Met de bovenstaande acties is alles bijna weer als vanouds, behalve dat de tracker op een desktop browser onnodig veel verticale schermruimte lijkt te gebruiken door meer nutteloze pixels tussen items onderling en dividers.

Mijn twee eurocent:
Ziet er strak en functioneel uit. Goed bezig, T.net! Wel graag de mogelijkheid toevoegen om de sidebar automatisch uit te klappen bij het aanpassen van de grote van de viewport, wanneer er voldoende ruimte is. :)

[edit]
"Waarom rechts?" wordt door Femme hier uitgelegd. Het heeft niet mijn voorkeur, zeker niet voor de desktop. Mobiel gebruikte ik de tracker nooit en ik gebruik geen macOS, Facebook en LinkedIn, dus geen gewenning door iets anders. Wel lees je dat erover is nagedacht. De keuze voor rechts is duidelijk. De keuze om geen optie te hebben tussen schakelen rechts en links (en uit) is onduidelijk.

[edit2]
Mobiel maakt een standaard geopende sidebar dat de pagina hapert bij het openen (eerst uitgezoomd, daarna ingezoomd naar het juiste niveau). Ook blijft een hoekje van de tracker linksonder in beeld staan. Dat laatste is niets wat een mobiele content blocker niet kan oplossen (uBlock Origin in Firefox op Android, bijvoorbeeld). Relevante regels:
tweakers.net##twk-sidebar
tweakers.net###menubar > .sidebar-trigger

[Reactie gewijzigd door The Zep Man op 23 juli 2024 07:38]

Bovenstaande snippet plaats de sidebar niet alleen links, maar probeert de sidebar zoveel mogelijk op de oude tracker te laten lijken. Wil je de nieuwe sidebar, maar wel aan de linkerkant, kan je deze proberen: Sidebar links

Deze komt van @crisp tijdens de beta: https://gathering.tweakers.net/forum/view_message/77577246
Tracker rechts, wie heeft dat bedacht joh. Verschrikkelijk irritant. Voor het eerst dat ik custom CSS moet toepassen op tweakers om iets te fixen wat standaard hoort te zijn, bedankt @crisp & @HashIT . De mensen die de tracker niet wilden gebruiken konden hem altijd al inklappen, dus was er mijn inziens totaal geen reden 'm naar rechts te verplaatsen.

Als ik nu nog van die lompe knoppen 'tracker, actieve topics, mijn topics' e.d. af kan komen om die verspilde ruimte weer vrij te maken zou helemaal mooi zijn.

Keiharde achteruitgang dit.
Held! Dat menu aan de rechterkant hoort niet, die hoort gewoon links, einde discussie. :P
Op mobiel valt er nog wel iets voor te zeggen omdat de meeste mensen hun telefoon in de rechterhand vasthouden en dan eventueel met hun duim het menu kunnen bedienen, hoewel ik zelfs daar niet mee akkoord ga daar die hoofdzakelijk onderaan het scherm zit. Maar op de desktop staat deze al meer dan 20 jaar links op deze site, ook bij mij. Om die dan ineens naar rechts te forceren is zeer spijtig, temeer daar men bij het redesign toen men hem standaard rechts plaatste wel de optie had behouden om hem links te zetten.
Op mobiel valt er nog wel iets voor te zeggen omdat de meeste mensen hun telefoon in de rechterhand vasthouden
Huh, verrek.. Is dat echt zo? Dat is toch totaal onhandig? Dan ben je je dominante hand kwijt zodra je je mobiel vast hebt.

EDIT: Dit verklaart wel de positie van het menu voor notificaties op mobiel, ik vond rechts bovenin altijd al een onhandige locatie (zeker gezien ze links wel een hamburgermenu hebben die vooral veel minder nuttig is)

[Reactie gewijzigd door Patriot op 23 juli 2024 07:38]

Maar waarom zou je op desktop het menu aanpassen omdat sommige mensen op mobiel hun telefoon rechts vasthouden? Vooral omdat hij nu blijkbaar m'n laptop ook als mobiel ziet... (full HD, met FF op 110%) Ik heb nu dus de keuze van te kleine letters (100%) of teveel witte loze ruimte omdat ik die tracker blijkbaar niet mag zien (110%)
Rechts vasthouden is links klikken. De tijd dat je het hele scherm met een enkele vinger kunt bedienen is lang voorbij.
van mij zit hij al vanaf dag 1 rechts.(dus ik heb geluk)
de extra toevoegingen kan ik ook wel waarderen.
met mijn scherm heb ik dan ook geen enkel probleem hoe deze staat.
windows 8 anyone? Gelukkig zie je deze icons nog meteen :)
Inderdaad menu moet aan linkerkant bah :+
Altijd open lijkt nog steeds niet te werken...

Extra klikken om bij dezelfde info te komen is nooit goed :X
Altijd open lijkt nog steeds niet te werken...
Dat lijkt gerelateerd te zijn aan dit:

Femme in 'Introductie van nieuwe sidebar - Development-iteratie #278'
Topper!

Gewoon lekker links zoals ik al meer dan 10 jaar gewend ben.
Bedankt voor de blocklist, ik gebruik de sidebar echt nooit en Custom CSS is tegenwoordig niet bruikbaar meer (zelfs met abonnement is er sinds een jaar een hele rits aan CSS classes uitgezonderd die je niet meer mag aanpassen) dus ik doe nu ook alles via uBlock Origin. Ik zal deze even toevoegen om de nieuwe tracker ook te verwijderen.

Wat me altijd stoorde aan de tracker is dat de titels afgekapt werden waardoor er eigenlijk geen meerwaarde was. Dat is helaas nog steeds het geval, echt elke headline wordt afgekapt met "...". Dat was voor mij de reden hem niet te gebruiken.

Ik heb mijn tweakers helemaal 'schoon' zonder plaatjes of wat voor 'ankeilers' dan ook en dat kan helaas niet meer met de custom CSS :'(

Edit: Als je het doet zoals je zegt blijft er een grijze balk rechts, die kan je verwijderen door ook dit te blokkeren:

tweakers.net##twk-sidebar-pane

Het enige probleem dat ik nu nog heb is dat de grijze achtergrond van de zoekbalk niet meer helemaal naar rechts doorloopt. En de content ook niet. Moet ik nog ff zien te vinden. Volgens mij moet ik dan weer met dat grid rommelen en dat is altijd nogal lastig :'( Heeft iemand dit voor elkaar gekregen om de plaats van de sidebar helemaal te verwijderen?

Ik vind ook dat Links of Rechts een keuze zou moeten blijven zoals het was. Maargoed ik gebruikte hem toch al niet dus dat is er ook..

[Reactie gewijzigd door Llopigat op 23 juli 2024 07:38]

Thx voor de link naar @Danny z'n CSS snippet. Dat maakt het leven weer een stuk beter.
Ben zelf nog wat gaan hobbyen, en heb als extra CSS iets gemaakt zodat je ook 110% en 125% zoom met alle 4 de kolommen kunt zien. Ook zit de tracker als deze verborgen wordt niet meer voor de tekst hiermee. Verder nog de sidebar wat smaller gemaakt zodat dat wat beter werkt met de 110% en 125% zoom.

Voor de liefhebbers: Smallere sidebar incl 4 kolommen met 110% en 125% zoom

<disclamer> Ik kan niet coden, ben geen coder etc. Alles op eigen risico. De CSS die ik gebrouwen heb zal verre van efficient zijn, aangezien ik er eigenlijk geen verstand van heb :) Ik pruts maar wat, en soms werkt het :)
Kleine nitpick is dat de hele MacOS design taal zulke menu's als de tracker juist links wil hebben als je bijv. SwiftUI volgt, met dan rechts nog specifiekere opties op basis van de in de pagina geselecteerde items, zoals Tweakers nu gewoon heeft met de tekstopmaak knoppen ongeveer (al zouden die knoppen dan strak in een bar rechts moeten zitten als je echt 100% de designtaal volgt). Dus zeggen dat dit MacOS volgt is niet doordacht maar een verkeerd gokje ;)
Bedankt. Zag ineens een lelijke balk aan de rechterkant, kwam er pas later achter dat de tracker heeft vervangen. Gelukkig nu weer aan de linkerzijde met een beter formaat font.
Wat feedback:
  • Optie om hem de positie links of rechts te kiezen moet echt terug. Evenals de optie om hem uit te zetten. Dat is geen who-moved-my-cheese argument, maar simpelweg een feature die er was en daarom door velen gebruikt werd. Dat weghalen is terug in de tijd. If any, dan moet je Tweakers meer tools geven hun website in te delen zoals ze zelf willen.
  • Het is erg storend dat het ene deel op de frontpage server side gerenderd wordt en het andere met javascript. De sidebar zie je nu in beeld flitsen nadat de rest van de site al geladen was.
  • Active topics een aparte tab geven, terwijl de sidebar al active topics kan tonen is dubbelop.
  • Het icon voor gevolgde topics is verwarrend, omdat dat hetzelfde icon is als voor notificaties wordt gebruikt.
  • Gebruik BEM naming consistent. Of gebruik een andere style, maar dan die consistent. Het ene deel van de sidebar gebruikt BEM naming, het andere deel niet. Voor mensen die CSS-snippets wel zo handig dat ze weten wat de werkwijze is.
  • Wat voegt dit precies toe t.o.v. de vorige sidebar voor mij als gebruiker?
Van mij had het allemaal niet gehoeven. Zeker niet met de degradatie dat deze aanpassing is...

[Reactie gewijzigd door mOrPhie op 23 juli 2024 07:38]

Ja hier hetzelfde. Ik zie totaal het voordeel niet hem naar de rechterkant te verplaatsen. Sterker nog door die lelijke knopjes heb ik nu dubbele scrollbars.

https://imgur.com/a/6sfxmF3
  • Actieve topics heb ik al boven in mijn tracker staan
  • Dubbele scrollbars als je tracker te groot is blijkbaar?
  • Gevolgde topics krijg ik al via het belletje een notificatie van.
  • En geef mij aub weer de optie om te kiezen om deze aan de linkerkant en altijd open geklapt....
Edit...
Heel leuk die custom css om hem naar links te verplaatsen. Maar omdat ik blijkbaar meer content in de sidebar heb staan dan 2160 pixels krijg ik er nu gratis een scrollbalk bij... dat ziet er toch niet uit. En ook dat die fixed is... pfff

Edit2
Na wat custom css werk nu de tracker weer zoals die stond. Nu alleen nog weer mee laten scrollen

https://imgur.com/a/bXW1hcy

[Reactie gewijzigd door Senaxx op 23 juli 2024 07:38]

voordeel is dat links enorm storend is, continu die balk in beeld. helemaal als je een artikel wil lezen. Nog beter zou zijn als je die balk helemaal kan uitzetten
Geen verbetering wat mij betreft. Zeker zoiets basaals weglaten als links of rechtsweergave vind ik echt wel een misser. Heb die tracker al meer dan 20 jaar links zitten. Dit is echt waardeloos!

Vooral ook om door de tracker links te hebben, de content veel beter in het midden van je scherm terecht kwam. Nu moet je helemaal op het linker deel van je scherm focussen om nieuws te lezen.

AUB voeg die optie toe voor keuze links of rechts!

[Reactie gewijzigd door Master FX op 23 juli 2024 07:38]

De onrust van de site vind ik vooral erg storend. Alles staat links klik je een artikel staat het ineens in het midden. Ik heb de CSS maar aangezet.
Is daar al een goed werkende style sheet voor? Sharing is caring :)
Hij werd hieronder al gepost!!! Top... Ik ben gered!

[Reactie gewijzigd door Master FX op 23 juli 2024 07:38]

die CSS die hierboven staat ;-).

euh de CCS die hier staat: The Zep Man in 'Introductie van nieuwe sidebar - Development-iteratie #278'

[Reactie gewijzigd door Kevinp op 23 juli 2024 07:38]

Ik heb Tweakers altijd op mijn linker scherm zitten van de 3 en nu moet ik nog meer naar links kijken om het item te lezen. Geef mij de tracker maar links dus zodat het wat meer naar rechts komt te staan.
Inderdaad, zeer spijtig, temeer daar ze er wel direct bijzetten dat er alweer mogelijkheden zijn met custom CSS. Hoewel die ook niet perfect is heb ik al snel gemerkt. Later vandaag wat mee verder spelen.

Verandering is beangstigend, dat begrijp ik, En ik wil de nieuwe tracker een kans geven. Maar dit voelt wel als een verkeerde stap.
Verandering is beangstigend, dat begrijp ik,
Verandering is prima wanneer het wat toevoegt. Het wordt problematisch als een verandering wordt opgedrongen en niets toevoegt of zelfs als negatief wordt gezien.

Dat wil ik niet van deze verandering zeggen. Dit is anders, niet zozeer slechter. Wel mis ik customization opties, maar daar kan afgevangen worden door CSS en wat creativiteit. De rest is gewenning. ;)

[Reactie gewijzigd door The Zep Man op 23 juli 2024 07:38]

Dat wil ik niet van deze verandering zeggen. Dit is anders, niet zozeer slechter.
Als iemand die de tracker op mobiel ook gebruikt en zijn telefoon doorgaans met links vasthoudt kan ik je zeggen dat het wel degelijk een verslechtering is. De tracker aan de rechterkant is simpelweg niet bereikbaar met mijn duim, en daarmee dus onbruikbaar. Gelukkig dat daar dan inmiddels al een stukje custom CSS voor is gebouwd (ik stond al op het punt het zelf te gaan doen, thanks @Danny , maar zou niet nodig moeten zijn om een stuk functionaliteit te behouden c.q. te repareren. Nu alleen nog even kijken om de tracker knop op mobiel ook naar links te krijgen, die blijft helaas nog wel rechts staan, maar de inhoud van de tracker weer links is in ieder geval alvast een verbetering.

[Reactie gewijzigd door Aganim op 23 juli 2024 07:38]

Voor mij geen gewenning, maar meer dubbelop en dus gelijk uitgeschakeld.
Volledig mee eens! zeker bij een hoge resolutie is tweakers nu een dof groot wit vlak geworden. en uitlijning is ook ver te zoeken als die permanent uitgeklapt is.
Het eerste wat ik nu gedaan heb is om die sidebar via CSS naar links te plaatsen... Ik vind rechts echt een vreselijke locatie.
Ik snap dat verandering noodzakelijk is, dat zie je overal, maar geef de gebruikers dan tenminste keuze. De sidebar kun je niet eens uitklappen als standaard. Links of rechts is een kwestie van wennen, dat vind ik de minste achteruitgang, alhoewel het niet echt lekker uitlijnt bij de rest van de indeling, maar dat terzijde.
Ook mee eens, graag de opt-in weer voor links. Verder lijkt de tekst wel wat groter dan hiervoor, compactere weergave kan prettiger zijn net als dit voor de rest van de site instelbaar is. De inklapbalk is overigens een prettige toevoeging met de categorieën tracker, topics, etc.

[Reactie gewijzigd door Aardwolf op 23 juli 2024 07:38]

Helemaal met je eens. Waardeloze aanpassing en anno 2024 raar om niet de keuze tussen links en rechts te maken.

Anyway; feedback zal men ongetwijfeld geen fluit mee doen ;)
Ik vraag me met die dit soort dingen af waarom er ineens besloten word hem naar links te verplaatsen.
Ding staat volgens mij al eeuwig rechts.
Zit daar een gedachte achter?
Vroeger kon je kiezen of je hem links of rechts wou hebben. Voor jou stond hij kennelijk rechts, voor anderen links.
Default is volgens mij sinds invoering altijd links geweest, ik kom hier in ieder geval al sinds Tweakers nog WoT was, en heb nooit iets aan die settings aangepast, en ik had hem altijd links staan.
Ik meen me te herinneren dat (in mijn geval) hij een keer bij een iteratie opeens rechts stond. Maar dit heb ik nooit aangepast, omdat ik niet wis dat hij weer terug naar links kon. Maar dit kan ik mis hebben.
Voor zover m'n geheugen me niet in de steek laat, stond 'ie op de FP links, en op GoT rechts.
Wat meer achtergrondinformatie vind je in de vorige .plan hierover.
Huh, dat is andersom toch? :o

Hij staat nu rechts bij mij, maar ik had hem altijd links. Liever heb ik hem weer aan de linkerkant denk ik, mogelijk is het in te stellen?
Hij staat toch juist rechts?
Ik had hem al tijden links openstaan en moet er nu erg aan wennen dat hij rechts staat, maar goed kwestie van gewenning.
Waarom kan ik de sidebar niet vast open klappen?
Tevens; hij valt nu half over m'n forum heen.
AuteurFemme UX Designer @MikeyMan30 januari 2024 11:02
Permanent openklappen kan als je viewport groot genoeg is :)
Ok... Mag ik dat misschien zelf bepalen? Heb een 38 inch scherm in 12:5 verhouding. Werkte prima op 30/70 verhouding in het 30 venster.

Uitzoomen werkt ook niet, dus er gaat iets niet goed.

[Reactie gewijzigd door MikeyMan op 23 juli 2024 07:38]

Ik zit op een 14" Full HD Chromebook, met Chrome full screen en display op 110%. Die heeft kennelijk een viewport die te klein wordt verondersteld.

Maar ik heb, op het oog tenminste, ruimte genoeg voor permanent openklappen. Dus :? :? :?

EDIT: Mijn 110% display geeft, volgens de Chromebook settings, "Looks like 1396 x 785". Dus het is in ieder geval logisch dat die tracker niet open kan blijven.

(Chromebook doet dit overigens gek: 80% is native 1080p, 100% is 1536x864 en 110% is 1396x785.)

Ik zit kennelijk dus net in dat grijze gebied: Permanent uitgeklapt past net niet, ingeklapt heb ik loze ruimte.

[Reactie gewijzigd door JumpStart op 23 juli 2024 07:38]

De nieuwe sidebar is daarin een achteruit gang.

Voor de oude tracker, was het groot genoeg op mijn oude scherm. Nieuwe standaard standaard niet.
Oude was aan de linkerkant, waarom geen optie om dit een de tweaker over te laten? Links bevat juist de belangrijkste informatie, oogtechnisch.
In de oude paste alle informatie er direct in, nu niet meer.
Extra knoppen beiden tov de oude tracker ook geen toegevoegde waarde, afgezien dit nu extra ruimte inmee.t.

Helaas niet echt een verbetering.

Weer wachten totdat er goede custom css is, om een cleanup en correctie uit te voeren.
Waarom is dat niet default te zetten, simplele checkbox of iets dergelijks.
De view die ik gebruik (linker helft van een 32" scherm, iets ingezoomd voor leesbaarheid) zit blijkbaar net onder deze pixels waardoor hij standaard inklapt. Terwijl de inhoud prima past. Als ik hem open klik in de inhoud van de website zie (donker weergegeven) past dat prima en wil ik dat graag zou houden, maar dat kan blijkbaar niet.

Is er een bijzondere reden voor dit specifieke breakpoint?
Zou dit met een custom CSS nog te fixen moeten kunnen zijn?
Maar Full HD is niet groot genoeg?
AuteurFemme UX Designer @Kevinp30 januari 2024 11:10
Het breakpoint zit op ca 1470 pixels dus dat kan makkelijk op full hd, tenzij de weergave sterk is ingezoomd.
Ik gebruik een 3440x1440 scherm waarop ik twee Firefox browser vensters naast elkaar heb staan. En vind het prettig als ik Tweakers.net op 120% ingezoomd heb staan. Maar dat is dan net de grens waardoor de tracker 'over' de content komt en dan verdwijnt wanneer ik op de hoofdpagina klik om verder te lezen. Kan dat breakpoint nog iets aangepast worden voor zulke situaties of weegt dat niet tegenop andere factoren?
Als ik in Firefox begin in te zoomen kan ik tot 130% gaan en de trakcer blijft staan op een FHD scherm. Bij 140% klapt hij wel automatisch terug in.
Bor Coördinator Frontpage Admins / FP Powermod @MikeyMan30 januari 2024 11:11
Bij mij klapte hij elke keer automatisch open en kreeg ik hem niet standaard dicht. Na het wissen van de browsercache lijkt dat punt verholpen. Misschien is dat iets wat je nog even kan testen.
Nee als het breakpoint idd 1470 pixels is, ligt het daaraan. Veel te hoog m.i.
Staat een bug open op het forum. Je moet hem inklappen met een andere knop dan het pijltje. Dat past de default wel aan
.oisyn Moderator Devschuur® @Bor30 januari 2024 11:21
Hij onthoudt een druk op het pijltje niet. Je moet nogmaals op de categorie klikken die openstaat.
Geen idee als dit bekend is door de aanpassing.

Op de mobiel is de Henk layout bij het hamburger menu alles compleet weg. Geen pw, geen forum. Ik zie alleen het woord 'navigatie' als je op de 3 streepjes drukt.

Update 31-01 ik heb het menu bij de hamburger weer terug op de mobiel

[Reactie gewijzigd door RobbyTown op 23 juli 2024 07:38]

Ik heb geen idee wat de Henk layout is, maar op een IPhone 14 Pro Max heb ik in het hamburger menu nu ook alleen "navigatie" - zonder uitklappen heb ik linksonder een half icoontje, gaat lekker!
Dan heb je deze gemist: review: Tweakers trakteert - Dag 1: ode aan Henk custom css word Tweakers meer blauw dan rood en Henk ipv Tweakers als logo ;).
Hier zelfde verhaal op samsung s23 met Firefox.
Werkt bij mij wel op mobile met de henk css, maar ik heb Sidebar uitzetten van @.oisyn inmiddels aangezet.

[Reactie gewijzigd door youridv1 op 23 juli 2024 07:38]

Hier was ik naar op zoek, dankjewel.
In de Henk layout ziet het er ook niet echt mooi uit, de sidebar overlapt met de gradient bovenaan..
Ik kan er met mijn hoofd oprecht niet bij dat jullie gekozen hebben voor een tracker / sidebar aan de rechterkant, tegen alle normen en standaarden in..... 8)7 8)7 8)7 Ook mooi (lelijk....) dat je nu twee windows scrollbars direct naast elkaar hebt met een slivertje ruimte met een paar knopjes er tussen. Ook de uitlijning van de main content op de pagina staat nu niet meer gecentreerd maar off-set naar links.

Hebben jullie dit zelf uberhaubt geprobeerd te gebruiken en is er dan niemand bij jullie intern die hier wat van zegt?

Achteruitgang dit, op meerdere vlakken... jammer....

edit:

Zie net dat balk ook geforceerd inklapt als ik mijn window resize... zucht. En natuurlijk is ruimte te over, maar nee, twee zeeén van whitespace links en rechts zonder content en compleet niet meer uitgelijnde main content op de pagina is volgens tweakers UI design een beter idee...

[Reactie gewijzigd door !GN!T!ON op 23 juli 2024 07:38]

AuteurFemme UX Designer @!GN!T!ON30 januari 2024 22:54
De reden dat we gekozen hebben voor de positie rechts is dat de tracker/sidebar door een beperkt deel van de users wordt gebruikt. Dat lees je ook wel terug in de reacties in deze .plan. Er zijn legio voorbeelden van andere platformen die dit soort secundaire panels en overzichten rechts plaatsen (LinkedIn en Facebook bijvoorbeeld voor Messages) en waarbij je niet de keuze hebt om de positie te bepalen.

We zijn terughoudend in het aanbieden van personalisatiemogelijkheden omdat deze de complexiteit verhogen en ons vaak tegenwerken bij het verbeteren van de site. Simpele dingen worden complex als we er rekening mee moeten houden dat een bepaald element op verschillende plekken weergegeven kan worden. In plaats van zelf die complexiteit te onderhouden kiezen we liever voor om dit samen met de community te doen in de vorm van css-snippets.
De reden dat we gekozen hebben voor de positie rechts is dat de tracker/sidebar door een beperkt deel van de users wordt gebruikt.
Maar voor de gebruikers die de tracker/sidebar überhaupt niet gebruiken maakt de plek hoe dan ook weinig uit, het lijkt me vooral interessant waar de gebruikers die er wél gebruik van maken 'm verwachten.
Gezien de enorme witruimte zowel.links als.rechts van de main content zou je toch denken dat het voor de complexiteit weinig zou uitmaken of de balk links of.rechts in deze witruimte staat of helemaal uitgeschakeld is.

Het is fijn dat met een eenvoudige css-snippet de balk weer uitgezet is maar het was echt mooier geweest als deze functionaliteit er gewoon standaard in zat, zeker de optie om de balk uit te schakelen.
Het bizarste vind ik nog wel dat er bewust is gekozen om de gebruiker geen keuze te geven om de tracker links of rechts te plaatsen.
Ik zou hem graag weer terug aan de linker kant willen.
Vernieuwing kan geen kwaad, alleen jammer dat je nu geen keuze meer hebt.

: align-left; ughe..ughe...
Yes daar is die dan! Na weken in de testomgeving ermee te hebben gewerkt, begon ik de sidebar echt wel te missen op Tweakers. Ben blij met deze nieuwe ontwikkeling :)
Waarvoor gebruik je die sidebar dan? Ik probeer oprecht te begrijpen wat het use case is. Als ik nieuws wil van tweakers navigeer naar ik de mainpage en staat die tracker in de weg. (Schijnbaar moest ie onthouden dat ie dichtgeklapt was maar dat deed ie initieel bij mij zeker niet)

Als ik naar een post of forum ga waar ik dingen wil opvolgen had ik deze wel nog gebookmarked of in mijn history staan en ga ik echt niet eerst naar de homepage gaan om dan door te klikken via een tracker.

Maar mogelijk zie ik gebruikscenario's over het hoofd waar ik nog niet eens over heb nagedacht want heel veel mensen lijken precies grote fan te zijn van dit stuk interface dat ik nog nooit gebruikt of gemist had.
Ik gebruik de sidebar eigenlijk om te kijken naar nieuwe V&A advertenties terwijl ik op andere pagina's was, welke nieuwe topics er zijn die ik mogelijk interessant vind evenals mijn favorieten lijst (die kleurde altijd geel als er ene prijsdaling was)
Ik mis ineens een hele hoop informatie nu. Dat is wel jammer.
Ook mijn use-case.
Niet eerst klikken voor actieve forum posts en/of prijzen
Quick view aan informatie?

Ik zie nu in ooghoek, links wel te verstaan, interessante topics voorbij komen, eventueel iets in VA dat ik even wil bekijken.

Het is de hoofd navigatie gevonden als ik snel wil zien bij Tweakers.
Zeker omdat de hoofdpagina zonder custom css al steeds gebruikers onvriendelijker aan het worden is.

Al die anker dingen, nutteloze kolommen.
Zonder custom CSS is Tweakers steeds minder fijn voor je informatie.
Ik totaal niet! Geef mij mijn oude sidebar terug! Het gaat echt achteruit met Tweakers, zonder ook maar een optie te geven voor links of rechts.
Is verandering lastig??

Deze kan gewoon links, staat in artikel zelfs !
Begrijpend lezen moeilijk? Het kan dmv een custom-css-snippet ja. Waarom niet gewoon bij de instellingen?
Ach.. is dat nou zo erg?
Niet alles is de eerste keer af en dit bieden ze zelfs aan via tweakers. En het werkt ook nog.
Je kunt moeilijk doen, en heeeerl erg moeilijk doen.
Custom CSS for the win. Terug naar links. Had echter liever gezien dat je dit kunt aanpassen in de instellingen zoals je ook het aantal en de volgorde kunt kiezen.
We hebben deze keuze gemaakt omdat een beperkt deel van onze bezoekers gebruikmaakte van de tracker.
Watblieftunu? ik gebruik hem zoveel dat ik hem altijd in beeld heb staan om mijn navigatie tussen forum, nieuws en V&A te versnellen als er weer eens iets interessants tussen staan (en dat gebeurt veel)

[Reactie gewijzigd door eagle00789 op 23 juli 2024 07:38]

tja, blijkbaar wel. Er zijn nog 360+ gebruikers die het vervelend vinden en van die custom css gebruik maken :D
Ik gebruik deze ook. Graag links, is in mijn optiek veel logischer. En ja ook graag in de instellingen.
Maar om nou al die heisa te maken dat het in de 1e iteratie van Tweakers niet inzicht... Pfff te overdreven
Wees blij dat een gebruiker al een custom CSS gemaakt het en dat Tweakers dat gelijk meeneemt. (Over Cybergamer, niet jij ;) )
daar ga ik gedeeltelijk in mee.
In de bètafase heeft een aantal tweakers de sidebar getest. Dit heeft al een custom-css-snippet opgeleverd om de sidebar links weer te geven.
Als het al in de betatest naar voor kwam en toen al een custom-css heeft opgeleverd. Dan is er geen excuus om deze ondertussen niet in de instellingen te hebben.
Mwa, het is natuurlijk niet de 1e iteratie. Daarnaast was die functie er, en was er verder geen reden om de optie te verwijderen. Ook niet als er niet heel veel mensen gebruik van maken. (volgens T.net)
Ik gebruik die functie ook. Ik zou het ook in de standaard willen.
Maar jouw redenatie klopt niet, dan zou je nooit een feature kunnen verwijderen. ;)

Het ging/gaat mij ook niet om die feature, maar om de reactie van Cybergame. Zijn demanding toon. Ik wil dit, Ik wil het terug. Lijkt mij dat je dergelijk taalgebruik niet moet bezigen.
Ik geloof dat je een van de weinigen bent.
Ik mis gisteren.....
Voor iemand dat Tweakers gebruikt om:
1) het nieuws dat me interesseert, door de voorpagina te scannen
2) indien ik een nieuw toestel wil kopen, eerst wat rond te kijken op de pricewatch
Biedt dit geen enkel voordeel, integendeel, ik heb nu een sidebar, die ik ales irritant ervaar, dat mijn aandacht vergt.

Zou er een mogelijkheid kunnen komen om deze uit te zetten? Anders kan ik hem altijd met uBlock origin beginnen te blocken, maar dan komen er ook weer geen advertenties door.
.oisyn Moderator Devschuur® @GamesMaxed30 januari 2024 11:06
Grappig. De sidebar was me dus niet eens opgevallen tot ik dit artikel las :D.
Je kunt 'm vast uitzetten met wat custom css.

.edit: ik heb een snippet voor je gemaakt die je kunt gebruiken: Sidebar uitzetten

[Reactie gewijzigd door .oisyn op 23 juli 2024 07:38]

Ublock origin maar weer geupdate om de sidebar te hiden en tracker permanent in beeld te krijgen.
Tip om niet afhankelijk te zijn van uBlock: Uitschakelen sidebar
uBlock dient ook een ander doel, dus prima om het daar ook mee te regelen. Kun je het ook makkelijk uitzetten als iets niet meer werkt. ;) En de tracker wil ik wel standaard in beeld hebben.

[Reactie gewijzigd door moonlander op 23 juli 2024 07:38]

Ah dank, dit is wat ik zocht!

In afwachting van een instelling om dit zelf te kunnen... tweaken, verblijf ik.

Op dit item kan niet meer gereageerd worden.