Utvikler notat: hvordan du kan dekorere tomme skjerm programmer
Makradar Macos / / December 26, 2019
Nylig, jeg begynte i økende grad å varsel for seg selv, at jo mer aktiv interesse for faget for utvikling applikasjoner for iOS og designe brukergrensesnitt, jo mer du tenker, eller annerledes enn de andre ting. Du begynner å ta hensyn til plasseringen av kontrollknappene, størrelsen på ikoner og andre design ting som en normal person i daglig bruk og er ikke mistanke.
Den andre dagen kom jeg over en veldig interessant artikkel Designer Craig DennisDer la han ut på hyllene designregler "ren" skjerm app for iOS. Teknisk blir dette kalt «Empty state» - når programmet en eller annen grunn ikke kan vise noe til brukeren. Ifølge Craig, er det mange uerfarne designere ikke betaler nok oppmerksomhet til dette aspektet av programmet, og fordi det er ofte riktig informere brukeren om mangel på innhold er like viktig som selve kartet innhold. Jeg sin artikkel virket veldig nysgjerrig, så jeg foreslår en kort oversettelse av de grunnleggende ideer.
"Rene" skjermer kan deles inn i tre hovedtyper - den første bruk av programmet, mangel på innhold og teknisk feil (svikt av Internett-forbindelse, for eksempel).
1. første gangs bruk
Førsteinntrykket alltid forbli i minnet, spesielt de fattige. Det er derfor designeren er svært viktig å arrangere grensesnittet slik at når du først begynner Bruker programmet møtte ikke nøytral kjølig hvit skjerm, men noe estetisk og funksjonell. Det er best å trekke noen form for visuelt bilde og legge til et par tips om bruk av programmet (bare ikke overbelaste grensesnittet kjedelig undervisning i ånden av kaptein opplagt). Gode eksempler på den bemerkelsesverdige realisering av slike ideer er Buffer program, Timehop og Dropbox (du kan se skjerm ovenfor).
2. Mangel på innhold
La oss se på situasjonen med e-post. Du elsker det eller hater det, det meste er fylt med uleste meldinger. Jeg kjenner mange mennesker som er daglig mottaks dusinvis av nye meldinger. Selvfølgelig er en aktiv e-postbrukere alltid glad for å finne en tom boks. Dette vil bli dobbelt glad når e-postklient utbygger vil gi dette aspektet et par timer med arbeid og tegne en hyggelig advarsel om fraværet av ny e-post.
Det er måten dette problemet er løst i Sparrow, Gmail og standardprogrammet Mail i iOS:
Sparrow gir brukeren med den tradisjonelle ikonet for postkassen og «Inbox Zero» etiketten. Denne skjermen er intuitivt, minimalistisk og dekorert ganske stilig. Brukeren er usannsynlig det vil være noen spørsmål.
Gmail utviklere har gått et skritt videre og legge til et snev av følelser i programmet - når Brukere er ingen uleste meldinger foran seg viser av en morsom søn ikon med bildeteksten "Enjoy dag!". Denne typen følelsen som å antyde en person om hvor bra eller dårlig det er (eksempelet ovenfor er opplagt, men det er mer komplisert tilfeller).
Mail.app søknad systemet ikke designe en spesiell "ren" side, slik at brukeren kan bare gjette hvorfor før ham er det ingen liste over meldinger - eller rett og slett ikke har nye meldinger eller synkroniseringsfeil, eller unnlatelse av å koble Internett. Denne slags spørsmål etterlater alltid en dårlig følelse fra bruk av programmet, så hvis du grensesnitt design, prøv å fjerne informere brukeren om hvorfor det ikke ser ut til forventede innhold.
3. tekniske feil
Ganske ofte, har brukeren til å observere en "ren" skjerm iOS app på grunn av det faktum at enheten har mistet forbindelsen til Internett og kan ikke laste ned nytt innhold. Som nevnt ovenfor, for skaperen av programmet er det svært viktig og elegant grammotno å formidle denne informasjonen til brukeren.
La oss se hvordan en feil skjermen er implementert i Chrome-apper, Opera Mini og Safari:
Chrome bokstavelig talt "spytter" på brukerens lang tekst fra kjedelig teknisk informasjon. Opera Mini «ferdig med" et par setninger som ikke gir brukeren en klar idé om hvorfor leseren ikke kan åpne et bestemt nettsted. De mest vellykkede gjennomføring, etter min mening, og tilbyr standard Safari program, som klart sier at iPhone ikke er koblet til Internett.
Noen flere interessante eksempler: Gmail, YouTube og Instagram.
funn
Hvordan klarte vi å gjøre det riktige Motivet "ren" skjermen er svært viktig for moderne grensesnitt - og ikke bare for iOS-programmer. Før du sender programmet til gjennomgangen i App Store, eller til å utstede den endelige versjonen, tror et øyeblikk, som vil bruke din søknad og hvorfor. Prøv å ta hensyn til de minste detaljer som vil hjelpe produktet skiller seg ut fra den grå massen av konkurrenter. Hvis du kan glede brukerne og la et godt inntrykk om deg selv, i fremtiden vil de være klare til å tilgi deg noen mangler og feil.
PS! Hva synes du om utformingen av "ren" skjerm? Er det noen form for subjektive ønsker eller generelle råd? Bør jeg MacRadar redaktører skrive om slike spissfindigheter i design og utvikling av grensesnitt for iOS? Skriv din mening i kommentarfeltet, ville det være interessant å diskutere temaet med leserne.