Hvordan lage et program design i en tid med store skjermer

Etter flere år med konfrontasjon, Apple endelig annonsert iPhone 6Som kan betraktes som opprinnelsen æra av store skjermer. Det faktum at brukere liker dette showet Apple Records om de første salg, men uten dem er det klart at de "store" iPhones demonteres som varmt hvetebrød.

Det virker som snart brukerne vil forlate sin gamle 3,5- og 4-tommers skjerm, og prosessen vil fortsette svært raskt. Og fordi mobilutviklere, site designere og andre fagfolk trenger for å optimalisere sine produkter og lære nye ting.

Prosessen med overgang til mobile enheter med større diagonal har allerede begynt. rapporten Adobes 2014 Mobile Benchmark bekrefter at leser sider anordninger diagonal mindre enn 4 inches redusert med 11%. Derfor, nå forståelsen av hvordan du oppretter en brukervennlig design for enhåndsbetjening, er det viktig som aldri før.

Endringer Apple bør gjøre livene våre lettere, som smarttelefoner med mindre diagonal allerede utdødd. Men dette vil bare skje hvis det faktum at vi har tilpasset seg de nye betingelsene for vår design. Ellers vil fremtiden være svært smertefullt for våre tommelen.

Dette er spesielt viktig for de designere som bare fungerer på iOS-applikasjoner. Fordi de trodde at problemet med forskjellige oppløsninger overfor webdesignere, de har aldri blitt berørt, og nå er hun plutselig foran dem.

Design for tommelen

Så hva betyr "designe for tommelen?" Det innebærer bygging av slike grensesnitt som er egnet for bruk innenfor den naturlige bevegelsesområde av tommelen. Men det blir mer komplisert, fordi vi ubevisst endrer grep telefonen i tilfeller der vi trenger for å få til de spesifikke kontroller på skjermen. Hver av oss gjør dette mange ganger om dagen, ikke engang betaler oppmerksomhet til det.

Men du må starte et sted. Studier viser de fleste av oss holder telefonen på en slik måte at bunnen av tommelen faller på nedre høyre hjørne.

Det har kommet til slike konklusjoner mobilekspert Steve Huber, som ble holdt i fjor eksperiment, Som ble fulgt av 1333 personer. Han fant at folk bruker sine telefoner mens du holder dem som følger:

• ene side - 49%
• Cradle - 36%
• to hender - 15%

Dominans grep venstre eller høyre hånd er også ganske interessant:

• rett - 67%
• Venstre - 33%

Huber sa at antall venstrehendte på det totale antall respondenter var bare 10% og høyere tall i resultatene av forsøket på grunn av det faktum at folk holder telefonen i venstre hånd når rett til å engasjere seg i en annen sak - i den tiden av røyking, sykling, under måltid tid etc.

tommelen Zone

tommel sonene er noe som varmen!. De gir best inntrykk av hvordan tilgjengelige ulike skjerm områder av våre fingre. La oss bruke av Hubers forskning for å skape en Heat kart for de mest populære script bruke når vi holder telefonen med én hånd (høyre) og basen av tommelen i nedre høyre hjørne. Her er en visuell representasjon av hvordan tommelen området ble distribuert siden den første iPhone (2007).

En mer detaljert sammenligning av iPhone 6 og iPhone 6 Plus:

Som du kan se, "safe" Green Zone forblir nesten uendret (om iPhone 6 Plus litt senere). Dette er fordi fingrene ikke kan mirakuløst strukket til å passe skjermstørrelsen. Det er trist, fordi som barn elsket jeg å spille for Dhalsim'a i Street Fighter.

Men hva skjedde med iPhone 6 Plus og hvorfor den røde sonen det økt så dramatisk? Dessuten er det endret og "trygt" område. Dette skyldes det faktum at iPhone 6 Plus har en større størrelse og behagelig å holde den i én hånd, har vi å holde lillefingeren. Overraskende nok har det endret seg så mye erfaring i bruk av en stor iPhone.

konglomerat

La oss analysere hvilke endringer i tommelen området, hvis vi holder telefonen på en annen måte. Noen ganger er det situasjoner der det er mer praktisk å holde telefonen slik at bunnen av tommelen ligger omtrent i midten av skjermen. Og dette er hvordan det påvirker store tå området:

Du skjønner, iPhone 6 Plus er, på grunn av større størrelse, er i en bedre posisjon i denne situasjonen, mens iPhone 6 bare "end" plass på skjermen.

reachability

Heaps beskrevet ovenfor kan unngås ved hjelp av Reachability funksjon som er tilgjengelig på iPhone 6 og iPhone 6 Plus. Dobbelttrykk på Hjem-knappen (ikke trykk og bare en touch) aktiverer den og skjermen vil flytte ned til området av fingertuppen rekkevidde. Her er hvordan det ser ut.

Men hvordan Reachability utseende med lagt på iPhone 6 Plus område tommelfinger:

Har du lagt merke til? På Apple demo fingeren er plassert nettopp i naturområde.

Og her er et annet interessant poeng, som John Gruber punkter:

Rekkevidde i iPhone 6 Plus skifter innholdet på skjermen er lavere enn iPhone 6 (i prosent ratio) - dreier seg om å forskyve skjermen til toppen av den høyde, som er tilgjengelig under tommelen normal-grep.

Det er det som står på spill.

Hva betyr alt dette?

Størrelsen på skjermene til mobile enheter blir omtrent den samme, og det er gode nyheter. Men det betyr også at vi ikke bare kan skalere klare grensesnitt med mindre smarttelefoner til 5,5 inches. Grip enheten er helt forandret, og kanskje dine grensesnitt blir nødt til å gjøre det samme.

Jeg tror etableringen av prototyper vil være like viktig som før. Derfor, hvis du ikke sitte i tog, det er på tide å hoppe i det.

PS: Hvis du er en designer eller har relevans for utvikling av mobile applikasjoner som du kan være nyttige sonemaler tommel som kan brukes til grensesnitt og sjekk hvor behagelig de vil være bruke. Du kan laste dem ned her.

via