Development-round-up - Iteratie #26

Vandaag hebben we iteratie 26 afgerond. In deze iteratie hebben we ruim 177 tickets verwerkt, bestaande uit bugs, verbeteringen en nieuwe functionaliteit.

Een van de verbeteringen die we hebben opgeleverd is de vernieuwde tracker. De grootste verandering in de tracker is dat deze nu ongeacht de breedte van het scherm permanent kan worden weergegeven. Om de content en tracker volledig naast elkaar te kunnen zien, is een breedte van ongeveer 1260 pixels nodig, waar dat hiervoor ongeveer 1500 pixels was. Ook kan de tracker nu meescrollen, zodat je deze altijd kan zien, ook als je onze footer aan het bekijken bent . De tracker was trouwens tijdens de ontwikkeling door iedereen te testen, zodat we de feedback van onze gebruikers meteen konden verwerken.

Een nieuwe toevoeging is het forumtabje op zogeheten entiteitpagina's, zoals het merk Asus. Zoals je kunt zien, worden hier forumtopics getoond die gekoppeld zijn aan deze categorie. Het forumtabje is zichtbaar op pagina's van producten, categorieën, tags, merken en series. Ook hebben we meteen de categoriekleuren voor topics weer toegevoegd. De verschillende kleuren van de icoontjes voor het topic geven aan in welk segment een topic zit, bijvoorbeeld Mobile of Games.

Verder hebben we op de frontpage de auto refresh in ere hersteld. De nieuwslijst wordt nu elke twee minuten ververst via een ajax request. In de vorige versie van Tweakers, intern versie 6.9 genoemd, werd de hele pagina gerefreshed. Nu is dat alleen de nieuwslijst, wat iets netter en sneller is.

Daarnaast is de category-browser in de Pricewatch verbeterd. De navigatie hierin bestaat uit verschillende niveaus van categorieën. Voorheen werd niet onthouden op welk niveau je zat als je via de terugknop van je browser terugging. Dit is aangepast en hij onthoudt nu netjes waar je was, zodat je sneller heen en weer kan schakelen tussen categorieën en de prijspagina's.

Uiteraard is dit niet alles wat we opgeleverd hebben; er zijn nog vele bugs opgelost en andere verbeteringen aangebracht, maar het bovenstaande is in ieder geval het noemen waard.

Reacties (100)

Voor de gene die Custom CSS mogelijkheid hebben:

#layout {
margin-left: -380px;
padding-bottom: 180px;
}
#menubar {
border-radius: 5px;
width: 57%;
}
#tracker {
background: none repeat scroll 0 0 #313232;
bottom: 0;
left: -330px;
margin-left: 40px;
padding-top: 68px;
position: fixed;
top: 0;
width: 336px;
z-index: 100;
}
is al een stuk beter

[Reactie gewijzigd door djkavaa op 4 december 2012 15:33]

Dat werkt hier niet helemaal lekker in Chrome helaas

Kan zijn dat die wat extra dingentjes nodig heeft werk met firefox en altijd op een groot scherm... Misschien dat er iets aan de marges aangepast moet worden.

Ik gebruik me tracker wel aan de linkerkant misschien dat dat het is?

[Reactie gewijzigd door djkavaa op 4 december 2012 16:27]

Dankjewel voor je code, hier toch een kleine aanpassing zodat de tracker aan de zijkant blijft en iets ruimte blijft geven aan de categorieën en content, dat ging bij mij nog wat mis.

Overigens in Firefox, gebruik makend van custom css.

#layout {
margin-left: -350px;
padding-bottom: 180px;
}
#menubar {
border-radius: 5px;
width: 57%;
}
#tracker {
background: none repeat scroll 0 0 #313232;
bottom: 0;
left: -330px;
margin-left: 0px;
padding-top: 68px;
position: fixed;
top: 0;
width: 356px;
z-index: 100;
}

De tracker is op deze manier een hele verbetering! Alleen denk ik dat in dit ontwerp rechts wel een betere standaard plaats is dan links. (mierenneuken ik weet het )

Navigeren in de pricewatch is, ondanks de "verbeterde pricewatch browser" door het ontbreken van degelijke breadcrumbs echter nog steeds een crime helaas

Simpel voorbeeldje:

• ik ga naar de pricewatch
• zie de nexus 7 bij populaire producten staan
• kijk naar de specificaties van 1 van de modellen
• bedenk me dat de google nexus toch niets voor mij is en wil kijken wat er nog meer aan tablets in de pricewatch staan
• klik in de breadcrumbs op "tablets" en verwacht hiermee bij tablets in de pricewatch uit te komen, daar kom ik tenslotte vandaan
• maar helaas....... ik kom op de "overzicht" pagina en moet weer op producten klikken

