Development-round-up - Iteratie #44

De laatste release van dit jaar is de deur uitgegaan, die van iteratie nummer 44 alweer. Hoewel het jaar natuurlijk nog niet over is, zal de volgende iteratie in verband met de feestdagen een week langer duren, waardoor de release van die iteratie pas in het nieuwe jaar plaatsvindt. In iteratie 44 hebben we 105 tickets weggewerkt.

Wachtwoord-reset

Een van de belangrijkste wijzigingen is de manier waarop je je wachtwoord kunt resetten. Als je je wachtwoord vergeten bent bij Tweakers, kun je een reset van je wachtwoord aanvragen. Tot dusver kreeg je dan een e-mail met daarin een activatielink en je nieuwe wachtwoord in plain text. Pardon? Juist, dat hebben we dus maar even anders gedaan. Vanaf nu krijg je in de e-mail alleen nog een activatielink toegestuurd. Zodra je deze link volgt, kun je zelf je nieuwe wachtwoord opgeven.

Pricewatch

Ook hebben we in deze iteratie twee nieuwe Pricewatch-categorieën verrijkt met productdata van Icecat, waardoor we jullie van nog betere productspecificaties kunnen voorzien. Deze keer waren de categorieën behuizingen en koptelefoons aan de beurt. Deze gegevens worden in de komende tijd gecontroleerd door ons Product Content-team en zullen dan keurig online verschijnen.

Bij een prijslijst van een product zonder prijzen hadden we al een lijstje met vergelijkbare producten staan. In deze iteratie is daar een lijstje bij gekomen: 'Anderen bekeken ook'. Dit laat een aantal categorieën zien die gerelateerd zijn aan de categorie waarnaar je zit te kijken. Bovendien kunnen deze twee lijstjes nu ook bij prijslijsten met prijzen worden getoond, niet alleen bij producten waarvan bij ons geen prijzen bekend zijn.

Tweakers Awards

In deze iteratie hebben we ook de vernieuwde pagina's van de Tweakers Awards live gezet. De verkiezingen zijn maandag al van start gegaan en wellicht heb je je stem al uitgebracht in de verschillende categorieën, maar mocht dat nog niet het geval zijn, ga dan vooral stemmen!

Overig

Daarnaast hebben we het nodige refactor-werk uitgevoerd, waardoor onze code weer wat meer up-to-date is en in de toekomst makkelijker te onderhouden is. Het merendeel van de tijd is echter gaan zitten in het responsive design en dat heeft ons bij de volgende mijlpaal gebracht: de open bèta! Meer hierover lees je in een aparte .plan.

Reacties (59)

[josvane]

Helaas is de catagory bar er toch gekomen. Custom css: en hij is weer weg.

#categoryBar{
display:none;
}

Hadden oude tabbladen ook url's zodat het 1 en ander weer in eren te herstellen is.

[SmokingCrop]

Zelf heb ik nog een veel minimalistischere design (Just news, nothing else & ook aanpassingen aan forum -> bv vet gedrukte titel als jij de laatste was die gereplied heeft)
http://tweakers.net/ext/f/g0oBAgDGK73JXDZi2gNUIxSF/full.png

volledige custom css:
http://pastebin.com/fXSgwwJu

[Reactie gewijzigd door SmokingCrop op 24 juli 2024 11:42]

[David Mulder]

Het hide'en van advertenties (sponsored en IT Jobs) is niet toegestaan hier op tweakers (door het verbreken van de overeenkomst mag je de site niet gebruiken) en naast niet toegestaan ook redelijk asociaal. Tweakers.net leverd jouw gratis nieuws, wees even respectvol genoeg om ze gewoon aan te laten staan ;-) . Oh en, disregard my comment indien je voor het niet tonen van advertenties gewoon netjes betaald .

Hoe dan ook, ik moet zeggen, die category bar is wel super lelijk als je het mij vraagt. Super lelijk *en* nog eens niet nuttig.

[SmokingCrop]

