Developer notera: hur man kan inreda tom skärm applikationer

Nyligen började jag alltmer märka för sig själva, att de mer aktiva intresse för ämnet utvecklings applikationer för iOS och designa användargränssnitt, ju mer du tänker, eller skiljer sig från dem annat. Du börjar uppmärksamma placeringen av kontrollknapparna, storleken på ikoner och andra design saker som en normal person i dagligt bruk och är inte misstänkta.

Häromdagen kom jag över en mycket intressant artikel Designer Craig DennisDär han lade ut på hyllorna konstruktionsregler "clean" skärm app för iOS. Tekniskt sett detta kallas «Tomt tillstånd» - när programmet av någon anledning inte kan visa något för användaren. Enligt Craig, många nybörjare designers betalar inte tillräcklig uppmärksamhet åt denna aspekt av ansökan, och eftersom det ofta korrekt informera användaren om bristen på innehåll är lika viktigt som själva kartan innehåll. I sin artikel verkade mycket nyfiken, så jag föreslår att hitta en kortfattad översättning av de grundläggande idéerna.

"Clean" skärmar kan delas in i tre huvudtyper - den första användningen av programmet, bristen på innehåll och tekniskt fel (fel på Internet-anslutning, till exempel).

1. första användningen

Första intryck alltid kvar i minnet, särskilt de fattiga. Därför är designern är mycket viktigt att ordna gränssnittet så att när du startar Användarprogram mötte inte neutral sval vit skärm, men något estetiska och funktionell. Det är bäst att dra någon form av visuell bild och lägga till ett par tips om användningen av programmet (endast inte överbelasta gränssnitt tråkiga undervisning i en anda av kapten uppenbara). Utmärkta exempel på märkliga förverkligandet av dessa idéer är Buffer program, Timehop ​​och Dropbox (du kan se skärm ovan).

2. Brist på innehåll

Låt oss titta på situationen med e-post. Du älskar det eller hatar det, det mesta är fylld med olästa meddelanden. Jag vet att många människor som dagligen mottagningsdussintals nya meddelanden. Naturligtvis är en aktiv e-postanvändare alltid glada att hitta en tom låda. Detta kommer att dubbelt glad när e-postklienten utvecklare kommer att ge denna aspekt ett par timmars arbete och dra en trevlig varning om avsaknad av ny e-post.

Det är så det här problemet är löst i Sparrow, Gmail och standardprogram Mail i iOS:

Sparrow ger användaren med den traditionella ikonen för brevlådan och «Inbox Zero» etikett. Denna skärm är intuitivt, minimalistisk och dekorerade ganska snygg. Användaren är inte troligt att det kommer att bli några frågor.

Gmail utvecklare har gått ett steg längre och lägga till en touch av känslor i din ansökan - när Användarna finns inga olästa meddelanden i framför honom visar upp en rolig sol ikon med rubriken "Enjoy dag!". Denna typ av känsla som att antyda en person om hur bra eller dåligt det är (exemplet ovan är självklart, men det är mer komplicerade fall).

Mail.app ansökningssystemet inte utforma en speciell "ren" sida, så att användaren kan bara gissa varför framför honom finns det ingen lista med meddelanden - eller har helt enkelt inte nya meddelanden eller synkroniseringsfel, eller underlåtenhet att ansluta Internet. Denna typ av fråga lämnar alltid en dålig känsla av användningen av programmet, så om du gränssnittsdesign, försök att rensa informera användaren om varför det inte verkar förväntade innehållet.

3. tekniska fel

Ofta måste användaren att observera en "ren" skärm iOS-app på grund av det faktum att enheten har förlorat anslutningen till Internet och kan inte ladda ner nytt innehåll. Som nämnts ovan, för skaparen av programmet är det mycket viktigt och elegant grammotno att förmedla denna information till användaren.

Låt oss se hur ett felmeddelande genomförs i Chrome-appar, Opera Mini och Safari:

Chrome bokstavligen "spottar" på användarens lång text från tråkiga teknisk information. Opera Mini «klar med" ett par meningar som inte ger användaren en klar uppfattning om varför webbläsare inte kan öppna en viss webbplats. De mest framgångsrika genomförande, enligt min mening, erbjuder standard Safari program, som tydligt säger att iPhone inte är ansluten till Internet.

Några mer intressanta exempel: Gmail, YouTube och Instagram.

rön

Hur vi gör rätt design "clean" skärm är mycket viktigt för moderna gränssnitt - och inte bara för iOS-program. Innan du skickar programmet till översyn i App Store, eller att utfärda den slutliga utgåvan, tror för ett ögonblick, som kommer att använda din ansökan och varför. Försök att uppmärksamma de minsta detaljerna som kommer att hjälpa din produkt sticker ut från den grå massan av konkurrenter. Om du kan tillfredsställa användarna och lämna ett gott intryck om dig själv i framtiden kommer de att vara redo att förlåta dig några brister och misstag.

P.S. Vad tycker du om utformningen av "ren" skärm? Finns det någon form av subjektiva önskningar eller allmänna råd? Ska jag MacRadar redaktörer skriver om sådana nyanser i utformningen och utvecklingen av gränssnitt för iOS? Skriv din åsikt i kommentarerna, skulle det vara intressant att diskutera ämnet med läsarna.