Nog eentje:

• ik zoek op 120mm fan
• denk een interessant product gevonden te hebben dus ga dit bekijken (klik 1)
• ga naar de specificaties (klik 2)
• zie dat er reviews zijn dus ga daar ook even kijken (klik 3)
• wil de volledige review lezen (klik 4)
• review is niet alles dus ik wil terug naar mijn zoekopdracht, hiervoor moet ik 4x op de terug knop klikken (klik 5 t/m 8 ) of mijn zoekopdracht wéér opnieuw intypen

En nog eentje dan om het of te leren

• ik ben op zoek naar een speaker setje dat er leuk uit ziet
• ik kan niet op afbeeldingen weergeven
• ik zie iets dat ik denk interessant te vinden, maar moet vervolgens 3x klikken om de afbeelding te kunnen bekijken
• het is toch niet wat ik wil
• ik kan niet via de breadcrumbs terug naar waar ik vandaan kwam en moet dan ook 2x op de back knop klikken

Deze punten zijn door mij- en meerdere anderen reeds gemeld en ik had dan ook gehoopt dat dit verbeterd zou zijn in de volgende itteratie, maar helaas, er wordt schijnbaar nog steeds van uitgegaan dat ik precies weet wat ik wil en dit kan vinden met 1 simpele zoekopdracht.

De site begint er al met al steeds meer op te lijken, maar de pricewatch en v&a laten nog heel veel te wensen over.

[Reactie gewijzigd door floriske.nl op 4 december 2012 15:52]

We moeten elke iteratie keuzes maken over wat we op kunnen pakken. De dingen die je aanhaalt zijn bekend, dat het nog niet opgelost is houdt nog niet in dat het issue aan de kant geschoven wordt.

Ik snap bij je laatste voorbeeld alleen niet helemaal wat je bedoeld met 'ik kan niet op afbeeldingen weergeven'?

Voorheen had je een tekstuele opsomming van de producten, en eentje waarbij er foto's getoond werden met wat info als opsomming. Ik neem aan dat hij dit bedoeld.

Goed om te horen dat hier wellicht nog wat aan gedaan wordt!

Bij T6 kon je, zoals RMX gelijktijdig aangaf, een overzicht van grotere thumbnails weergeven in plaats van details van de producten.

Als je dan bijvoorbeeld op zoek was naar een mooie case kon je gewoon een prijsbereik aangeven en dan aan de hand van de thumbnails die cases bekijken die je mooi vond.

Nu moet je aan de hand van de kleine thumbnails maar gokken of je het product ook echt mooi vind en zijn er 3 klikken nodig voor je de afbeelding wat groter kan zien (en dus ook 3 klikken om weer terug te komen).

[Reactie gewijzigd door floriske.nl op 4 december 2012 16:27]

Ik zou alleen nog steeds de keuze willen zien om hem te docken zoals het was zeg maar.
Nu staat de website wat meer naar rechts en krijgt de ticker de overhand.
Als het een optie zou kunnen worden zou dat super zijn!

Eens. Was het eerste wat in me op kwam.

Ligt het aan mijn combinatie van Firefox/NoScript/Adblock, of gaat de refresh van de home-pagina soms de mist in?
NoScript laat uiteraard tweakers.net en tweakimg.net
Adblock lijkt niets van tweakers te blokkeren.

Na enkele (niet echt zeker hoeveel) refreshes geeft hij gewoon [object Object] ipv de vandaag-sectie.
Firebug geeft echter geen vreemde foutmeldingen. Voorbeeldsituatie:

Eerste ajax-call geeft {"data":{"newNotificationsCount":0,"newDmNotificationsCount":0}}
Tweede ajax-call geeft data met html-code in.
Derde ajax-call is leeg -> ??
PROBLEM BE HERE.

De tweede en derde ajax-call volgden elkaar ook zeer snel op (binnen de seconde).
Hierna herhaalt het patroon zich weer.

EDIT:
Chrome lijkt het probleem niet te hebben.
IE 9 ook niet.

EDIT[2]:
NoScript + adblock uitschakelen lijkt niets op te lossen

EDIT[3]:
Het lijkt er op dat het probleem enkel voorkomt indien ik ingelogd ben. Indien ik niet ingelogd ben, is er geen probleem. Voor Chrome en IE9 maakt het niet uit of ik ingelogd ben of niet. Hier heb ik het probleem niet gedetecteerd.

