• slide icon
  • slide icon
  • slide icon

Test dit Website

Se hvordan din hjemmeside vises på mobile platforme

Responsinator - testen

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og få notifikationer hver gang vi kommer nyheder på vores blog.

Facebook

Følg os på Facebook og kom med bag facaden, og
se hvad vi mener
der rører sig
indenfor
vores branche.facebook

Twitter

Følg os på Twitter og se hvad vi foretager os på
kontoret i
hverdagen,
samt meget
andet.twitter

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og få notifikationer hver gang vi kommer nyheder på vores blog.

Facebook

Følg os på Facebook og kom med bag facaden, og
se hvad vi mener
der rører sig
indenfor
vores branche.facebook

Twitter

Følg os på Twitter og se hvad vi foretager os på
kontoret i
hverdagen,
samt meget
andet.twitter

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og få notifikationer hver gang vi kommer nyheder på vores blog.

Facebook

Følg os på Facebook og kom med bag facaden, og
se hvad vi mener
der rører sig
indenfor
vores branche.facebook

Twitter

Følg os på Twitter og se hvad vi foretager os på
kontoret i
hverdagen,
samt meget
andet.twitter

Blog

Finger-venligt webdesign

Hvor stor bør en knap eller link være på en smartphone? Détte anbefaler retningslinjerne for Mobile enheder…

Apples iPhone Human Interfaces retningslinjer anbefaler en mindste målstørrelse på 44 pixels bredde og 44 pixels højde. Microsofts Windows Phone UI Design og Interaktionsguide foreslår en mindste målstørrelse på 26 pixels. Nokias Udvikler Retningslinjer antyder, at målets størrelse ikke bør være mindre end 1 cm x 1 cm eller 28 x 28 pixels.
Selvom disse retningslinjer giver et generelt billede af hvor små knapper må være på mobile enheder som smartphones, er de ikke i overensstemmelse med hinanden. De er heller ikke i overensstemmelse med den faktiske størrelse af den menneskelige finger. Faktisk er de foreslåede størrelser meget mindre end den gennemsnitlige finger, hvilket kan føre til at brugere kan få problemer med at ramme disse områder eller knapper, på smartphones.
 

Små ”Touch Mål” fører til store problemer

Små ”touch mål” gør brugernes arbejde hårdere, fordi de kræver mere præcision at ramme. Brugerne er nødsaget til at omstille og vende sig til at benytte fingerspidsen, for at ramme målet.

 


 
Det er ikke kun små enkeltstående ”touch mål” der kan fører til berøringsfejl. Det er især når disse små ”touch mål” er grupperet i nærheden af hinanden, der resulterer i at man som bruger kan komme til at ramme nabo-knappen eller ”nabo-touch målet”. Dette skyldes, at brugerens finger overlapper på de tilstødende taster. Og hvis trykket ikke er omhyggeligt nok, og anvendes på det rigtige sted, vil det udløse en forkert handling. Det er nemt for brugerne at komme til at udløse disse fejl med deres pegefinger. Men det er endnu nemmere for dem at komme til at udløse disse fejl, hvis de bruger deres tommelfinger. Dette er selvfølgelig fordi deres tommelfinger er meget større end målet. Af og til kan det forekomme at visse brugere benytter deres tommelfinger ved at vippe den om på siden og bruge den tynde side at ramme med.

 


 
Tommelfingeren er, utroligt nok, populær at anvende blandt de mobile brugere. Nogle brugere vil ikke altid have to hænder fri, når de er på deres mobile enhed.
 

Pixelbredde af den gennemsnitlige Pegefinger

Et MIT Touch Lab studie af menneskets fingerspidser fandt, at den gennemsnitlige bredde af pegefingeren er 1,6 til 2 cm (16 - 20 mm) for de fleste voksne. Dette konverteres til 45 - 57 pixels, som er bredere end hvad de fleste mobile retningslinjer tyder på.

 


 
En knap, der er 45 - 57 pixels bred, egner sig altså bedre til brugerens pegefinger. Kanterne af knappen/målet vil være synlig, når brugeren trykker på den. Dette giver dem et tydelig visuelt feedback, idét at de rammer målet med stor nøjagtighed. Det er også med til at øge den hastighed brugeren skal bruge på at ramme deres mål. Dette er i overensstemmelse med Fitt’s anden lov, som siger, at tid til at nå et mål, er længere, hvis målet er mindre.
 

Pixelbredde af den gennemsnitlige tommelfinger

Der er mange brugere, der benytter deres pegefinger til at trykke på mobile knapper. Men der er lige så mange brugere, der benytter deres tommelfinger. Den store forskel er at tommelfingeren som regel er større og bredere end pegefingeren. Den gennemsnitlige bredde af en voksen tommelfinger er som regel 1 inch (2,5 cm), der kan omdannes til 72 pixels.

 


 
For brugere, der benytter deres tommelfingre, gør 72 pixels underværker. De er nemmere og hurtigere at ramme, fordi de egner sig godt til brugerens tommelfinger. Dette gør kanterne synlige og let at se fra alle vinkler. Det betyder også, at brugerne ikke behøver at vippe deres tommelfinger om på siden, for at ramme målet.
 

Fingerens størrelse er ideel, men ikke altid praktisk.


