[Bug]Paging past niet op 1 regel

[Hoite]

Locatie
http://tweakotine.nl/nieu...el-internet-update-2.html
Omschrijving
Op een iPhone (Tweakers - D) in de portrait stand passen de breadcrumbs in bovenstaand nieuwsbericht niet meer op 1 pagina.
Het gaat om de breadcrumbs voor de reacties, onder de grote reactiefilterknoppen.

Pagina 8 en de >> staan op een volgende regel.
Navigeer ik naar pagina 2 dan staat ook de 7 op de 2e pagina als gevolg van het verschijnen van een terugknop ( << )
Ik kan dit probleem alleen reproduceren op iOS, zowel in Safari als in Chrome.
Ik heb het zowel op mijn fysieke iPhone 5 als in de iOS Simulator.

Als ik op m'n iMac-Chrome het venster verklein naar D gaat het wel goed.
Platform
iOS
Browser
Safari / Chrome
Type apparaat
Alle iPhones

[ Voor 15% gewijzigd door Hoite op 05-04-2013 14:36 . Reden: Alle iPhones hebben hier last van, niet alleen de 4/5 ]

[Misha]

Heb je een voorbeeldje? Hier gaat het voor zover ik kan zien goed (iPhone 5, 4s), maar kan zijn dat ik niet helemaal begrijp wat je bedoeld

[JoostBaksteen]

Ik heb het ook misha:

[ Voor 4% gewijzigd door JoostBaksteen op 05-04-2013 16:21 ]

[Misha]

Dan heb ik een andere bug, want ik heb alleen maar pagina 1 en 2

In een ander topic werd gesuggereerd dat we wellicht enkel de prev & next (naast het totale aantal) moeten gaan tonen. Dat lost in principe het in 1 keer op, maar als je dan net een aritkel hebt gelezen en je bent tot pagina 4 gekomen, en besluit om later de rest van de reacties te gaan lezen, dan zul je flink wat moeten klikken voordat je eindelijk weer bent waar je was gebleven

[ormagon]

Onder het mom, baat het niet dan schaadt het niet zal ik ook mijn editie van de bug even posten. Xperia Z met Chrome:

[Anoniem: 457607]

Leesvoer omtrent de usability van pagination: http://ux.stackexchange.com/questions/tagged/pagination

[Misha]

Ik vind een dergelijk iets wel een nette oplossing voor paginering. Dat zou dan denk ik wel betekenen dat we aardig wat moeten aanpassen aan de website om het overal goed te laten werken

[crisp]

Jammer dat 'Vorige' en 'Volgende' veel meer ruimte innemen dan 'Prev' en 'Next'

[Misha]

Volgende kun je imho nog eventueel afkorten met "Volg.". Vorige heeft volgens mij niet een dergelijke afkorting

Eventueel kunnen we ook kijken of het enkel tonen van de pijlen voldoende is. Ik denk dat (en dat is ff een forse aanname) dat als je goede iconen gebruikt, het duidelijk is voor de gebruiker. Bijv een '>' voor de volgende, en een '>|' voor het einde of iets dergelijkst. Met de laatste moet het dan duidelijk zijn dat het de allerlaatste pagina betreft

//edit

Schets. Zoiets oid



Overigens waar ik zelf heel erg aan twijfel is de noodzaak van alle afzonderlijke pagina's. Volgens mij is het vooral belangrijk om te weten hoeveel pagina's er zijn, en niet zozeer dat je naar alle mogelijke pagina's kan gaan. De enige use case die ik mij zo kan bedenken is als je bezig was met iets lezen, halverwege bent gekomen en later weer naar die exacte pagina wil terugkeren. De vraag is wat uiteindelijk belangrijker is op de kleinste schermen

//edit 2

Ik realiseer mij nu pas dat onze huidige ">>" niet naar het einde is, maar naar de volgende. Als we het midden van de paginering weglaten en bij de ">>" 'volgende' zetten, dan is het erg eenvoudig om naar een volgende of vorige pagina te gaan

[ Voor 53% gewijzigd door Misha op 08-04-2013 14:23 ]

[JoostBaksteen]

Ik denk dat 'Volg' als afkorting verwarrend kan zijn, vooral met Twitter en het 'volgen' van jan en alleman.

Persoonlijk vind ik de 2 pijltjes ook duidelijk, maar dan moet er wel iets tussenstaan, zoals je dat nu hebt (dus niet alleen ' |< < > >|').

We zouden ook iets kunnen gebruiken als "|< < Pagina 1 van 23 > >|" dan is het duidelijk hoe je naar de volgende/vorige pagina kan gaan.

Je zou het ook zo kunnen maken dat je een selectie popupje (evt native) krijgt wanneer je op 'Pagina 1 / 23' klikt. In die popup zou je dan naar de gewenste pagina kunnen springen.

Dan kan je nog steeds eenvoudig naar elke pagina navigeren, maar is het ook op kleine schermen goed toonbaar.

Een voordeel van 'volgende' en 'vorige' uitschrijven is natuurlijk wel dat het groter is waardoor het veel makkelijker klikbaar is dan een klein '>' dingetje. Eventueel zouden we op grade D de haakjes kunnen gebruiken en op grade < C gewoon voluit 'vorige' en 'volgende'.

[Rafe]

In het middelste voorbeeld van Misha zou ik de vakken met '...' weglaten en het exacte paginanummer toegankelijk maken met een select-tag zoals JoostBaksteen voorstelt. Met meer ruimte zou het zinnig zijn om meer pagina's weer te gaan geven.

Overigens zou het wel zo mooi zijn om de pagination gelijk te trekken op zowel FP als forum. De voorgestelde cd-speler-achtige knoppen vind ik mooi en gelukkig wordt de klikbare target area wat groter. Het aanklikken van de pijltjes in de PW is nogal een crime atm, op het forum gaat dat beter met vorige/volgende.

[Inspector]

Ik heb een conceptje uitgewerkt en op tweakotine gezet. Ik heb de navigatie beperkt tot enkel Vorige en Volgende met in het midden een select met daarin de aanwezige pagina's. Eigenlijk dus de geschetste situatie van JoostBak

[Bundin]

Prima mee te werken zo, ook wanneer er veel pagina's reacties zijn. Ook een 'eerste' en 'laatste' zijn niet meer nodig met die select.