Ik zie elke dag al overal genoeg reclame, m'n internet houd ik clean.
Ik help de site wel op andere manieren (al honderden pricewatch fixes gedaan & toevoegen van nieuwe producten met volledige informatie, Guide voor kiezen van computer onderdelen & gewoon heel veel mensen hier op GoT geholpen met advies)

[Reactie gewijzigd door SmokingCrop op 24 juli 2024 11:42]

[David Mulder]

Trouwens, tip, kijk eens naar wat ik met m'n zoekbalk doe:
http://pastebin.com/puaxc4WB

Bespaart ook wat ruimte (maakt wel zoeken in responsive kapot, maar had geen zin om inverted css statements te schrijven zolang ik niet zelf ook weer een mobieltje heb waarvoor het nuttig is )

(En wat je wel en niet doet moet je natuurlijk zelf uiteindelijk weten, maar als iedereen dat gevoel heeft dan verdienen ze alsnog niets en zou de site verdwijnen...)

[Reactie gewijzigd door David Mulder op 24 juli 2024 11:42]

[SmokingCrop]

Meh, kvind die zoekbalk op de originele plaats wel goed staan eigenlijk.

(door de dingen die ik doe, komen er mensen vaker naar tweakers kijken omdat de informatie accurater is & gewoon goed is -> meer mensen die potentieel op hun advertenties kijken & ongelooflijk veel mensen hebben nog niet eens van adblock gehoord )

[David Mulder]

Ah, fair enough, het leek te passen in je doel met je css, dus ik dacht wie weet

(Ja, kijk, je gaat een overeenkomst aan met tweakers door de site te gebruiken... een deel van die overeenkomst maakt het mogelijk voor jouw om jouw content te publiceren en dat zij de hosting en publiciteit voor jouw regelen... in geen enkele zin rechtvaardigt het publiceren van jouw content dus het verbreken van de overeenkomt op andere punten... als hun voorwaarden je niet bevallen mag je gerust een andere site gebruiken of zelf een site hosten... (wat niet weghaalt dat ik dankbaar ben dat je ze hier post, want anders zou ik ze niet zien, maar dat is nou net de service van tweakers ) + het niet kennen van adblock door een (te kleine) meerderheid rechtvaardigt ook weinig)

[Reactie gewijzigd door David Mulder op 24 juli 2024 11:42]

[Verwijderd]

Idd direct al toegevoegd toen ik dit zag

Mijn custom-css (veranderd ook de titel-kleur):

/* Verberg rotzooi */
.fpaItem,
.breadcrumb a[href="http://tweakers.net/"],
.breadcrumb a[href="http://tweakers.net/"] + span,
#community.fpItem,
#tweakbase_relations,
#fpaItemsWrapper #scrollButtonLeft,
#fpaItemsWrapper #scrollButtonRight,
#promo,
#categoryBar {
display: none;
}


#fpaItemsWrapper {
height: 0px;
}

/* Wijzig kleur topbalk */
#top, #tracker .fakeTop {
background-image: none;
background-color: #0052CC;
}

/* fix voor select die niet de juiste hoogte krijgt (aanmaken Tweakblog post) */
select.text { height: auto !important; }

/* Verberg lelijke stippellijn */
#reacties #reactieContainer {
border-left: none;
}

/* Aangepaste kleur voor responsive */
#menu .leftSidebarToggle, #menu .rightSidebarToggle {
background-image: url(http://tweakers.net/ext/f/Q8n5fuTf34LWZ7x6H9kTgvxQ/full.png);
}

[Reactie gewijzigd door Verwijderd op 24 juli 2024 11:42]

[ACM]

Er is een balk weggehaald en een nieuwe voor in de plaats gekomen... dus 'steeds meer' is ietwat overdreven

[Phoenix_the_II]

Je moet wel toegeven, de balk die het vervangde was kleiner. Dus schuift het nieuws waar men voor komt weer een stukje naar beneden.

Hier is de 1366x768 point of view:
https://dl.dropboxusercontent.com/u/3828392/Tweakers2.png

Nieuws begint bijna op 2/3 van het scherm! Gevuld door onnodig groot horizontale ruimte verspilling boven

