allt
Företag
datavetenskap
design
utveckling
vår resa
Strategimönster
Tack! Din inlämning har mottagits!
Hoppsan! Något gick fel när du skickade in formuläret.
Tack! Din inlämning har mottagits!
Hoppsan! Något gick fel när du skickade in formuläret.
Maria Grilo

11 september 2023

Min läsning

Storskärmstelefoner: UX- och användbarhetsdesigntips

Jag är ganska säker på att mina händer inte är för små jämfört med den genomsnittliga människan. Jag gick så långt som att undersöka det, i en strävan att svara på frågan ”Är det jag?”. Den genomsnittliga längden på en vuxen mans hand är 7,6 tum (19,3 cm). För kvinnor sjunker genomsnittet till 6,8 tum (17,2 cm). Låt oss säga att jag är väl inom dessa medelvärden. Detta har gett mig lite tröst: det är inte mitt fel att jag har tappat min telefon 26 gånger tills skärmen såg ut Schwarzenegger när han tog bort huden i Terminator. Det var både skrämmande och störande.

Om de 7 mest lovande små smartphonesna för 2020 har ett genomsnittligt diagonalt avstånd på mer eller mindre 6,3 ”(16 cm), och den genomsnittliga mänskliga tummen är mer eller mindre 3,11 ”(7,8 cm), finns det helt klart ett problem här. Den minsta smarttelefonen 2020 är iPhone 11 Pro med 5,8 ”(14,7 cm) och den största telefonen är någonstans runt 6,8 ”(17,2 cm).

A representation of the average human thumb vs a small average smartphone
En representation av den genomsnittliga mänskliga tummen jämfört med en liten genomsnittlig smartphone

Jag kan inte vara den enda personen som har tappat telefonen tack vare detta, och omröstningar bekräftade denna andra misstanke om mig: den genomsnittliga amerikanen, till exempel, kommer att Släpp telefonen på marken fyra gånger i veckan, eftersom en tredjedel säger att de släpper det ännu mer än så. Vissa tjänster har tagit itu med problemet genom att sälja telefonremmar, bara så att du kan känna dig säkrare medan du håller telefonen med bara en hand.

För att lägga till förolämpning mot skador finns det en tydlig tendens för större och större telefoner. ”Phablets” existerar och det är illa nog att man inte nödvändigtvis kan skilja dem från ”normala” smartphones. Inte bara större telefoner, utan större skärmar.

blå pil till vänster
Imaginary Cloud-logotyp

Varför blir telefonskärmarna större?

När du försöker få svar på den här frågan dyker det upp flera skäl.

  1. Tillverkare måste klämma in mer batteri i enhetenoch gör hela saken nödvändigtvis större.
  2. Telefoner blir mediecenter för mångaBortsett från en arbetsplats för många andra. Om vi ser bortom allt innehåll vi får från Instagram, Youtube etc. har vi nått den punkt där Netflix och andra liknande tjänster också investeras i mobil streamingmarknad, även om de medger att 70% av deras strömmar hamnar anslutna till en TV efter mer eller mindre 6 månaders användning.
Netflix viewing statistics on different devices (Vox)
Netflix visningsstatistik på olika enheter (Vox)

Dessa media- och arbetskrav kräver inte bara större skärmar utan leder oss också till andra skäl till varför telefoner blir större:

3. Användare behöver mer processorkraft och lagringsminne. Logiskt sett, när du lägger till större processorer, RAM, fler megapixlar eller två extra kameror, behöver telefoner utrymme. Inte bara för dessa element, utan för större batterier. Detta stänger slingan: vi är inte bara giriga efter större skärmar trots allt.

Men ändå, de storbildsbesatthet har lett till telefondesign som trotsar sina gränser, tar bort frontkameror som tar bort visningsutrymme genom att gömma dem under skärmen eller få dem att dyka upp ur telefonen - säg adjö till smygande selfies på tunnelbanan.

Phot of a pop-up camera innovation
Pop-up-kamerainnovationen (Xiaomi, Techgoondu)

Det finns mer: UX mobil design gick sedan med i festen och hittade ett sätt att ta bort alla systemknappar som också tar plats på skärmen. Du behöver inte längre en bottennavigering, du måste svepa på en mängd olika sätt, för att ta dig tillbaka, till en översikt eller för att stänga.

