apeescape2.com
  • Põhiline
  • Tööriistad Ja Õpetused
  • Projekti Juht
  • Tagumine Ots
  • Nõuanded Ja Tööriistad
Mobiilne Disain

Põhiline juhend mobiilsuse kasutatavuse kohta

Mobiilne kasutatavus ei vähenda ainult veebisaidi suurust, et see sobiks mitme seadmega. Selle eesmärk on pöörata tähelepanu sellele, kuidas inimesed mobiilseadmeid kasutavad, ja mõista, et mobiilikogemus on sama ainulaadne kui kasutaja.

Mobiilseadmete kasutatavuse disain on seotud nii enesetundega kui ka selle välimusega ja käitumisega. Inimesed kasutavad ekraaniga suhtlemiseks oma sõrmi - täpsemalt ja sagedamini pöidlaid -, mitte hiire ja klaviatuuri tavapäraseid töölaua puhverservereid. See tähendab, et mobiilne disain on märksa kombatavam kogemus kui töölaud. Kasutajad tunnevad seda nii palju kui nad seda näevad.



Heas või halvas mõttes on töölaua volikirjade takistus kadunud ja mobiilidisainerid seisavad silmitsi UX-i kasutuspõhiste disainipõhimõtetega.



Kuigi mobiilseks kasutatavuseks pole universaalset lahendust, liiguvad lihtsalt ekraani- ja sõrmesuuruste mitmekesisuse tõttu järgmised õiguspõhimõtted asjad õiges suunas:

  1. Tunne oma kasutajaid
  2. Mõista konteksti
  3. Järgige kuldreegleid
  4. Pange sisu esikohale
  5. Sihtmärgil püsimine (puudutus)
  6. Igatsen žestidega reaalset maailma
  7. Kasutage järkjärgulist avalikustamist

Me käsitleme neid üksikasjalikumalt hiljem selles postituses, kuid kõigepealt vaatame mobiilseadmetele optimeeritud disaini mõningaid põhipunkte, samuti valdkonna juhtivate disainerite uurimistulemusi ja soovitusi.



Pikslitest kaugemal - mobiilne disain vastab tööstusdisainile

Kuna mobiilne disain on nii kombatav, liigub see ekraanil visuaalsest kujundusest ja pikslitest kaugemale. Mobiilne kasutatavus nõuab, et disainerid kaaluksid selle elemente tööstuslik disain Y inimtegurid ; see tähendab disain reaalsetele füüsilistele objektidele. Ehkki mobiilsed UX-i disainerid ei disaini füüsilist toodet ise, peavad mobiililiidese disainerid ikkagi mõistma, kuidas kasutaja rakendust füüsiliselt kogeb.

Herman Miller kehastab tooli. Tööstusdisain vastab mobiilsele disainile

Mida on mobiilne kasutatavus tooli kujundusega seotud? Rohkem kui te arvate, et Herman Milleri kehastamise õppetool (alates Herman Miller )

Puutetundlikud ekraanid vajavad UX disainerid kaaluma ergonoomika , sarnaselt füüsiliste toodete disaineritega. Kuna inimesed suhtlevad mobiilseadmetega füüsiliselt, on mugavus oluline. Keegi ei taha istuda ebamugaval toolil; samamoodi ei taha keegi kasutada rakendust, mis põhjustab neile valu või ebamugavust või tunneb end lihtsalt navigeerimisel ebamugavalt.



Nii nagu tööstusdisainerid kulutavad tohutult aega kasutajate uurimisele ja jälgimisele, mobiilse kasutajaliidese disainerid nad peavad pidevalt tööd tegema, et tõeliselt tunnustada, mõista ja tekitada empaatiat. kuidas inimesed kasutavad mobiilseadmeid enne otse ekraanikujundusse hüppamist. Mõistmine, kuidas inimesed seadmeid kasutavad, hõlmab kahte asja: nende otsest ja füüsilist viisi ning konteksti, milles nad neid kasutavad. Mõlemad on kasutatavus mobiilse kasutuskogemuse, kui ekraan ise kujundab.