[ACM]

Dat is misschien wel waar, maar het is niet zo dat het eerst op 1/3e zat en nu door deze wijziging op 2/3e

Het is een paar pixels lager geworden, als je het al laag vond, dan is elke toename natuurlijk een nadeel.

Het is overigens niet zo dat iedereen onze frontpage bezoekt om het nieuws te lezen. Dat is nou net het probleem dat we probeerden op te lossen: voor de mensen die op Tweakers terechtkomen om een product te vinden was het voorheen heel onduidelijk waar ze daarna naar verder moesten.
Vrijwel de gehele frontpage stond in het kader van onze redactionele content (vooral nieuws en reviews) terwijl de pricewatch ongeveer evenveel pageviews krijgt.

Dus in dat opzicht was het juist raar dat er zo weinig aandacht aan de pricewatch werd besteedt. We hebben met deze wijziging geprobeerd het juist voor de "newbe's" te verbeteren zonder dat er gelijk een complete redesign van de frontpage moest worden.

[josvane]

Vrijwel de gehele frontpage stond in het kader van onze redactionele content (vooral nieuws en reviews) terwijl de pricewatch ongeveer evenveel pageviews krijgt.

Naast dat ik mij afvraag of catagorybar hier iets aan gaat verbeteren, wordt er volgens jullie nu iets opgelost maar naar mijn mening wordt het probleem niet weggenomen.
Uit jou post maak ik op dat de term pricewatch niet duidelijk is als je binnen komt op de frontpage, en eerlijk is eerlijk ik vindt dat eigenlijk ook.

Ook vraag ik mij af of die harde splitsing die er nu volgens zeggen is, wel zo erg is.

[ACM]

De term pricewatch zal mogelijk nooit door nieuwelingen echt heel duidelijk zijn...
Maar dat geeft op zich niet zo. We nemen uiteraard wel aan dat iemand naar Tweakers komt omdat ie een doel heeft. Dus we proberen nu het concept van de pricewatch wat meer concreet te maken door direct al een aantal belangrijke productgroepen te benoemen.

In onze usability onderzoeken hiernaar lostte dit juist wel het probleem op, de deelnemers aan dat onderzoek zagen heel snel de categorienamen en hadden door dat ze daarmee producten konden vergelijken.

Aangezien ze verder nauwelijks onder die balk producten keken, hebben we daardoor dus besluit genomen om daar verder voorlopig geen grote wijzigingen te doen.
Vandaar dat de harde splitsing niet per se heel erg is, maar zo weinig aandacht aan de pricewatch als we hadden vonden we toch wat te gek

[Durandal]

Leuk en aardig, maar ik en vele met mij weten de pricewatch wel te vinden en vinden die balk te veel in-your-face.
Kar er ergens een checkbox bij om hem weg te toveren?

't zou toch te gek zijn als iedereen met greasemonkey o.i.d. aan de gang moest

[ACM]

De ervaring met veel van dit soort dingen leert dat er een paar dagen gewend moet worden en dat het gros van de vaste bezoekers het - net als die tab-balk die nu weg is - niet meer ziet of daadwerkelijk gebruikt

Afgezien daarvan hebben wij ondertussen geaccepteerd dat veel bezoekers voor het eerst of niet zo vaak op Tweakers komen en dus daardoor de Pricewatch helemaal niet zo goed kunnen vinden. Dit gaat ook niet om kleine percentages van de pageviews, dus het is niet een wijziging die voor 'bijna niemand' nut heeft.

Overigens is het via Tweakers uit te schakelen, we bieden die mogelijkheid tot custom css natuurlijk niet voor niets. We zijn alleen wel gestopt met overal maar instellingen voor aan te bieden, terwijl die instellingen zelf ook weer extra ontwikkeltijd kosten en bovendien toch door de meeste (ook vaste) mensen niet gevonden worden

[David Mulder]