Finger-design er ikke forbeholdt de få. Det er en ny design standard for mobile applikationer.

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og få notifikationer hver gang vi kommer nyheder på vores blog.

Facebook

Følg os på Facebook og kom med bag facaden, og
se hvad vi mener
der rører sig
indenfor
vores branche.facebook

Twitter

Følg os på Twitter og se hvad vi foretager os på
kontoret i
hverdagen,
samt meget
andet.twitter

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og få notifikationer hver gang vi kommer nyheder på vores blog.

Facebook

Følg os på Facebook og kom med bag facaden, og
se hvad vi mener
der rører sig
indenfor
vores branche.facebook

Twitter

Følg os på Twitter og se hvad vi foretager os på
kontoret i
hverdagen,
samt meget
andet.twitter

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og få notifikationer hver gang vi kommer nyheder på vores blog.

Facebook

Følg os på Facebook og kom med bag facaden, og
se hvad vi mener
der rører sig
indenfor
vores branche.facebook

Twitter

Følg os på Twitter og se hvad vi foretager os på
kontoret i
hverdagen,
samt meget
andet.twitter

Blog

Finger-venligt webdesign

Hvor stor bør en knap eller link være på en smartphone? Détte anbefaler retningslinjerne for Mobile enheder…

Apples iPhone Human Interfaces retningslinjer anbefaler en mindste målstørrelse på 44 pixels bredde og 44 pixels højde. Microsofts Windows Phone UI Design og Interaktionsguide foreslår en mindste målstørrelse på 26 pixels. Nokias Udvikler Retningslinjer antyder, at målets størrelse ikke bør være mindre end 1 cm x 1 cm eller 28 x 28 pixels.
Selvom disse retningslinjer giver et generelt billede af hvor små knapper må være på mobile enheder som smartphones, er de ikke i overensstemmelse med hinanden. De er heller ikke i overensstemmelse med den faktiske størrelse af den menneskelige finger. Faktisk er de foreslåede størrelser meget mindre end den gennemsnitlige finger, hvilket kan føre til at brugere kan få problemer med at ramme disse områder eller knapper, på smartphones.
 

Små ”Touch Mål” fører til store problemer

Små ”touch mål” gør brugernes arbejde hårdere, fordi de kræver mere præcision at ramme. Brugerne er nødsaget til at omstille og vende sig til at benytte fingerspidsen, for at ramme målet.

 


 
Det er ikke kun små enkeltstående ”touch mål” der kan fører til berøringsfejl. Det er især når disse små ”touch mål” er grupperet i nærheden af hinanden, der resulterer i at man som bruger kan komme til at ramme nabo-knappen eller ”nabo-touch målet”. Dette skyldes, at brugerens finger overlapper på de tilstødende taster. Og hvis trykket ikke er omhyggeligt nok, og anvendes på det rigtige sted, vil det udløse en forkert handling. Det er nemt for brugerne at komme til at udløse disse fejl med deres pegefinger. Men det er endnu nemmere for dem at komme til at udløse disse fejl, hvis de bruger deres tommelfinger. Dette er selvfølgelig fordi deres tommelfinger er meget større end målet. Af og til kan det forekomme at visse brugere benytter deres tommelfinger ved at vippe den om på siden og bruge den tynde side at ramme med.

 


 
Tommelfingeren er, utroligt nok, populær at anvende blandt de mobile brugere. Nogle brugere vil ikke altid have to hænder fri, når de er på deres mobile enhed.
 

Pixelbredde af den gennemsnitlige Pegefinger

Et MIT Touch Lab studie af menneskets fingerspidser fandt, at den gennemsnitlige bredde af pegefingeren er 1,6 til 2 cm (16 - 20 mm) for de fleste voksne. Dette konverteres til 45 - 57 pixels, som er bredere end hvad de fleste mobile retningslinjer tyder på.

 


 
En knap, der er 45 - 57 pixels bred, egner sig altså bedre til brugerens pegefinger. Kanterne af knappen/målet vil være synlig, når brugeren trykker på den. Dette giver dem et tydelig visuelt feedback, idét at de rammer målet med stor nøjagtighed. Det er også med til at øge den hastighed brugeren skal bruge på at ramme deres mål. Dette er i overensstemmelse med Fitt’s anden lov, som siger, at tid til at nå et mål, er længere, hvis målet er mindre.
 

Pixelbredde af den gennemsnitlige tommelfinger

Der er mange brugere, der benytter deres pegefinger til at trykke på mobile knapper. Men der er lige så mange brugere, der benytter deres tommelfinger. Den store forskel er at tommelfingeren som regel er større og bredere end pegefingeren. Den gennemsnitlige bredde af en voksen tommelfinger er som regel 1 inch (2,5 cm), der kan omdannes til 72 pixels.

 


 
For brugere, der benytter deres tommelfingre, gør 72 pixels underværker. De er nemmere og hurtigere at ramme, fordi de egner sig godt til brugerens tommelfinger. Dette gør kanterne synlige og let at se fra alle vinkler. Det betyder også, at brugerne ikke behøver at vippe deres tommelfinger om på siden, for at ramme målet.
 

Fingerens størrelse er ideel, men ikke altid praktisk.


Finger-design er ikke forbeholdt de få. Det er en ny design standard for mobile applikationer.