Developer Poznámka: ako správne vyzdobiť prázdne aplikácií obrazovky

V poslednej dobe som stále začala oznámenia pre seba, že čím viac aktívny záujem o predmet vývoja aplikácie pre iOS a navrhovanie užívateľských rozhraní, tým viac si myslí, alebo odlišné od tých, ďalších vecí. Začnete dávať pozor na umiestnenie ovládacích tlačidiel, veľkosť ikon a ďalších dizajnových vecí, z ktorých normálny človek v každodennom používaní a nie sú podozrenia.

prišiel druhý deň som narazil na veľmi zaujímavý článok Designer Craig DennisV ktorom je stanovené na dizajnových pravidiel police "čisté" obrazovky aplikácie pre iOS. Technicky to nazýva «Empty stav» - ak program z nejakého dôvodu nič užívateľovi nezobrazí. Podľa Craiga, mnohí začínajúci návrhári nevenujú dostatočnú pozornosť tomuto aspektu žiadosti, a pretože je často správne informovať používateľov o nedostatku obsahu je rovnako dôležitá ako samotný mape Obsah. Aj jeho článok vyzeral veľmi zvedavý, a tak navrhujem nájsť krátky preklad základných myšlienok.

"Čisté" obrazovky možno rozdeliť do troch hlavných typov - pri prvom použití aplikácie, nedostatkom obsahu a technické chyby (výpadok internetového pripojenia, napríklad).

1. prvé použitie

Prvé dojmy vždy zostane v pamäti, a to najmä pre chudobných. To je dôvod, prečo návrhár je veľmi dôležité usporiadať rozhranie, takže pri prvom spustení Užívateľský program sa stretol nie je neutrálny chladné biele plátno, ale niečo estetickú a funkčné. To je najlepšie nakresliť nejaký druh vizuálneho obrazu a pridať pár tipov na používanie aplikácie (iba nepreÈaÏujte rozhranie únavné výučbu v duchu kapitána zjavné). Vynikajúcim príkladom pozoruhodného realizáciu takých nápadov programu Buffer, Timehop ​​a Dropbox (môžete vidieť screenshoty vyššie).

2. nedostatok obsahu

Pozrime sa na situáciu s elektronickou poštou. Môžete ju milovať alebo nenávidieť, väčšina z nich je naplnená neprečítaných správ. Poznám veľa ľudí, ktorí sú denne prijímacie desiatky nových správ. Samozrejme, že aktívnych používateľov e-mailu vždy čakajú prázdnu krabicu. To bude dvojnásobne poteší, keď sa klient developer e-mail, aby tento aspekt pár hodín práce a čerpať krásny varovanie o neexistencii novej pošty.

To je spôsob, akým je tento problém riešený v Sparrow, Gmail a štandardný program Mail v systéme iOS:

Sparrow poskytuje užívateľovi tradičné ikonou poštovej schránky a «e-mailovej schránky Zero» štítku. Táto obrazovka je intuitívne, minimalistický a zdobené veľmi elegantné. Používateľ je nepravdepodobné, že dôjde k nejakej otázky.

vývojári Gmail išli o krok ďalej a pridať dotyk emócie vo vašej aplikácii - pokiaľ Užívatelia nie sú žiadne neprečítané správy pred ním predvádzal ikonu zábava slnečné s titulkom "Enjoy deň! ". Tento druh pocit, ako naznačovať osobu o tom, ako dobrý alebo zlý, že je (vyššie uvedenom príklade je zrejmé, ale existujú aj zložitejšie prípady).

aplikačný systém Mail.app nenavrhne stránku špeciálny "čistý", takže užívateľ môže len dohadovať, prečo pred ním neexistuje žiadny zoznam správ - alebo jednoducho nemajú nové správy alebo synchronizovať chybu alebo zlyhanie pripojenia Internet. Tento druh otázky vždy zanecháva zlý pocit z používania programu, takže ak vás interface dizajn, skúste vymazať informovať užívateľa o tom, prečo sa to nezdá očakávaný obsah.

3. technické chyby

Docela často, užívateľ musí dodržiavať "čistú" obrazovkou iOS vzhľadom k tomu, že prístroj stratil pripojenie k Internetu a nemôže stiahnuť nový obsah. Ako bolo uvedené vyššie, pre tvorcov programu je veľmi dôležité a elegantný grammotno odovzdať tieto informácie pre používateľov.

Pozrime sa, ako sa obrazovka chyba implementovaný v aplikáciách Chrome, Opera Mini a Safari:

Chrome doslova "rošty" na užívateľa dlhého textu z nudné technické informácie. Opera Mini «skončil s" pár viet, ktoré nie sú užívateľovi poskytujú jasnú predstavu o tom, prečo sa prehliadač nemôže otvoriť konkrétne miesto. Najúspešnejším implementácia, podľa môjho názoru, ponúka štandardný program Safari, ktorý jasne hovorí, že iPhone nie je pripojený k internetu.

Niekoľko ďalších zaujímavých príkladov: GMail, YouTube a Instagram.

zistenie

Ako sme sa vytvoriť správny design "čisté" displej je určený pre moderné rozhranie veľmi dôležité - a to nielen pre iOS programov. Pred odoslaním kontrolný program v App Store, alebo vydať záverečnú správu, že pre okamih, ktorý bude používať aplikácie a prečo. Snažte sa venovať pozornosť aj tým najmenším detailom, ktoré pomôžu váš produkt vystúpiť z šedivej masy konkurentov. Ak môžete potešiť používateľa a zanechať dobrý dojem o sebe, v budúcnosti budú pripravení vám odpustiť niektoré nedostatky a chyby.

PS: Čo si myslíte o návrhu "čisté" obrazovky? Je tam nejaký druh subjektívnych prianie či všeobecnú radu? Mal som MacRadar redaktori písať o také nuansy v konštrukcii a vývoji rozhrania pre iOS? Vyjadrite svoj názor v komentároch, bolo by zaujímavé diskutovať o téme sa čitatelia.