Wat mogelijk nu wel zou moeten worden geherevalueerd is of dat 'vergelijk producten en prijzen' boxje aan de rechter kant z'n doel wel vervuld/nog nodig is. Zelf had ik eerder besloten om de verschillende categorie icoontjes daar te plaatsen in een grid ipv als een balk boven, maar let that be the way it is, volgens mij hebben jullie nu twee boxjes met hetzelfde doel waarbij de balk nu waarschijnlijk de taak van die box overneemt.

[ACM]

De invulling van dat pricewatchblokje aan de rechterkant staat inderdaad nu ter interne discussie. Net als diverse andere onderdelen van de frontpage. Maar we wilden de frontpage niet in een keer compleet aanpassen, maar juist stapsgewijs opleveren.

Dat sluit sowieso beter aan bij (ons) Agile-werken. En aangezien dit toch voor deze 'nieuwe doelgroep' al een van de belangrijkste stappen was, kunnen we ons nu rustig op de overige 90% van de pagina richten zodat het voor de nieuwe bezoekers hopelijk nog wat interessanter wordt, maar vooral voor de vaste bezoeker op zijn minst niet slechter wordt... maar liefst natuurlijk (ook) beter

[MrYinx]

- deze post werd verwijders omdat ik ondertussen een script geinstalleerd heb om spam te verwijderen... dank aan tweakers..

[Reactie gewijzigd door MrYinx op 24 juli 2024 11:42]

[crisp]

Tandwieltje rechtsbovenaan aanklikken en kiezen voor 'compact' scheelt weer wat pixels op dergelijke resoluties

[locke960]

Firefox + greasemonkey addon installeren.
Dan op http://userscripts.org/ zoeken op "tweakers".

Meerdere greasemonkey scripts om de look-and-feel van tweakers.net aan te passen. Zoek er eentje uit naar je smaak. Of maak er zelf een.

[Reactie gewijzigd door locke960 op 24 juli 2024 11:42]

[Phoenix_the_II]

Aye, been there done that:

Schaamvolle zelfplug: http://userscripts.org/scripts/show/150435

Niet heel erg mooi, zit nog een pijltje rechts voor tracker die er niet uitziet. En het logo is meh, but who cares

[Reactie gewijzigd door Phoenix_the_II op 24 juli 2024 11:42]

[TheNephilim]

Waar kan ik informatie vinden over Icecat? In de search is er niks te vinden

Maar het ziet er allemaal weer goed uit mensen

[Verwijderd]

Informatie over Icecat is te vinden op https://nl.icecat.biz/nl/menu/channelpartners/index.htm

[TheNephilim]

Ha, handig! Ben benieuwd of ik er ook nog wat aan heb, zakelijk dan. We krijgen steeds meer verzoeken voor webshops, die hier misschien ook wat aan hebben.

[f.heinen]

Je kunt gratis een accountje aanmaken en gebruik maken van Open Icecat. Alle product datasheets van deze hele lijst aan merken is gratis te gebruiken. Die content is gratis te gebruiken en integreren in je e-commerce omgeving of een cms omgeving. Er zijn ook gratis modules voor bijvoorbeeld Magento.

[Joostje123]

Nu nog dat je het menu op de mobiel kan swipen, is het perfect.
je wilt niet alleen klikken op de 3 streepjes voor het menu ik wil ook naar links en rechts kunnen swipen.

[Misha]

Dat zou mooi zijn inderdaad, maar een dergelijke interactie gaat problemen opleveren op bijvoorbeeld iOS devices: een swipe van links naar rechts is al 'terug'. Dat is dus een beetje conflicterend

[Misha]

iOS heeft een kleine 45% qua aandeel in mobile traffic bij ons, dus ja, erg beperkt inderdaad

[Joostje123]

Maar als je als voorbeeld forecast.io doet.
Heb geen iphone tot mijn beschikking om te testen hoe die daar op werkt.
Maar hoe die werkt op de Android is gewoon perfect, dus als jullie daar naar kunnen kijken, zal toch mooie verbetering zijn.

[Misha]

