Arendaja märkus: kuidas teha puhta ekraani rakendus

<

Hiljuti hakkasin üha enam tähele panema, et mida aktiivsemalt huvitab iOS-i rakenduste arendamise ja kasutajaliideste kujundamise teema, seda erinevam on teie seisukoht teatud asjadele. Te hakkate pöörama tähelepanu juhtnuppude asukohale, ikoonide suurusele ja muudele detailidele, mille kohta tavaline inimene igapäevasest kasutamisest ei tea.

Teisel päeval kohtasin disaineri Craig Dennis väga huvitava artikli, kus ta sätestas iOS-i rakenduse „puhta” ekraani loomise reeglid. Tehniliselt nimetatakse seda "tühjaks olekuks" - kui programm mingil põhjusel ei saa kasutajale midagi näidata. Craigi sõnul ei pööra paljud algajad disainerid sellele aspektile piisavalt tähelepanu ja sageli on sama oluline, et kasutaja teavitaks sisu puudumisest kui sisu enda kuvamisest. Ma leidsin tema artikli üsna uudishimulikuna, seega soovitan lugeda peamiste ideede lühikest tõlget.

"Clean" ekraane saab jagada kolmeks põhiliigiks - taotluse esmakordne kasutamine, sisu puudumine ja tehniline viga (näiteks Interneti-ühenduse tõrge).

1. Esimene kasutus

Esimesed kuvamised jäävad alati mällu, eriti halvad. Seetõttu on disaineril väga oluline korraldada liides nii, et kui kasutaja käivitab programmi esimest korda, kohtub ta mitte neutraalse ja külma valge ekraaniga, vaid midagi esteetilist ja funktsionaalset. Kõige parem on visuaalselt visuaalne pilt ja lisada paari näpunäiteid rakenduse kasutamiseks (lihtsalt ärge koormake liidrit tüütu juhistega kapteni ilmselge vaimus). Suurepärane näide sellise idee märkimisväärsest rakendamisest on puhvri-, Timehop- ja Dropbox-programmid (näete ülaltoodud ekraanipilte).

2. Sisu puudumine

Vaatame olukorda e-posti teel. Kas te seda armastate või vihkate, on see enamasti täis lugemata kirju. Ma tean palju inimesi, kes saavad iga päev kümneid uusi sõnumeid. Loomulikult leiavad aktiivsed e-posti kasutajad alati tühja kasti. See on kahekordselt meeldiv, kui e-posti kliendi arendaja pühendab sellele aspektile paar tundi ja juhib ilus hoiatust uute kirjade puudumise kohta.

Nii on see probleem lahendatud Sparrow, Gmaili ja iOS-i tavapärases Mail-programmis:

Sparrow näitab kasutajale postkasti traditsioonilist ikooni ja pealkirja "Inbox Zero". See ekraan on intuitiivne, minimalistlik ja kaunistatud üsna stiilselt. Kasutajal ei ole tõenäoliselt küsimusi.

Gmaili arendajad läksid veelgi kaugemale ja lisasid oma rakendusele veidi emotsiooni - kui kasutajal ei ole lugematuid e-kirju, on rõõmsameelne päikesekujutis koos pealkirjaga „Naudi päeva!” Tema ees. Sellised tunded vihjavad inimesele, kas see on hea või halb (antud näide on ilmne, kuid on ka keerulisemaid juhtumeid).

Süsteemirakendusel Mail.app ei ole spetsiaalset "puhta" lehekülje kujundust, nii et kasutaja saab arvata, miks tema ees ei ole kirjade loendit - kas pole lihtsalt uusi sõnumeid, sünkroonimisviga või Interneti-ühenduse rike. Selline kahtlus jätab alati programmi kasutamise ebameeldiva tunde, seega proovige kasutajaliidese kavandamisel selgelt teavitada kasutajat, miks oodatud sisu tema ees ei kuvata.

3. Tehnilised vead

Sageli peab kasutaja iOS-rakenduses jälgima „puhta” ekraani, kuna seade on kaotanud Interneti-ühenduse ja ei saa uut sisu alla laadida. Nagu eespool mainitud, on programmi looja jaoks väga oluline edastada see teave kasutajale kenasti ja pädevalt.

Vaatame, kuidas Chrome, Opera Mini ja Safari veateade on rakendatud:

Chrome sõnastab sõna otseses mõttes pika teksti igavale tehnilisele informatsioonile. Opera Mini "väljub" paari lausega, mis ei anna kasutajale selget ettekujutust sellest, miks brauser seda või seda saiti ei saa avada. Kõige edukamat rakendamist pakub minu arvates standardprogramm Safari, kus on selgelt kirjutatud, et iPhone ei ole Internetti ühendatud.

Veel mõned huvitavad näited: GMail, YouTube ja Instagram.

Järeldused

Kuna meil õnnestus veenduda, on „puhta” ekraani õige disain kaasaegsete liideste jaoks väga oluline - mitte ainult iOS-programmide jaoks. Enne programmi App Store'i ülevaatamiseks saatmist või lõpliku väljaande lõpetamist mõtle mõneks minutiks, kes kasutab teie rakendust ja milleks. Püüdke pöörama tähelepanu väikseimatele detailidele, mis aitavad teie tootel konkurentide hallmassist välja paista. Kui teil õnnestub kasutajatele meeldida ja jätta endale hea mulje, on nad tulevikus valmis andma teile võimalike puuduste ja vigade eest.

PS Mida te arvate "puhta" ekraanide kujundamisest? Kas on subjektiivseid soove või üldisi nõuandeid? Kas MacRadari toimetajad peaksid kirjutama sellistest nüanssidest iOS-i liideste arendamisel ja kujundamisel? Kirjutage oma arvamus kommentaarides, oleks huvitav arutada teemat lugejatega.

<

Lemmik Postitused