[Reactie gewijzigd door ludonis op 4 december 2012 19:08]

Wat een geweldige tracker....
- v2 van de T7 tracker drukt alles aan de kant en o.a. de berichten op GoT (deels) buiten beeld;
- Geen optie om 'm wel op de FP maar niet op het forum aan te zetten;
- Erg grote regelafstand wat de tracker onnodig lang(er) maakt;


Mag T7 tracker v1 weer terug?

Om de tracker en content tegelijkertijd naast elkaar te kunnen zien moet de browser minimaal 1260 pixels breed zijn. Is hij smaller dan valt één van beide geheel of gedeeltelijk buiten beeld. Je mag zelf kiezen welke (door de tracker links of rechts te plaatsen).

De regelhoogte is gelijk aan de vorige tracker. Vergeleken met de tracker in T6 is de regelhoogte drie pixels kleiner (er zaten toen lijnen tussen de regels).

Niet iedereen heeft 'm zo breed open staan....
Neem als voorbeeld een full hd scherm, sleep in Windows 7 de browserwindow naar rechts (en een ander dat ernaast moet naar links) zodat ie de rechterhelft van het beeld in neemt: Browser neemt iets meer dan 900 pixels in de breedte in, niet 1260.

Gelijk? Ik kan mij vergissen maar de afstand lijkt veel groter. Er wordt iig ruimte verspild waardoor de tracker verticaal gezien niet in beeld past en scrollen vereist is. Als we moeten leven met deze tracker, kan er dan een instelling toegevoegd worden die de entries dichter onder elkaar zet? Nu is het namelijk:
- entry
- lege regel/ruimte waar een entry in past
- entry
- lege regel/ruimte waar een entry in past
etc

[Reactie gewijzigd door Raven op 4 december 2012 17:35]

Niet iedereen heeft 'm zo breed open staan....

Als je naar de Ikea gaat in een brommobiel kun je geen Lack-tafeltje én een complete tweepersoons boxspring meenemen. Dat gaat niet passen en kan iedereen vooraf inschatten. Als je een browser zo breed maakt dat de content er nét in past dan past er geen tracker bij en moet je kiezen: of geen tracker of met een bredere browser komen aanzetten. In dit geval bieden we nog de keuze om horizontaal te scrollen waarbij je de tracker links of rechts van de content kunt positioneren.

Gelijk? Ik kan mij vergissen maar de afstand lijkt veel groter. Er wordt iig ruimte verspild waardoor de tracker verticaal gezien niet in beeld past en scrollen vereist is. Als we moeten leven met deze tracker, kan er dan een instelling toegevoegd worden die de entries dichter onder elkaar zet?

In T6 was de regelafstand 25 pixels, hier 22 pixels. Bovendien begint de tracker maar liefst 200 pixels hoger in beeld. Meer scrollen hoef je dus zeker niet. De regelafstand kunnen we in de compacte en cozy dichtheid nog wel iets verkleinen.

De regelafstand kunnen we in de compacte en cozy dichtheid nog wel iets verkleinen.

+2

>De regelafstand kunnen we in de compacte en cozy dichtheid nog wel iets
>verkleinen.

Graag.

Jammer dat de tracker nu de gehele site naar rechts of links duwt. Kon hij niet de al lege witruimte die links/ rechts beschikbaar was gebruiken?

En alleen duwen als de ruimte op is, speciaal voor de mensen met een wat lagere resolutie.

Ik merk het op mn 17"(4:3). Toch wel heerlijk dat ie terug is, zeer veel gemist op mijn kleine schermpje. Meteen maar ff wat settings veranderd die nog stonden van toen ik hier dik 2 jaar geleden een account aanmaakte.

Anyways, top werk!
Hoop alleen nog dat je straks ook forum bookmarks kunt volgen in de tracker.

Ik vindt het eigenlijk wel prima dat de text naar rechts wordt geduwd. Nu komt de text meer in het midden. Voorheen stond de text helemaal links (bij mij dan).

Heerlijk die tracker zo gefixeerd. Echt een super feature op Tweakers nu!
Wordt deze tracker zonder de site zelf te refreshen op zichzelf gerefreshed?

Ja Dat heeft hij altijd al gedaan. Erg fijn om de tracker weer terug te hebben. Nu nog wat verbeteringen op GoT en Tweakers 7 is weer terug op het niveau.