De swipe van links naar rechts triggert niet het menu. Van rechts naar links sluit hem wel weer. Wij hebben geëxperimenteerd met eenzelfde interactie, maar dat ging dus op heel veel devices verkeerd. WP slikte het bijvoorbeeld helemaal niet en vernaggelde de navigatie, de stock android browser ging bij ons ook behoorlijk de soep in etc. Het is wachten tot de techniek wat meer volwassen wordt zodat we het kunnen gaan gebruiken

[ACM]

Deze opmerking kan je beter bij de Responsive-.plan noemen. Maar wat ik ervan begreep is dat het in zoveel (oudere) devices niet goed werkte, dat e.e.a. te riskant was om generiek uit te rollen

[Black Eagle]

Beetje jammer van die balk, het eerste wat ik doe als ik op Tweakers kom is naar beneden scrollen. En nu gaan jullie nog meer items bovenaan toevoegen, kan die gehele balk niet ergens anders naar toe?

[SmokingCrop]

kan je gemakkelijk doen met custom css die je kan kopen in de karma store

gewoon het volgende in voorkeuren zetten bij custom css:
#categoryBar{
display:none;
}

[Reactie gewijzigd door SmokingCrop op 24 juli 2024 11:42]

[tweaker2010]

Bij een prijslijst van een product zonder prijzen hadden we al een lijstje met vergelijkbare producten staan. In deze iteratie is daar een lijstje bij gekomen: 'Anderen bekeken ook'. Dit laat een aantal categorieën zien die gerelateerd zijn aan de categorie waarnaar je zit te kijken

Mooie toevoeging, maar zou het niet beter/handiger zijn om het specifieke product waar anderen naar kijken te laten zien ipv een categorie? Nu blijft het een nogal algemene feature vind ik.

[ACM]

Het probleem daarvan is dat we een hele lage correlatie hebben tussen echt relevante producten. Bij heel veel producten zou dan simpelweg een van de populaire producten naar voren komen (bijvoorbeeld de Nexus 5 momenteel), terwijl die vooral populair is... En niet zozeer een relevantie met het getoonde product heeft.

Voor veel andere producten (de long tail) hebben we juist heel weinig data om uberhaupt iets zinnigs te kunnen zeggen over welke andere producten 'ook' bekeken werden.

Al met al was de data daardoor zodanig dat alleen bij een beperkt aantal producten een reeks mooie 'anderen bekeken ook' mogelijk zouden worden. Tenzij we de tijdsduur sterk zouden oprekken, waardoor de relevantie weer door die tijdsduur wordt verslechterd

Overigens zijn de gekozen categorieen wel gebaseerd op wat anderen bekeken, maar dan met een redactionele tussenstap. Zodat 'Laptops' en 'Telefoons' niet altijd bovenaan staan, simpelweg omdat het de populairste categorieen zijn

[AllSeeyinEye]

Onwikkelingen gaan door, da's goed en ga zo door! De laatste direct zichtbare verandering vind ik alleen niet echt geslaagd, de 'vergelijk productsoort X' prominent op de Frontpage...

Kan dat niet een optie worden, te activeren in Voorkeuren? Of van mijn part een opt-out?

[Reactie gewijzigd door AllSeeyinEye op 24 juli 2024 11:42]

[Phyxion]

Mee eens, maar even gehide met custom css.

Mijn volledige custom css trouwens (zo weinig mogelijk troep @ homepage):
#categoryBar,
#jobs,
#categoryDropdown,
#newsletter,
#bottom,
#pricewatch,
#socialButtons,
#bestBuyGuideBlock,
#true,
#promo,
#modernSocialButtonsContainer {
display:none;
}

@ TERW_DAN, klopt, dat is net wat leesbaarder inderdaad, even geupdate en meteen de nieuwe social buttons aan toegevoegd.

[Reactie gewijzigd door Phyxion op 24 juli 2024 11:42]

[TERW_DAN]

#categoryBar,
#jobs,
#categoryDropdown,
#newsletter,
#bottom,
#pricewatch,
#socialButtons,
#bestBuyGuideBlock,
#true{
display:none;
}

Zo werkt ie ook, scheelt je (flink) wat whitespace

