[Responsive] Tijd laatste reactie ipv aantal reactie's

[Gropah]

Als het scherm smal genoeg is, zoals op een mobiele telefoon, wordt bij het responsive design bij overzichten zoals bookmarks of de forumlijst, de tijd van de laatste post weg gehaald en blijft de post count staan. Persoonlijk gebruik ik de tijd van laatste reactie een stuk meer dan de post count, wat waarschijnlijk te maken heeft met het feit dat ik wel weet wanneer ik ongeveer voor het laatst op tweakers was, terwijl ik niet weet wat de post counts van verschillende topics zijn.

Ik zou het daarom dan ook een mooie feature vinden als er een keuze gemaakt kan worden tussen de twee.

[Orion84]

Vooral ook omdat de laatste reactie linkt naar die laatste reactie, wat ik persoonlijk vrij veel gebruik. De postcount linkt naar de startpost, terwijl die link er ook al is middels de titel. Dus dubbele functionaliteit, ten koste van nuttige functionaliteit.

[Gropah]

We zijn alweer bijna 4 jaar verder, maar toch vind ik dit nog steeds een UX ding wat beter kan.

Plaatje voor de illustratie:



Het laat hier de situatie zien voor mijn bookmarks, maar het zelfde geld voor actieve topics en binnen een forumdeel.

Als je tweakers een beetje bij houd is het erg handig om snel naar nieuwe posts te kunnen springen. Op dit moment is dat niet makkelijk op mobile. De link achter 1 brengt je naar het forumdeel waarin het topic staat, 3 en 4 naar de eerste post in een topic en alleen 2 naar nieuwe posts. Op een scherm is 2 nog wel aan te klikken, maar op mobile is die erg klein en dus moeilijk aan te klikken. Maar er zijn wel 2 grote, makkelijk klikbare links naar de eerste post in een topic. Iets waar ik toevallig vrij weinig aan heb bij deze 2 topics.

Als je tweakers een beetje bijhoud en leest dan is het erg handig om snel naar de plek in een topic te kunnen gaan waar je bent gebleven. Je bent hier immers om te lezen en discussieren, niet om te scrollen. 2 doet dat voor je, de rest niet. En 2 is moeilijk klikbaar omdat het klein is en omgeven met andere linkjes (hoe vaak ik wel niet op de naam van een topic heb geklikt ipv het icoontje van 2).

Daarom zou ik het, alsnog, fijn vinden om de colom waar 4 onderdeel van is te vervangen met de tijd naar van de laatste post kolom, die ook aanwezig is op deze pagina, maar word weggelaten omdat het scherm te klein is. Dat brengt je een stuk dichterbij (zo niet op de plek) waar je wilt zijn. Niet alleen dat, maar het is ook een stuk makkelijker om te checken of je uberhaupt een topic wilt checken, omdat activiteit in dit overzicht alleen met gekleurde icoontjes word aangegeven en dat wil er nog wel eens naast zitten. Meer naast dan mijn geheugen over wanneer ik voor het laatste tweakers heb gechecked in ieder geval.

[Hero of Time]

Eens. In AT heb je dan nog wel gekleurde icoontjes, maar als je 'sessie' nog geen reset heeft gehad mbt tijd, is het erg vervelend om bij de reacties te beginnen die je al hebt gelezen. Helemaal vervelend als er ondertussen een nieuwe pagina is, waardoor je nog een tik extra nodig hebt om te komen waar je wilt zijn.

Plus ook dat je niet onthoud dat het topic 1234 posts heeft en een paar minuten later 1235. Dat valt niet op. Maar laatste post om 13:30 en de post erna is om 13:40 valt meer op, want je weet je huidige tijd.

[Gropah]

Gezien de niet echt daverende reactie's hier heb ik zelf maar wat in elkaar geflanst op basis van de CSS die tweakers op dit moment zelf aanlevert. Hierbij de code, wellicht voor tweakers maar in ieder geval voor diegene die dit ook als een probleem ervaren. Het werkt door de mediaquery alleen op de kleinste schermen.