Kasutatavuse uuring: kuidas inimesed mobiilseadmeid kasutavad

Üks mobiiliuuringute võtmefiguure on Steven Hoober , UX disainer ja president 4-kuuline mobiil . 2013. aastal viis ta läbi ulatuslikud uuringud selle kohta, kuidas inimesed oma telefoni hoiavad ja kasutavad, ning kirjutas oma avastustest artiklis Kuidas on kasutajatel tegelikult mobiilseadmed?

Kuid ta ei peatunud sellega. Tema uuringud jätkusid ja valdkonna kasvades hakkas ta kaasama muid mobiilsete uuringute andmeid.

2017. aastal kirjutas ta kolmeosaline sari Esialgsete leidude värskendamiseks tooge välja uued olulised õppetunnid ja paluge disaineritel tungivalt lõpetada oma vanema töö standardina nimetamine. Ta ütleb, et eriti üks illustratsioon (näidatud allpool) ringleb jätkuvalt standardina, kuidas kasutajad oma telefoni hoiavad, kuid pole ainsa standardina õige.

valuutariskide juhtimise strateegiad

Pöidla libisev tsoon mobiilseadmetes, mis mõjutab mobiiltelefoni kasutatavust

Sage, kuid vale viide sellele, kuidas kasutajatel on telefon (alates UX loeb )

Tegelikult on tema 2017. aasta kirjutistest alates kuus erinevat viisi, kuidas kasutajad saavad oma telefoni hoida 75% ainult pöidla abil ekraani puudutamiseks ja vähem kui 50% telefoni ühe käega hoidmisest ( Kujundus sõrmedele, puudutustele ja inimestele 1. osa ).

Mobiiltelefonide säilitamise viisid mõjutavad kasutatavust

On kuus tavalist viisi, kuidas inimestel on telefon (alates UX loeb )

Nende leidude põhjal on selge, et traditsiooniline laud F-kujuline muster mille puhul kasutajad teevad kogu ekraanil kaks horisontaalset silmaliigutust, millele järgneb vertikaalne liikumine vasakul küljel, ei ühti mobiilse kujundusega.

Kuumakaart, mis näitab kasutatavuse F-uuringute mustrit

Nielseni Normani F - grupi visuaalse jälgimise uuringute soojuskaardid (alates Nielsen Normani rühm )

Kuigi enamik disainereid nendest tunnevad sügavalt F-kujundi mustrit veebisisu lugemiseks töölaua paigutuses, see pole muster, mis mobiilseadmetes hästi tõlgib.

F-kuju mustri puudumine mobiilseadmetes on ka üks põhjus, miks vältida hamburgeri menüü kasutamist peamise navigeerimise kokkuvarisemiseks või olulise sisu peitmiseks ning miks tuleb mobiilseadmete paigutust teisiti käsitseda.

Kui mitte muster F, siis mis?

Mobiilseadmete kasutajad vaatavad kõigepealt ekraani keskele. Keskus on ka nende jaoks kõige lihtsam koht, kus enamikus nutitelefonides pöidlad kätte saada ja puudutada. Puutetäpsus väheneb, kui kasutajad jõuavad ekraani äärmisse nurka.

Peamise kuvaala sihtimine ekraani keskel suurendab mobiiltelefoni kasutatavust

Kasutajad näevad ja puudutavad ekraani keskosa sagedamini. (alates UX loeb )

Loomulikult ei peatu mobiiltelefon telefonide juures. Kasutajad kipuvad tahvelarvutist hoides ikka pöialt kasutama, kuid üldiselt ei hoia nad seadet samal viisil kui telefoni. Selle asemel kipuvad nad tablette kahe käega külgedel hoidma ja puudutavad pöidladega ekraani.

Mobiilseadmed - tüüpiline viis, kuidas kasutajal on tahvelarvuti