Det var en vän till mig som hjälpte mig att välja min nya telefon efter att min förra slutade med en monströs trasig skärm, och han pekade mig mot en modell med en pop-out-kamera eftersom ”yay, en extra centimeter skärm”. Jag tänkte inte på det då men gjorde det inte bara mitt ”lilla hand” problem värre? Det gjorde det, det gjorde det helt.

När jag pratade med honom om att skriva den här artikeln rådde han mig att prova gester som ersatte bottennavigeringen, eftersom det skulle kräva mindre precision när du trycker på de nedre knapparna. Detta innebar att jag inte behövde ha min hand som stödde min telefon hela vägen ner, utan lite uppåt mot mitten.

blå pil till vänster
Imaginary Cloud-logotyp

Är Android Gestures en lösning?

Jag motstod detta android gester sak, säger att mitt minne är alldeles för hemskt för att memorera alla dessa svep och drag. Jag kände inte att de var intuitiva nog. Det slutade med att jag lärde mig att använda den på en dag, men jag fastnar fortfarande ibland, utan att veta vad jag ska göra för att gå tillbaka eller vad som helst. Dessa rörelser matchar många gånger inte riktigt rörelsen hos elementen på skärmen. Det hjälpte mig att bli snabbare på att navigera mellan appar, men det löste knappast mitt problem.

Det väckte dock några frågor om dessa rörelser. Om jag sveper från höger till vänster, hur är det vettigt att den här rörelsen tar mig tillbaka? I det västerländska samhället läser våra hjärnor från vänster till höger, och det är så vi normalt sekvenserar saker. Om jag drar något från höger till vänster flyttar jag det elementet tillbaka och nästa kommer att ta sin plats. Trots att det är väldigt ologiskt för mig är höger till vänster mitt operativa systems (OS) standardrörelse att gå tillbaka.

Men tänk om denna rörelse representerar ett tryck istället för ett drag? Som i sveper jag inte åt vänster, jag skjuter appen/sidan bort mot vänster. Jag skulle säga att det inte riktigt representerar vår nuvarande logik för skärmdisposition, men om så är fallet måste animationen matcha det.

Picture of an example of a gesture navigation
Ett exempel på en gestnavigering (c.mi.com)

Varje OS-version slutar med att ha sin egen UX animationer men i slutet av dagen är sanningen att många navigeringselement fortfarande finns längst upp på skärmen, med betoning på det övre vänstra hörnet. Var är dessa gigantiska händer UX-designers? Kan vi inte lösa det?

Whatsapp har en toppnavigering, och Facebook Jag bryr mig inte heller om min handstorlek. Instagram är på min sida. Navigeringen längst ner är verkligen den som människor använder mest. Elementen som placeras högst upp är berättelserna, som räknas som innehåll enligt min mening, eftersom det inte är så vanligt att bläddra igenom berättelser istället för att titta på dem i en automatisk sekvens.

Nya produkter bör inspireras Instagram. Visst, håll dina ”tillbaka” -knappar längst upp till vänster, jag antar att jag använder gester istället. Men mestadels, om du är en designer, fråga dig själv vad som verkligen är viktigast för användbarheten av en app: extra 30px innehåll, eller att kunna flytta runt utan det överhängande hotet att tappa telefonen? Räcker inte de extra 50px som kameran frigjorde på toppen av skärmen tillräckligt?

Jag vet att det kan låta som om jag har fler frågor än svar, men det verkar som om vi missar en mycket grundläggande lösning för skärmstorleksproblemet. Tillverkarna gjorde så mycket för att öka skärmstorleken, beräkningskraften och batterikapaciteten samtidigt som telefonerna blev tunna, växla appnavigeringen till botten borde ha varit det automatiska svaret på detta nya paradigm.

Kanske allt jag verkligen behöver lägga till i diskussionen är att notera hur skandalös skillnaden mellan genomsnittliga händer och skärmstorlekar har blivit, men jag är villig att erkänna att det inte finns någon hårdvarulösning för det... ännu.

Jag saknar dig, små Motorolas från det förflutna.

Grow your revenue and user engagement by running a UX Audit! - Book a call

Hittade den här artikeln användbar? Du kanske gillar dessa också!

blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
Maria Grilo
Maria Grilo

Jag är UI & produktdesigner, illustrationskonstnär och målare. Känd för min kärlek till skräpiga strandhanddukar, musikproduktion, typografi och alla typer av pizza.

Läs fler inlägg av denna författare

Människor som läste det här inlägget tyckte också att dessa var intressanta:

pil vänster
pilen till höger
Dropdown caret icon