Udvikler note: hvordan man kan dekorere blank skærm applikationer
Makradar Macos / / December 26, 2019
For nylig, jeg i stigende grad begyndte at lægge mærke til sig selv, at jo mere aktiv interesse i emnet for udvikling applikationer til iOS og designe brugergrænseflader, jo mere du tænker, eller anderledes end dem andre ting. Du begynder at være opmærksom på placeringen af betjeningsknapperne, størrelsen af ikoner og andre design ting som en normal person i daglig brug og er ikke mistanke.
Den anden dag jeg kom på tværs af en meget interessant artikel Designer Craig DennisI hvilke lagde han ud på hylderne design regler "ren" skærm app til iOS. Teknisk, dette kaldes «Tøm tilstand» - når programmet af en eller anden grund ikke kan vise noget for brugeren. Ifølge Craig, at mange nybegyndere designere ikke tilstrækkeligt opmærksomme på dette aspekt af ansøgningen, og fordi det er ofte korrekt informere brugeren om manglen på indhold er lige så vigtig som selve kortet indhold. Jeg hans artikel virkede meget nysgerrig, så jeg foreslår finde en kort oversættelse af de grundlæggende ideer.
"Clean" skærme kan inddeles i tre hovedtyper - den første brug af programmet, den manglende indhold og teknisk fejl (fejl i internetforbindelsen, for eksempel).
1. første brug
Første indtryk altid forblive i hukommelsen, især de fattige. Derfor er designeren er meget vigtigt at arrangere den grænseflade, således at når du først begynder Bruger programmet mødte ikke neutral kold hvid skærm, men noget æstetisk og funktionel. Det er bedst at tegne en form for billedsprog og tilføje et par tips om brugen af ansøgningen (kun ikke overbelaste grænsefladen kedelige instruktion i en ånd af kaptajn indlysende). Fremragende eksempler på den bemærkelsesværdige realisering af sådanne ideer er Buffer-programmet, Timehop og Dropbox (du kan se screenshots ovenfor).
2. Manglende indhold
Lad os se på situationen med e-mail. Du elsker det eller hader det, det meste af det er fyldt med ulæste beskeder. Jeg kender en masse mennesker, der er daglige modtagende dusinvis af nye beskeder. Selvfølgelig er en aktiv e-mail-brugere altid glad for at finde en tom kasse. Dette vil blive dobbelt glad, når e-mail-klient bygherren vil give dette aspekt et par timers arbejde og tegne en pæn advarsel om fraværet af ny post.
Det er den måde dette problem er løst i Sparrow, Gmail og standardprogram Mail i iOS:
Sparrow giver brugeren den traditionelle ikon af postkassen og «Inbox Zero» etiket. Denne skærm er intuitiv, minimalistisk og dekoreret ganske elegant. Brugeren er usandsynligt at der vil være nogen spørgsmål.
Gmail udviklere har gået et skridt videre og tilføjer et strejf af følelser i din ansøgning - når Brugerne er ingen ulæste beskeder i foran ham, der viser off en sjov sol-ikon med teksten "Enjoy dag!". Denne form for følelse som at antyde en person om hvor godt eller dårligt det er (ovenstående eksempel er indlysende, men der er mere komplicerede sager).
Mail.app ansøgningssystemet giver ikke designe en særlig "ren" side, så brugeren kun kan gætte hvorfor før ham er der ingen liste over meddelelser - eller simpelthen ikke har nye beskeder eller synkroniseringsfejl, eller manglende forbinde Internet. Denne form for spørgsmål efterlader altid en dårlig fornemmelse af brugen af programmet, så hvis du interface design, forsøge at klare informerer brugeren om, hvorfor det ikke synes at forventede indhold.
3. Tekniske fejl
Ganske ofte, brugeren har til at iagttage en "ren" skærm iOS-app på grund af det faktum, at enheden har mistet forbindelsen til internettet og kan ikke hente nyt indhold. Som nævnt ovenfor, for skaberen af det program, det er meget vigtigt, og elegant grammotno at viderebringe denne information til brugeren.
Lad os se, hvordan en fejl skærm er implementeret i Chrome-apps, Opera Mini og Safari:
Chrome bogstaveligt "spytter" på brugerens lange tekst fra kedelige tekniske oplysninger. Opera Mini «færdig med" et par sætninger, der ikke giver brugeren en klar idé om, hvorfor browser ikke kan åbne et bestemt websted. Den mest succesfulde implementering, efter min mening, tilbyder standard Safari-programmet, som klart siger, at iPhone ikke er forbindelse til internettet.
En par mere interessante eksempler: Gmail, YouTube og Instagram.
fund
Hvordan har vi det rigtige design "ren" skærm er meget vigtigt for moderne interfaces - og ikke kun for iOS-programmer. Før du sender programmet til revision i App Store, eller til at udstede den endelige version, tror et øjeblik, der vil bruge din ansøgning og hvorfor. Prøv at være opmærksom på de mindste detaljer, der vil hjælpe dit produkt skiller sig ud fra den grå masse af konkurrenterne. Hvis du kan behage brugerne og efterlade et godt indtryk om dig selv, de i fremtiden vil være klar til at tilgive dig nogle mangler og fejl.
P. S. Hvad synes du om udformningen af "ren" skærm? Er der en form for subjektive ønsker eller generel rådgivning? Skal jeg MacRadar redaktører skrive om sådanne finesser i design og udvikling af interfaces til iOS? Skriv din mening i kommentarerne, ville det være interessant at diskutere emnet med læserne.