Kasutajad hoiavad tahvelarvuteid külgedelt, olgu siis püst- või rõhtrežiimis, ja kasutavad ekraani puudutamiseks kahte pöialt. (alates Kujundamine puutetundlikuks )

7 mobiilseadmete juhtpõhimõtted

Mobiilseadmete suuruse ja inimeste kasutamisviisi erinevuste tõttu puudub kõigile sobiv disainistandard. Pigem on see põhimõtete ja mõistete kogum, mida disainerid peavad mõistma, et parandada mobiilsust.

google loomuliku keele töötlemise api

Järgmised põhimõtted aitavad disaineritel kaaluda puutetundlikkust ja ergonoomikat, et muuta mobiilikogemus nauditavamaks ja kasutajasõbralikumaks:

1. Tunne oma kasutajaid

Esimene viga, mille disainer mobiilseadmete kujundamisel teha saab, on eeldada, et kõik kasutavad seadet samamoodi nagu nad kasutavad sama seadet. Püüdke seda eeldust vältida.

Järgmine viga on eeldada, et kõik varasemate uuringute olemasolevad andmed, kas sekundaarsetest allikatest või varem läbi viidud esmastest uuringutest, kehtivad kasutajate jaoks igavesti. Kasutajad muutuvad, tehnoloogiad muutuvad ja kasutaja käitumine võib olla väga erinev, mistõttu käimasolevad uuringud on ajakohasena püsimiseks võtmetähtsusega.

Oma uurimistöös tõi Steven Hoober välja kuus viisi, kuidas kasutajad saavad nutitelefoni käes hoida, kuid tema sihtkasutajad saavad oma telefoni hoida peamiselt ühel vähem levinud viisist. Näiteks rakendusel, mis on loodud selleks, et eakad saaksid oma ravimite kohta teavet salvestada, on tõenäoliselt mõned ainulaadsed nõuded. Selles konkreetses demograafias võib esineda kahjustusi, mis võivad mõjutada nende mobiilseadme hoidmist (ja vaatamist); seda on oluline mõista kui disainerit.

Kasutatavuse uurimine on kasutajate mõistmise võti

Mobiilse disaini kasutatavuse uurimine peaks hõlmama kasutajate jälgimist nende seadmetega nende looduslikus keskkonnas.

Kasutajate kohta teabe saamiseks on mitu võimalust. Hea koht alustamiseks on veebianalüütika, kui see on saadaval, ja kasutajate kasutatavate seadmete väljaselgitamine. Teine võimalus on küsitleda kasutajaid nende seadmete ja tegevuste kohta, mille jaoks nad neid kasutavad. Kogemuste valimine on veel üks võimalus kasutajate kindlal ajal püüdmiseks. Ja kõige võimsam uurimine: kasutajate jälgimine looduses nende seadmeid kasutades.

Põhipunkt: uurige ja jälgige kasutajaid oma mobiilseadmetega, et tõepoolest aru saada, kuidas nende jaoks disainida.

2. Mõista kasutamise konteksti

See on tihedalt seotud Tunne oma kasutajaid , kuid see on väärt teie enda kõnet, sest see on väga oluline. Mobiilne sõna otseses mõttes tähendab 'võimeline vabalt liikuma'. Enamik inimesi ei istu paigal ega keskendu mobiilirakenduse kasutamisel 100% oma kontsentratsioonist oma seadmetele. Nad teevad sageli muid asju: käivad poes ringi, vaatavad televiisorit, võimlevad, istuvad restoranis või sõidavad autoga.

Kus Inimesed kasutavad oma seadmeid sama palju kui nad seda kasutavad ja see võib mõjutada üldist disaini ja kogemusi. Näiteks töötaval rakendusel on tõenäoliselt väga erinevad kasutusjuhtumid kui pangarakendusel.

Mobiilseadme kasutatavuse jaoks on oluline teada konteksti, milles inimesed seadmeid kasutavad

Kontekst on võtmetähtsusega: erinevatel mobiilirakendustel on erinev kontekst ja kohad, kus neid kasutatakse.

