Hur man skapar en ansökan design i en tid av stora skärmar

Efter flera år av konfrontation, Apple slutligen meddelade iPhone 6Som kan betraktas som ursprunget era av stora skärmar. Det faktum att användare som denna show Apple Records om de initiala försäljningen, men utan dem är det tydligt att de "stora" iPhones demonteras strykande åtgång.

Det verkar som snart användare kommer att överge sina gamla 3,5- och 4-tums skärm, och processen kommer att gå mycket snabbt. Och eftersom mobila utvecklare, webbdesigners och andra yrkesgrupper behöver för att optimera sina produkter och lära sig nya saker.

Processen för övergång till mobila enheter med större diagonal har redan börjat. rapport Adobes 2014 Mobile Benchmark bekräftar att bläddrar webbsidor enheter diagonal mindre än 4 inches minskade med 11%. Därför nu förståelsen för hur man skapar en användarvänlig design för enhandsmanövrering är det viktigt som aldrig förr.

Förändringar Apple borde göra våra liv enklare, eftersom smartphones med mindre diagonal redan utrotade. Men detta kommer att ske endast om det faktum att vi har anpassat sig till de nya villkoren för vår design. Annars kommer framtiden att vara mycket smärtsamt för våra tummarna.

Detta är särskilt viktigt för de designers som bara fungerar på iOS-applikationer. Eftersom de trodde att problemet med olika upplösningar inför webbdesigners, de har aldrig varit rörd och nu är hon plötsligt framför dem.

Design för tummen

Så vad betyder "design för tummen?" Den involverar konstruktionen av sådana gränssnitt som är lämpligt för användning inom det naturliga rörelseområde av tummen. Men det blir mer komplicerat, eftersom vi omedvetet förändrar grepp telefonen i de fall där vi behöver för att komma till särskilda kontroller på skärmen. Var och en av oss gör detta många gånger om dagen, inte ens uppmärksamma det.

Men du måste börja någonstans. Studier visar att de flesta av oss håller telefonen på ett sådant sätt att basen av tummen faller på det nedre högra hörnet.

Det har kommit till sådana slutsatser mobila expert Steve Huber, som hölls förra året experiment, Som besöktes av 1333 personer. Han fann att människor använder sina telefoner medan du håller dem på följande sätt:

• en hand - 49%
• Vagga - 36%
• två händer - 15%

Dominans grepp vänster eller höger hand är också ganska intressant:

• höger - 67%
• Vänster - 33%

Huber sade att antalet vänsterhänta på det totala antalet av de svarande var endast 10% och den högre siffran i resultaten av experimentet på grund av det faktum att människor hålla telefonen i vänster hand när rätten att engagera sig i ett annat fall - i samband med rökning, cykling under matdags etc.

Zone thumb

tummen zoner är något som värmen!. De ger den bästa idén om hur tillgängliga olika skärm områden i våra fingrar. Låt oss använda av Hubers forskning för att skapa en värmekarta för den mest populära script använda när vi håller telefonen med en hand (till höger) och basen av tummen i det nedre högra hörnet. Här är en visuell representation av hur tummen området delades ut sedan den första iPhone (2007).

En mer detaljerad jämförelse av iPhone 6 och iPhone 6 Plus:

Som ni kan se, "säkra" gröna zonen förblir nästan oförändrad (om iPhone 6 Plus lite senare). Detta beror på att våra fingrar inte kan mirakulöst sträcks för att passa skärmstorleken. Det är tråkigt, eftersom jag som barn älskade att spela för Dhalsim'a i Street Fighter.

Men vad hände med iPhone 6 Plus och varför den röda zonen ökade så dramatiskt? Dessutom är det förändrats och "säkert" område. Detta beror på det faktum att iPhone 6 Plus har en större storlek och bekväm att hålla den i ena handen, vi måste hålla sitt lillfinger. Överraskande nog har det förändrats så mycket erfarenhet av att använda en stor iPhone.

gytter

Låt oss analysera vilka förändringar vid tummen, om vi håller telefonen på ett annat sätt. Ibland finns det situationer där det är mer praktiskt att hålla telefonen så att basen av tummen ligger ungefär i mitten av skärmen. Och det är hur det påverkar stortå området:

Du ser, iPhone 6 Plus är, på grund av den större storleken är i en bättre position i denna situation, medan iPhone 6 bara "end" skärm utrymme.

nåbarhet

Högar beskrivna ovan kan undvikas genom att använda tillgänglighets funktion som är tillgänglig på iPhone 6 och iPhone 6 Plus. Dubbeltryck på hemknappen (inte press och bara en touch) aktiverar den och skärmen kommer att flytta ner till området för fingerräckhåll. Här är hur det ser ut.

Men hur Nåbarhet ser med lagrat på iPhone 6 Plus området tumme:

Har du märkt? På Apples demo finger placeras just i naturområde.

Och här är en annan intressant punkt, som John Gruber poäng:

Nåbarhet för iPhone 6 Plus förskjuter innehållet på skärmen är lägre än iPhone 6 (i procent förhållande) - handlar om att skifta skärmen till toppen av höjden, som är tillgänglig under tummen normal-grepp.

Det är vad som står på spel.

Vad betyder allt detta?

Storleken på skärmarna av mobila enheter blir ungefär densamma, och det är goda nyheter. Men det innebär också att vi inte bara kan skala de färdiga gränssnitt med mindre smartphones till 5,5 inches. Grip enheten helt förändrat, och kanske dina gränssnitt kommer att göra samma sak.

Jag tror att skapandet av prototyper kommer att vara lika viktigt som någonsin. Därför, om du inte sitter i tågen, det är dags att hoppa in i den.

PS: Om du är en designer eller har betydelse för utvecklingen av mobila applikationer kan du vara användbara zon mallar tumme som kan tillämpas på dina gränssnitt och kontrollera hur bekväm de kommer att vara använda. Du kan ladda ner dem här.

via