Ako vytvoriť návrh aplikácií v ére obrovských obrazovkách

Po niekoľkých rokoch konfrontácie, Apple konečne oznámil iPhone 6Čo možno považovať za pôvod Éra veľkých obrazovkách. Skutočnosť, že užívatelia, ako je tento ukazujú, apple záznamy o počiatočných predajov, ale aj bez nich, je jasné, že "veľké" iPhones demontovať ako horúce koláče.

Zdá sa, že čoskoro budú užívatelia opustiť svoje staré obrazovku 3.5- a 4-palcový, a tento proces bude prebiehať veľmi rýchlo. A pretože mobilné vývojárov, dizajnérov webu a ďalších odborníkov je potreba optimalizovať svoje výrobky a učiť sa novým veciam.

Proces prechodu na mobilné zariadenia s väčším diagonálne už začala. správa Adobe 2014 Mobile Benchmark potvrdzuje, že prechádzajúce webové stránky zariadenia diagonálou menej ako 4 palce sa znížil o 11%. Preto teraz pochopenie toho, ako vytvoriť užívateľsky príjemný dizajn pre ovládanie jednou rukou, je dôležité, ako nikdy predtým.

Zmeny Apple by sa nám uľahčujú život, ako smartphony s menším Diagonal už vyhynul. Ale k tomu dôjde len v prípade, že sme sa prispôsobili novým podmienkam nášho návrhu. V opačnom prípade bude budúcnosť pre naše palca veľmi bolestivé.

To je dôležité najmä pre tých projektantov, ktorí pracujú iba na iOS aplikácií. Vzhľadom k tomu, že si myslel, že problém rôznych rozlíšeniach čelí webové dizajnérmi, ktoré neboli nikdy nedotkol a teraz zrazu pred nimi.

Design for palci

Takže to, čo znamená "dizajn pre palci?" To zahŕňa výstavbu týchto rozhraní, ktoré sú vhodné pre použitie v rámci prirodzeného výskytu pohybu palca. Ale to sa ešte ďalej komplikuje, pretože sme podvedome mení uchopenie telefónu v prípadoch, keď potrebujeme sa dostať do konkrétnych ovládacích prvkov na obrazovke. Každý z nás robí mnohokrát za deň, ani dávať pozor na to.

Avšak, je potrebné niekde začať. Štúdie ukazujú, že väčšina z nás držať telefón v takým spôsobom, že základňa palec pripadá na pravom dolnom rohu.

To prišlo na tieto závery mobilné expert Steve Huber, ktorý sa konal vlani experiment, Ktorého sa zúčastnilo 1333 osoba. Zistil, že ľudia používajú svoje telefóny, zatiaľ čo drží ich takto:

• jednou rukou - 49%
• Cradle - 36%
• dve ruky - 15%

Dominancia grip jazda vľavo alebo vpravo je tiež celkom zaujímavé:

• doprava - 67%
• Vľavo - 33%

Huber uviedol, že počet ľavákov na celkovom počte respondentov bola iba 10% a vyššie číslo vo výsledkoch experimentu vzhľadom k tomu, že ľudia držať telefón v ľavej ruke, keď právo, aby sa zapojili v inej veci - v čase fajčenia, jazda na bicykli, počas jedla času atď.

Zone palec

palec zóny sú niečo ako teplo!. Dávajú najlepšiu predstavu o tom, ako sú prístupné rôzne obrazovky oblastiach našich prstov. Využime z Hubera výskumu s cieľom vytvoriť teplotný mapa pre najpopulárnejší skript použiť, keď sme sa držať telefón v jednej ruke (vpravo) a spodnej časti palca v pravom dolnom rohu roh. Tu je vizuálna reprezentácia toho, ako sa palec priestor distribuovaný od prvej iPhone (2007).

Podrobnejšie porovnanie iPhone 6 a iPhone 6 Plus:

Ako môžete vidieť, "bezpečný" Zelená zóna zostáva takmer bez zmeny (o iPhone 6 Plus o niečo neskôr). Je to preto, že naše prsty nemôže byť zázračným spôsobom roztiahnutý, aby zodpovedal veľkosti obrazovky. Je to smutné, pretože ako dieťa som miloval hrať za Dhalsim'a vo Street Fighter.

Ale to, čo sa stalo s iPhone 6 Plus a prečo sa červená zóna sa zvýšil tak dramaticky? Okrem toho zmenilo a "bezpečné" oblasti. To je spôsobené tým, že iPhone 6 Plus má väčšiu veľkosť a pohodlne ho držať v jednej ruke, musíme sa držať jeho malíček. Prekvapivo sa zmenilo toľko skúseností v použití veľkého iPhone.

konglomerát

Poďme analyzovať, aké zmeny v oblasti palca, ak budeme držať do telefónu inou cestou. Niekedy existujú situácie, kedy je vhodnejšie držať telefón tak, aby základňa palca sa nachádza približne v strede obrazovky. A to je to, ako to ovplyvní palec plocha:

Vidíte, iPhone 6 Plus je z dôvodu väčšej veľkosti, je v lepšej pozícii v tejto situácii, zatiaľ čo iPhone 6 len "koniec" miesta na obrazovke.

dosiahnuteľnosť

Haldách popísané vyššie môže byť zabránené pomocou funkcie dostupnejším, ktorá je k dispozícii na iPhone 6 a iPhone 6 Plus. Dvojité poklepanie na tlačidlo Home (nestláčajte a len touch) ho aktivuje a na displeji sa bude pohybovať až do oblasti prsta ruky. Tu je návod, ako to vyzerá.

Ale ako Dosiahnuteľnosť vzhľad sa prekrýva na iPhone 6 Plus oblasti palca:

Všimli ste si? Na Apple demo prst je umiestnený práve v prírodnom areáli.

A tu je ďalší zaujímavá vec, ktorá John Gruber body:

Dosiahnuteľnosť pre iPhone 6 Plus posúva obsah na obrazovke je menšia ako iPhone 6 (v percentách pomer) - je o posunutie na obrazovku v hornej časti výšky, ktorá je dostupná pod palcom normálny grip.

To je to, čo je v stávke.

Čo to všetko znamená?

Veľkosť obrazoviek mobilných zariadení sa stáva približne rovnaké, a to je dobrá správa. Ale to tiež znamená, že nemožno jednoducho škálovať hotové styčné body s menšími smartphony na 5,5 palca. Grip Prístroj je úplne zmenila, a možno vaše rozhranie bude musieť urobiť to isté.

Myslím, že tvorba prototypov bude rovnako dôležité ako kedykoľvek predtým. Preto, ak nechcete sedieť vo vlakoch, je čas skočiť do nej.

PS: Ak ste dizajnér alebo majú vzťah k vývoju mobilných aplikácií, ktoré môžu byť užitočné zóny šablóny palec, ktoré možno aplikovať na vaše rozhranie a skontrolovať, ako pohodlné budú použiť. Môžete si ich stiahnuť tu.

via