Aidata võib olla arusaamine sellest, kus ja kuidas kasutajad mobiilikujundusega suhtlevad ning mida nad oma seadme kasutamise ajal teevad disainerid teie kasutajatele sobivate rakenduste loomiseks.

Põhipunktid: kasutajad teevad oma mobiilseadmete kasutamise ajal igasuguseid asju ja tõenäoliselt ei pööra nad rakendusele kogu tähelepanu.

3. Järgige kuldreegleid

Kuna kasutajad navigeerivad mobiilseadmetes peamiselt pöidlaga, peaksid mobiilipaigutused olema mõeldud pigem pöidladele kui hiireklõpsudele. See tähendab, et kõik, mis kasutajal ekraanile pääsemiseks vajalik on, peab olema pöidlale hõlpsasti ligipääsetav, ilma et oleks vaja ebaloomulikult käsi sirutada ega väänata.

kuidas masinõpet programmeerida

See on üks põhjus, miks reageeriv paigutus on nii oluline ja miks on mobiilseadmes ühe veeru paigutus eelistatav mitme veeru jaoks. Mitme veeru kasutamine vähendab automaatselt tegelikku ekraani suurust ja paigutab olulise sisu teisese tsooni väljapoole, muutes kasutajatele raskesti ligipääsetavaks.

Mobiilses kasutatavuses mängib olulist rolli tundlik disain

Ühe veeru paigutus muudab kasutajale pöidlaga navigeerimise lihtsamaks kui mitme veeruga paigutus.

Põhipunkt: veenduge, et võtmesisu ja navigeerimine oleksid käeulatuses.

4. Pange sisu esikohale

Sellel on selged juured tööstusdisainilahenduses. Nagu Josh Clark aastal välja toob Kujundamine puutetundlikuks , tööstusdisaini üks peamisi põhimõtteid on see, et sisu peaks alati ilmuma juhtnuppude kohal, et kasutajate käed ei blokeeriks nende vaatevälja.

Traditsioonilises veebidisainis on navigeerimine esikohal ekraani ülaosas ja sisu on selle all, kuid tööstusdisain on vastupidine ja mobiilne disain peaks sellele eeskuju võtma.

Tänu kasutajate vaatamis- ja puutetundlikule ekraanile peaks kõige olulisem sisu asuma ekraani keskel, ülejäänud navigeerimisnupud allosas.

Pange sisu mobiiltelefoni ux-kujunduse jaoks prioriteediks

Võtmesisu seadmine juhtnuppude kohal aitab parandada mobiilset kasutatavust.

Tahvelarvutites muutub see näpunäide veidi, kuid keskendub siiski kasutajale navigeerimisele pöidladega koputades ja sõrmede sisu blokeerimisel. Oluline sisu ja navigeerimisnupud peaksid nüüd liikuma ekraani külgedele.

Tahvelarvutite mobiilne kasutatavus: liigutage navigeerimine ekraani serva

Mobiilirakenduse kujundus tahvelarvutis ( Cuong Vu )

Põhipunkt: asetage kõige olulisem sisu ekraani keskele ja asetage peamised navigeerimisnupud seadmele kõige sobivamasse kohta, kus sõrmed ei blokeeri sisu vaadet.

5. Püsige (puute) sihtmärgi peal

Sõltumata sellest, mis seade on, vajab mobiil puudutamiseks disaini. Kuid puudutus on ebatäpne. Kahte täpselt sama suurust kasutajat pole ja see pole nii lihtne kui hiireklõpsu arvestamine.

Vastavalt Josh Clark , agentuuri UX asutaja Suur keskmine ja Designing for Touchi autor, on mobiilses kasutatavuses oluline arv: 44.

Optimaalne puutetundlik objektiiv on 7x7mm, mis tähendab umbes 40 pikslit. Kuid erinevate kuvasuuruste arvessevõtmiseks on 44 pikslit ideaalne ruum puutetundlike alade katmiseks ja kasutajate vigade vältimiseks.

