Link to English version

Det finnes mange tjenester, apper og klienter for tekstbaserte sosiale medier. Men hvorfor tar så mange av dem feil, når det gjelder marger på tidslinja?

Out of touch Skinner-meme, med teksten: «Am I wrong about timeline margins?» «No, it’s most apps who are wrong!»

Se på Threads her, for eksempel:

Skjermbilde av Threads. Poenget er forklart under.

Jeg skjønner at du har lyst til å starte innholds-teksten ganske tett opptil brukernavnet, og at profilbildet er høyere enn brukernavnet på noen tjenester. Men jeg synes likevel den venstremargen er hårreisende! Den kaster bort mye plass, og gjør hele greia vindskeiv.

Jeg har gått igjennom mange apper og sjekka hvor mange som gjør dette - og funnet mange. Og noen av disse er godt designa apper sånn ellers! Mange er Mastodon-klienter, siden den tjenesten har et fantastisk tredjeparts-økosystem. Også er alle til iOS, siden det er dét jeg har tilgang på. Men jeg interessert i å høre hvordan ståa er på Android også!

Åkei, her er noen flere syndere:

iOS-skjermbilde av Bluesky. Denne, og alle andre som kommer nå, har en stor venstremarg og liten høyremarg.
Bluesky
iOS-skjermbilde av Mammoth for Mastodon.
Mammoth (for Mastodon)
iOS-skjermbilde av Ivory for Mastodon.
Ivory (for Mastodon)
iOS-skjermbilde av Toot! for Mastodon. Denne kommer litt unna med det, siden den bruker margene kreativt på andre måter.
Toot! (for Mastodon)
iOS-skjermbilde av Phanpy for Mastodon.
Phanpy.social. Veldig god web-klient for desktop også! (for Mastodon)
iOS-skjermbilde av elk.zone for Mastodon.
Elk.zone, en annen, også veldig god, web-klient. (for Mastodon)
iOS-skjermbilde av Micro.blog.
Micro.blog
iOS-skjermbilde av Icro.
Icro (for Micro.blog)
iOS-skjermbilde av X.
Fytti for et rot X er, sammenligna med de andre appene... Én ting er reklamen - men se på gjennomsiktigheten på bunnen uten blur, og hva enn som foregår rundt notch-en. 🤦🏻‍♂️

Så, hva mener jeg er «korrekt» løsning her?

iOS-skjermbilde av den offisielle Mastodon-appen. Den har like (og små) marger på begge sider. Bilder opptar hele bredden.
Den offisielle Mastodon-appen bruker plassen mye mer effektivt, og føles mer balansert. Bilder får også masse plass.
iOS-skjermbilde av Mona. Lignende marger som forrige, men har disse også på bildene.
Mona (for Mastodon) er en annen app med gode marger. Og jeg foretrekker at den har litt marger på bilder og lenker.
iOS-skjermbilde av Icecubes (for Mastodon)
Icecubes har også fine marger.

You can be flexible

Det samme Threads-skjermbildet som i starten av saken. Et lignende skjermbilde, som viser at de bruker venstremargen til å indikere at en post er et svar på en annen post.
Her kan du se at de innimellom bruker margen for å indikere at en post er et svar eller en del av en tråd.
To innlegg i Mona. Ett av dem er et svar, så har en større venstremarg, mens den andre bruker hele bredden.
Men Mona viser at du fint kan ha den indikatoren, uten å reservere plassen hele tida!
iOS-skjermbilde av Gluon for Micro.blog, som har fine sidemarger, men har en rar horisontal marg mellom innlegget og brukernavnet.
Gluon (for Micro.blog) får det nesten til - men har lagt til en rar marg under brukernavnene.

Profilbilder og brukernavn

I tillegg til innleggets innhold, forholder alle appene seg til tre ting knytta til forfatteren:

  • Profilbildet
  • Valgt navn
  • Brukernavnet

Profilbildene har som regel samme høyde som to tekstlinjer. Og de fleste av appene med store venstremarger, viser enten bare ett av navnene (Threads, Mammoth, Micro.blog) eller viser så mye de får plass til på én linje (X, Bluesky, Toot!).

La oss se på Bluesky-skjermbildet igjen:

Samme Bluesky-skjermbilde som tidligere.

Denne viser tre ulike utfall av å ha ting på én linje: Noen ganger får alt plass, noen ganger får hele det valgte navnet plass, men brukernavnet kuttes, og noen ganger ser man ingenting av brukernavnet. Jeg skjønner at det å ha det på én linje gjør at man kan starte innholdet høyere oppe - men man mister jo mer plass enn man vinner, når man har så stor venstremarg. Hvorfor er det da verdt å ødelegge balansen slik?

Hvorfor ikke bare ha valgt navn og brukernavn på hver sin linje, som de appene jeg nevnte? 👇🏻

Det samme Mastodon-skjermbildet som i stad. Det samme Mona-skjermbildet som i stad. Det samme Icecubes-skjermbildet som i stad. Det samme Gluon-skjermbildet som i stad.

Hvis du veldig gjerne vil ha navna på én linje, så har jeg laga en skisse på hvordan det kan løses - med litt småfrekk tekstbrytning: 1

To skjermbilder av Mammoth: Den originale layouten, med stor venstremarg, og skissa mi. Sistnevnte har samme marger på begge sider, og den første linja av teksten bryter rundt profilbildet.

Det kan da ikke bare være jeg som synes at alternativet til høyre er mye mer balansert? Og jeg har fylt inn tekst for å vise hvor mye mer du får plass til.

Hva er det jeg ikke skjønner? Hvorfor har så mange apper så mye større venstre- enn høyremarg? Er det bare fordi folk flest har større telefon enn meg, og da er ikke problemet så stort?

  1. Man vil få en liten marg dersom et innlegg kun består av et bilde - men det gjør ikke så mye, synes jeg. ↩︎