Cascading Stylesheet:

/* time of latest reaction instead of replycount in topiclistings */
@media (max-width: 499px),(max-device-width: 499px) and (orientation: portrait){
    /* Hide the reply counter */
    table.listing .replies{
        display:none
    }

    table.listing .replies,table.forumlisting .replies{
        overflow:hidden;
        padding:0px;
        width: 0px;
    }

    /* Show the last reply time*/
    table.listing .time {
        width: 80px;
        border-right: 1px solid #d9d9d9;
        text-align: center;
    }

    table.listing .time,table.forumlisting .time{
        display: table-cell;
        padding: 10px;
        width: 60px;
    }
}

en nog een screengrab met het resultaat:

[ Voor 10% gewijzigd door Gropah op 20-01-2019 15:12 ]

[Hmmbob]

Gropah schreef op zondag 20 januari 2019 @ 12:49:
Gezien de niet echt daverende reactie's hier heb ik zelf maar wat in elkaar geflanst op basis van de CSS die tweakers op dit moment zelf aanlevert. Hierbij de code, wellicht voor tweakers maar in ieder geval voor diegene die dit ook als een probleem ervaren. Het werkt door de mediaquery alleen op de kleinste schermen.

Cascading Stylesheet:

/* time of latest reaction instead of replycount in topiclistings */
@media (max-width: 499px),(max-device-width: 499px) and (orientation: portrait){
    /* Hide the reply counter */
    table.listing .replies{
        display:none
    }

    table.listing .replies,table.forumlisting .replies{
        overflow:hidden;
        padding:0px;
        width: 0px;
    }

    /* Show the last reply time*/
    table.listing .time {
        width: 80px;
        border-right: 1px solid #d9d9d9;
        text-align: center;
    }

    table.listing .time,table.forumlisting .time{
        display: table-cell;
        padding: 10px;
        width: 60px;
    }
}

en nog een screengrab met het resultaat:

[Afbeelding]

Pretty cool, ik zou dit ook graag willen zien als feature.

Vooralsnog dus via custom CSS - heb je enig idee waarom dit in het bookmarkoverzicht niet werkt? Of althans, in de actieve topics en de forumlijst staat er enkel de tijd, bij de bookmarks een datum+tijd. Ik zie in de source dat dat zo gegenereerd wordt door de site - ik ben onvoldoende handig met CSS om bijvoorbeeld alleen de laatste 5 characters van die string weer te geven.

[Gropah]

Hmmbob schreef op dinsdag 22 januari 2019 @ 09:59:
[...]
Pretty cool, ik zou dit ook graag willen zien als feature.

Vooralsnog dus via custom CSS - heb je enig idee waarom dit in het bookmarkoverzicht niet werkt? Of althans, in de actieve topics en de forumlijst staat er enkel de tijd, bij de bookmarks een datum+tijd. Ik zie in de source dat dat zo gegenereerd wordt door de site - ik ben onvoldoende handig met CSS om bijvoorbeeld alleen de laatste 5 characters van die string weer te geven.

Zo handig ben ik ook niet met CSS. Ik weet zo 1,2,3 niet waar het verschil vandaan komt. Wellicht dat ik er in de toekomst nog wat tijd in stop, maar voor nu vind ik dit goed zat. Mocht iemand anders er zin in hebben, be my guest.

[Hero of Time]

Dat komt door td.replies (at, mt) vs td.replies.last (bookmarks).

[Gropah]

Nu ook als snippet beschikbaar

[ Voor 54% gewijzigd door Gropah op 24-09-2019 15:39 ]

[Gropah]

De snippet is weer geupdate na dat er wat in de listings was veranderd de afgelopen week en de snippet alleen nog maar het aantal reactie's weghaalde.