Puutetundliku sihtmärgi suurus on oluline mobiiltelefoni kasutatavuse jaoks

Sinistel alumistel ruutudel on puutetundlik sihtmärk 44 pikslit (20 pikslise polsterdusega), mis on miinimum, mida disainer peaks mobiilsuse kasutamisel arvesse võtma.

Puutetundlike sihtmärkide pisut suuremaks muutmine aitab kajastada kontekste ja olusid, milles kasutajad teie seadmega suhtlevad, sageli sellele täielikult tähelepanu pööramata (vt. Mõista kasutamise konteksti ).

Põhipunkt: puudutus on ebatäpne ja ettearvamatu. Suurendage puutetundliku sihtmärgi ala, et see mahuks.

6. Kajažestid ja reaalse maailma liikumised

See võimaldab kasutajatel sobivate mikrointeraktsioonidega pühkida, klappida ja näpistada, kuid pöörata tähelepanu füüsikaseadustele või täpsemalt liikumisseadused . Pidage meeles, et disainilahendusel peaks olema mõte kasutaja tehtud toimingute põhjal.

Näiteks kui kasutaja lihtsalt libistab ekraanil kaardi, peaks ekraanilt eemalduv kaardi liikumine olema proportsionaalne rakendatud jõuga, see tähendab, et see ei tohiks tõenäoliselt aeglaselt libiseda ega liiga kiiresti lennata.

Mobiiliekraan pühkimistoiminguga

milleks säde hea on
Ekraanid libisevad ja kerivad vastavalt kasutaja tehtud žestidele. (Kujundus John Francis )

Mobiilseadmete mikrotoimed aitavad rakenduse ellu äratada ja annavad sellele täiendava puutepõhise konteksti. Lisateavet mikrotasandite kogemuste parandamise kohta leiate disainer Ondřej Dostáli artiklist Parem UX läbi mikrointeraktsioonide .

Põhipunkt: žestid ja interaktsioonid muudavad mobiilse kasutajaliidese katsumise loomulikumaks, kuid ärge pingutage sellega.

7. Kasutage järkjärgulist avalikustamist

See tähendab, et kasutajale antakse õigel ajal õige sisu, samuti õige kogus sisu ja võimalus saada rohkem, kui ta seda vajab.

Praktikas tähendab see disainerid nad peaksid vältima kasutaja pommitamist kogu sisuga korraga, kuid samal ajal ei tohiks kõige olulisemat teavet peita navigeerimise taga. Veenduge, et kasutaja põhivajadused vastavad avaldatud põhisisule, ja lisage seejärel juhtelemendid, et kasutaja saaks soovi korral süveneda.

Rakendus Värske õhk tegeleb progressiivse avalikustamisega elegantselt ja intuitiivselt, kuvades ainult põhiekraanil praegust temperatuuri ja sademeid, võimaldades seejärel kasutajal tundide kaupa ilmateabe saamiseks horisontaalselt (vastavate žestide ja toimingutega) kerida.

Värske õhu rakendus kasutab järkjärgulist avalikustamist, et kõige olulisem sisu kõigepealt kasutajatele edastada. (Alates Värske õhk )

Takeaway: näidake ainult seda, millest kasutajad kõige rohkem hoolivad, ja määrake neile juhtelemendid, mida nad vajavad, et ülejäänud leida.

Kõike kokku panema

Mobiilne disain on ekraanist või seadmest laiem ja keerulisem ning mobiilsed kogemused pole universaalsed. Järgides mõningaid üldisi kasutuspõhimõtteid ja mõeldes natuke nagu tööstusdisainer, saavad mobiilidisainerid järgida põhilisi ergonoomilisi standardeid ning muuta mobiilikogemus kasutajatele mugavaks ja nauditavaks, olenemata sellest, millist seadet nad kasutavad või kus nad seda kasutavad.

Viited ja edasine lugemine

