Kaip sukurti dizaino programas didelių ekranų eroje

<

Po kelerių metų konfrontacijos „Apple“ pagaliau paskelbė „iPhone 6“, kuris gali būti laikomas didelių ekranų eros pradžia. Tai, kad „Apple“ naudotojai yra tokie, patvirtina pradinės „Apple“ pardavimo ataskaitos, tačiau net ir be jų, aišku, kad „dideli“ „iPhone“ yra išardomi kaip karštosios pyragai.

Atrodo, kad vartotojai netrukus atsisakys savo senų 3, 5 colių ir 4 colių ekranų, ir šis procesas tęsis labai greitai. Taigi, mobilieji kūrėjai, svetainės dizaineriai ir kiti specialistai turės optimizuoti savo produktus ir išmokti naujų dalykų.

Perėjimas prie mobiliųjų įrenginių su didesniu įstrižainiu jau prasidėjo. „Adobe Mobile Mobile Benchmark“ ataskaita patvirtina, kad interneto svetainių, kuriose yra mažiau nei 4 colių įstrižainės, naršymas sumažėjo 11%. Todėl dabar suprasti, kaip sukurti patogų dizainą vienai rankai, yra svarbesnis nei bet kada.

„Apple“ pakeitimai turėtų palengvinti mūsų gyvenimą, nes išmanieji telefonai su mažesniu įstrižainiu jau išnyksta. Tačiau tai įvyksta tik su sąlyga, kad pritaikysime savo dizainą prie naujų sąlygų. Priešingu atveju ateitis bus labai skausminga mūsų nykščiams.

Tai ypač svarbu tiems projektuotojams, kurie dirbo tik „iOS“ programose. Galų gale, jie manė, kad skirtingų rezoliucijų problema, su kuria susiduria interneto dizaineriai, niekada jų neprisiliuks, ir staiga ji yra priešais juos.

Thumbs up dizainas

Taigi, ką reiškia „didelių pirštų dizainas“? Tai reiškia tokių sąsajų, kurios bus patogios naudoti natūraliame nykščio judėjimo rajone, statybą. Bet tai tampa vis sunkiau, nes nesąmoningai keičiame telefono sukibimą tais atvejais, kai reikia pasiekti tam tikrus ekrano valdiklius. Kiekvienas iš mūsų tai daro daug kartų per dieną, netgi neatsižvelgdami į tai.

Tačiau jūs turite pradėti kažkur. Tyrimai rodo, kad daugelis iš mūsų laiko telefoną taip, kad nykščio pagrindas būtų apatiniame dešiniajame kampe.

Šią išvadą padarė mobilus ekspertas Steve Huber, kuris praėjusiais metais atliko eksperimentą, kuriame dalyvavo 1 333 žmonės. Jis nustatė, kad žmonės naudoja savo telefonus laikydami juos taip:

  • viena ranka - 49%
  • stotelėse - 36%
  • dvi rankos - 15%

Taip pat labai įdomu yra rankenų dominavimas kairėje arba dešinėje.

  • teisė - 67%
  • kairėje - 33%

„Huber“ pažymi, kad visų respondentų skaičius kairėje pusėje buvo tik 10%, o didesnis rezultatas eksperimento rezultatuose yra dėl to, kad žmonės laikosi telefono kairėje pusėje, o teisingas užimtas kitu dalyku - rūkymo, dviračių, maitinimo metu ir ir tt

Thumb zonos

Nykščio zonos yra kažkas panašaus į šilumos žemėlapį. Jie geriausiai supranta, kaip įvairios ekrano sritys yra prieinamos mūsų pirštams. Panaudosime Huber tyrimų rezultatus, kad sukurtume tokį šilumos žemėlapį populiariausiam naudojimo scenarijui, kai laikysime telefoną su viena ranka (dešinė ranka), o nykščio pagrindas yra apatiniame dešiniajame kampe. Čia pateikiamas vizualinis vaizdas, kaip nykščio zonos buvo paskirstytos nuo pirmosios „iPhone“ (2007 m.).

Detalesnis „iPhone 6“ ir „iPhone 6 Plus“ palyginimas:

Kaip matote, „saugi“ žalioji zona išlieka beveik nepakitusi („iPhone 6 Plus“ šiek tiek vėliau). Taip yra todėl, kad mūsų pirštai negali stebuklingai ištiesti į ekraną. Deja, kaip vaikas mylėjau žaisti „Dhalsim“ „Street Fighter“.

Bet kas atsitiko „iPhone 6 Plus“ ir kodėl raudona zona padidėjo taip dramatiškai? Be to, pasikeitė „saugi“ zona. Taip yra dėl to, kad „iPhone 6 Plus“ turi didesnį dydį ir tam, kad jį patogiai laikytų viena ranka, turime jį laikyti su mažu pirštu. Keista, kad pasikeitė didelės iPhone naudojimo patirtis.

Pleiskite

Analizuokime, kaip pasikeis nykščio zonos, jei laikysime telefoną kitaip. Kartais yra situacijų, kai mums patogiau laikyti telefoną taip, kad nykščio pagrindas būtų maždaug ekrano viduryje. Taip jis veikia nykščio zonas:

Jūs matote, kad „iPhone 6 Plus“ dėl savo didesnio dydžio šioje situacijoje yra geresnėje padėtyje, o „iPhone 6“ tiesiog „baigiasi“ ekrano erdvę.

Pasiekiamumas

Pirmiau aprašytas netvarkas galima išvengti naudojant „Reachability“ funkciją, kuri yra prieinama „iPhone 6“ ir „iPhone 6 Plus“. Du kartus bakstelėkite mygtuką Home (ne paspausdami, bet tiesiog paliesdami) įjungiamas ir ekranas judės iki piršto. Štai kaip atrodo.

Ir tai, kaip pasiekiamumas atrodo su „iPhone 6 Plus“ nustatytu nykščiu:

Pastaba? „Apple“ demonstracijoje pirštai yra aiškiai išdėstyti gamtinėje zonoje.

Ir čia yra dar vienas įdomus klausimas, kurį nurodė Johnas Gruberis:

Pasiekiamumas „iPhone 6 Plus“ perkelia ekrano turinį žemiau nei „iPhone 6“ (kaip procentas) - čia reikia perkelti ekrano viršų į aukštį, prieinamą nykščiu su įprastu sukibimu.

Štai apie tai kalbama.

Ką tai reiškia?

Mobiliųjų įrenginių ekranų dydis tampa maždaug toks pat, ir tai yra gera žinia. Tačiau tai taip pat reiškia, kad negalime paprasčiausiai skalauti paruoštų sąsajų iš mažesnių smartfonų iki 5, 5 colių. Prietaisų sukibimas visiškai keičiasi ir jums gali tekti daryti tą patį su savo sąsajomis.

Manau, kad prototipų kūrimas taps svarbesnis nei bet kada. Todėl, jei nesate sėdi išvykstančiame traukinyje, atėjo laikas pereiti į jį.

PS: jei esate dizaineris arba esate susiję su mobiliųjų programų kūrimu, galite rasti naudingų zonų, kurios gali būti pritaikytos jūsų sąsajoms, ir patikrinti, kaip patogiai jos bus naudojamos. Atsisiųskite juos čia.

per

<

Populiarios Temos