Waar ik eigenlijk nog blijer mee ben, is dat de items op de hoofdpagina ook weer auto-refresh hebben!
Op de tracker vallen de nieuwe berichten al snel weg (want heb ik op 5 gelimiteeerd), op de hoofdpagina is nu tenminste weer automatisch al het nieuws te vinden.

Ligt het aan mij of zit er nu opeens een witruimte van 5cm tussen de tracker en 'de rest' van de site? Ziet er atm niet echt mooi uit

De tracker zelf ziet er dan wel weer netjes uit.

[Reactie gewijzigd door Junia op 4 december 2012 15:24]

Inderdaad: van mij had die witruimte ook niet gehoeven.

Mooi dat de tracker nu blijft staan op schermen met lage resolutie, maar ik had hem liever strak tegen de topics aan gehad (zoals 'ie de afgelopen weken was).
Nu moet je zo heen-en-weer slingeren met je ogen.

PS: als ik mijn scherm 'halveer' op het horizontale vlak, staat alles wel netjes tegen elkaar aan.

[Reactie gewijzigd door Mr_Big op 4 december 2012 15:35]

Inderdaad, ik had niet verwacht dat er opnieuw zo'n vreemde UX beslissing doorheen zou komen. Ik ben vast niet de enige die /meteen/ merkt dat dit vervelend is.

Begrijp me niet verkeerd, verder zijn de verbeteringen chill. Maar een goede verbetering wordt verwacht van een tripple-website-van-het-jaar-winnaar met een team devs, een slechte zet, vooral na die vorige (v7), wordt als pijnlijk ervaren.

De tracker heeft nu standaard een fixed positie zodat de inhoud van de tracker altijd zichtbaar is, ook als je naar beneden scrollt. Dat is een nuttige verbeteringen maar eentje die alleen goed uitgevoed kan worden als de tracker tegen de linker- of rechterzijde van de viewport wordt geplaatst. De content onder een zwevend element met een vaste positie (ten opzichte van de viewport) laten scrollen zou bij veel gebruikers irritatie hebben opgewekt. Facebook lost het overigens op een vergelijkbare wijze op.

Tevens zorgen we er met de nieuwe tracker voor dat de helderheid van het beeld een stuk minder is als een gebruiker de tracker heeft uitgeklapt. De oude overlay scrollde uit beeld en zorgde dus niet altijd voor een dimmend effect.

[Reactie gewijzigd door Femme op 4 december 2012 16:14]

Het is weer even wennen inderdaad. Maar ik vind het nu al rustiger ogen dan voorheen, that's my opinion!
Je kan natuurlijk met de breedte van het browser venster spelen. Wat sommigen al aangeven: het lijkt me een goede optie om de mogelijkheid te bieden de Tracker te laten floaten tegen de content aan als net voor deze iteratie! Tenminste het bieden van de mogelijkheid lijkt me een goed plan!

En anders hebben we altijd nog custom CSS!

Doordat de Tracker nu de hele content wegduwt krijg je het gevoel dat de site alleen "klopt" wanneer de Tracker niet in beeld is. Dit terwijl het naar mijn inziens een belangrijk onderdeel is van het geheel. Dan maar even rommelen aan m'n CSS zodat wanneer de Tracker zichtbaar is, de rest van de content in het midden uitgelijnd is.

Als je browser niet breed genoeg is om de tracker + content naast elkaar te kunnen zien dan is euuh... je browser niet breed genoeg. Maak 'm breder of zet de tracker rechts zodat je wel altijd de content kunt zien en even een stukje zijwaarts moet scrollen op de momenten dat je in de tracker wil kijken. Een responsive layout staat wel op de planning maar zal er voorlopig niet komen en dan is het nog maar de vraag of die wel de mogelijkheid zal bieden om de tracker en de content naast elkaar te kunnen zien in een smalle viewport.

[Reactie gewijzigd door Femme op 4 december 2012 16:17]

Het probleem is niet dat het de browser niet breed genoeg is, dat is gewoon 1080p. De tracker "duwt" de main content gewoon een bepaalde hoeveelheid naar rechts of links (afhankelijk van waar de tracker staat). Maar ik heb inmiddels mijn custom CSS aangepast dus het ziet weer uit als voorheen.

Wanneer staat de 'Active Topics knop overal klik- en bereikbaar in het forum' taak op de planning?

Daar is inmiddels een oplossing voor bedacht, dus een van de komende iteraties als het goed is

Kunnen die pagina's (active topics, myreact ed) ook automatisch gerefreshed worden met een mooi AJAX scriptje? Zoals in de tracker en op de frontpage? Zal jullie weer wat F5'jes schelen