Allpool leiate selles artiklis kasutatud fontide loendi ja soovitused edasiseks lugemiseks, et saada lisateavet mobiilsuse kasutatavuse parandamise kohta.

Stephen Hooberi UX-küsimusi käsitlevad artiklid hõlmavad laia valikut mobiilse kasutatavuse kujundamise taga olnud teadusuuringuid ja teadust:

Kujundus sõrmedele, puudutustele ja inimestele, 1. osa

Kujundus sõrmedele, puudutustele ja inimestele, 2. osa

Kujundus sõrmedele, puudutustele ja inimestele, 3. osa

Erinevate ekraanitüüpide mobiilse kasutatavuse ja kujunduse põhjalikuks vaatamiseks lugege Josh Clarki raamatut, Kujundamine puutetundlikuks samuti ülevaade teie esitlusest Eraldi sündmus: Kujundamine mängimiseks .

The Scientific World Journal avaldas teadusartikli, Heuristiline hindamine mobiilsetes liidestes: uus kontroll-loend , millel on väga üksikasjalik PDF-fail konkreetsetest mobiilseadmete juhistest, mis põhinevad 10 kasutatavuse heuristikat kasutajaliidese kujundamisel, autor Jakob Nielsen .

10 UXi pakutavat tippdisainerit kasutavad

Ux Disain

10 UXi pakutavat tippdisainerit kasutavad
Disainmõtlemise protsessi lagundamine

Disainmõtlemise protsessi lagundamine

Ux Disain

Lemmik Postitused
Efektiivse tarkvara tootmise kaheksa reeglit
Efektiivse tarkvara tootmise kaheksa reeglit
Tarkvara määratletud raadioõpetus: pildid rahvusvahelisest kosmosejaamast ja sinkide kuulamine RTL-SDR abil
Tarkvara määratletud raadioõpetus: pildid rahvusvahelisest kosmosejaamast ja sinkide kuulamine RTL-SDR abil
Kirjutage olulised testid: lahendage kõigepealt kõige keerukam kood
Kirjutage olulised testid: lahendage kõigepealt kõige keerukam kood
Kuidas tehisintellekt rahandusmaailma mõjutab
Kuidas tehisintellekt rahandusmaailma mõjutab
Lõplik juhend WordPressi pistikprogrammi loomiseks
Lõplik juhend WordPressi pistikprogrammi loomiseks
 
5-sammuline protsess blogi muutmiseks suure konversiooniga lehtrisse
5-sammuline protsess blogi muutmiseks suure konversiooniga lehtrisse
5-sammuline protsess oma ajaveebi muutmiseks kõrgeks konversioonitunneliks
5-sammuline protsess oma ajaveebi muutmiseks kõrgeks konversioonitunneliks
Ethereumi Oracle'i lepingud: kas me võime Oracle'i usaldada?
Ethereumi Oracle'i lepingud: kas me võime Oracle'i usaldada?
ApeeScape käivitab kaugtöö tegemise põhjaliku juhendi „The äkki kaugjuhtimisraamat“
ApeeScape käivitab kaugtöö tegemise põhjaliku juhendi „The äkki kaugjuhtimisraamat“
Nurga 5 õpetus: samm-sammult juhend teie esimese nurga 5 rakenduse jaoks
Nurga 5 õpetus: samm-sammult juhend teie esimese nurga 5 rakenduse jaoks
Lemmik Postitused
  • kuidas saada ebakõla bot
  • kuidas kasutada google glassit
  • kuidas kirjutada head koodi
  • veebirakenduste turvaküsimused ja lahendused
  • [:] pütoonis
  • css meediumipäringu ekraani suurus
  • õppida c ++ \
Kategooriad
Tulud Ja Kasv Tagumine Ots Protsess Ja Tööriistad Finantsprotsessid Muu Töö Tulevik Vilgas Ui Disain Puldi Tõus Vilgas Talent

© 2021 | Kõik Õigused Kaitstud

apeescape2.com