Visa mer/visa mindre (fälla in och ut)

Hur hanterar vi visa mer/visa mindre-funktionalitet som visar och döljer innehåll, exempelvis längre texter?

Att visa mer/mindre information kan hanteras på olika sätt beroende på kontext. UX-ramverket rekommenderar någon av dessa alternativ:

Expandables

När man vill skapa överskådlighet genom att kunna visa/dölja hela sektioner av innehåll.

Expandables

 

Textlänk “Visa mer/fler lorem ipsum” med plusikon

Tänk på att använda detta alternativ sparsamt! Gäller det många objekt kan det vara värt att fundera på om alternativen passar bättre i en punktlista. Ibland kanske det är bättre att se över om all information kan visas direkt, exempelvis om man på förhand vet att det alltid kommer visas samma antal objekt i en lista.

När man vill visa början eller en del av en text , men innehållet blir för långt och man vill dölja resten av innehållet inledningsvis. För att indikera på att mer text finns trunkeras texten med tre punkter innan textlänk för visa mer.

 

“Visa mer”

När man vill visa att fler objekt finns än vad som ska visas kan textlänk med plusikon användas. Exempel till höger för e-tjänster.