en zelf heb ik #fpaItems er nog bij staan, dat scheelt zeker op een 11" schermpje met 768px echt gigantisch in screen realestate voor dingen die je toch niet gebruikt (dat spul staat immers in de tracker).

[Reactie gewijzigd door TERW_DAN op 24 juli 2024 11:42]

[DennusB]

Eens, toen ik net op de frontpage kwam dacht k al "Oke, er komt zo een post over een nieuwe iteratie want dit ken ik niet". Maar vind het heel erg onrustig!

[Kevinp]

Eens, ik hoef deze niet te zien, zeker niet bovenin. Als je dit zo prominent op de site hebt lijkt het wel vergelijk.nl ofzo.

edit: zie tip hieronder:

Helaas is de catagory bar er toch gekomen. Custom css: en hij is weer weg.

#categoryBar{
display:none;
}

[Reactie gewijzigd door Kevinp op 24 juli 2024 11:42]

[naaitsab]

Is het weer mogelijk om nieuwe features aan te vragen?

Zou het wel leuk vinden als je bij een forum bericht kan zien door wat voor useragent deze geplaatst is (platform/OS) Aangezien er al een agent detector op Tweakers zit zal dat niet zo gek ingewikkeld zijn om te bouwen.

[Reactie gewijzigd door naaitsab op 24 juli 2024 11:42]

[TERW_DAN]

Dat zou van mij dus echt niet hoeven. 't Gaat niemand wat aan met wat voor device ik werk, of welk OS dat ik draai. Als dat per post te herleiden is, dan kan ik me goed voorstellen dat dat wel wat privacyissues op zal gaan werpen.

Dat er hele volksstammen zijn die onderaan hun emails zetten dat het verstuurd is vanaf een bepaald device is leuk, maar die info is echt vrij overbodig imho, en dat hoeven mensen ook echt niet te weten vanaf mijn activiteit hier (of waar dan ook).

[naaitsab]

Daarom is het meer een gimmick Simpele optie om het te verbergen in je profiel settings (of niet te delen met andere) zal ook geen probleem zijn voor de dev'ers.

[ACM]

Dat soort gimmicks zijn niet helemaal triviaal om te doen en heeft nauwelijks echt zinnige use cases. Dus dat is simpelweg te "duur" om uit te voeren

Daarnaast zit je inderdaad met de privacy zoals TERW_DAN al aangeeft. Dus dan moeten we er ook weer een profieloptie van maken, waardoor het enerzijds meer werk wordt en anderzijds minder vaak gebruikt zal worden. Zeker als we er, zoals het eigenlijk hoort, een opt-in van maken.

[TERW_DAN]

Ik had die balk al ergens gezien in een preview, en moet zeggen dat ik 't echt een onnoemelijk irritant ding vind.
Leuk als je t.net bezoekt voor de pricewatch, maar ik moet zeggen dat ik die echt veel minder gebruik dan het nieuws en het forum. Daarbij heb ik geloof ik nog nooit de vergelijkoptie van de PW gebruikt. Ik kijk in de PW om prijzen op te zoeken, vergelijken vind ik daar echt niet nodig.

Desalniettemin, het is op zich voor andere gebruikers denk ik best een goede tool, alleen zou ik 'm zelf niet zo schreeuwerig bovenaan zetten. Of bovenaan in de PW, daar vind je eerder de mensen die 'm nodig hebben.

[SmokingCrop]

Ik gebruik de pricewatch echt vaak en zal deze balk eigenlijk nooit gebruiken.. (hij staat er dan ook niet meer door custom css )

[Scrtz]

Vind het opzich niet erg maar ik had die bar voor pricewatch dan onder de 4 kopstukken met afbeeldingen gezet in plaats van erboven.

[Sypheron]

Ik zie de security verbetering betreffende de nieuwe "wachtwoord vergeten" functionaliteit nog niet echt.
Een link waarbij je zelf een wachtwoord kan kiezen is toch net zo "lek" als een plain text wachtwoord verzenden?

Of zitten er nog meer security gates binnen de nieuwe activatielink?