Hjemmeside » UI / UX » 40 Smart Empty State Designs for Mobile Apps

    40 Smart Empty State Designs for Mobile Apps

    Når vi starter med en ny mobilapp, kommer vi over noen få tomme statusskjermer. Det er en stat hvor Det er ikke noe innhold som skal vises ennå, i situasjoner som null-data tilstand og førstegangs-tilstand. Andre ganger, en feil skjerm kan også betraktes som en tom tilstandsskjerm. I stedet for å forlate dette rommet bokstavelig talt, har designere brukt denne ledig plass for bedre brukerengasjement med bruk av klare illustrasjoner.

    Som denne samlingen vil vise deg, er null datastatus sjokkfull av potensielle designere kan dra nytte av. Fra oppfordrer brukerne til å gi sin app en tur, å gi korte og nyttige tips På hvordan å gå videre, er tom tilstandsdesign et sted for kreativitet som venter på å skje. Noen av designene her er konseptdesign mens andre allerede er i bruk.

    Mer om mobildesign:

    • Utforming for mobile enheter [En veiledning]
    • 20 Beautiful Mobile User Interface for din inspirasjon
    • 20 Eye-Catching Mobile Calendar Designs
    • Musikk Apps for Mobile: 50 Beautiful Concept Designs

    Ombordstigning - Tom stat for venneliste, navigasjon og meldinger.

    Lost & Empty - Søte, men triste roboter informerer en bruker når signalet er tapt eller en vogn er tom.

    Modspot - Denne tomme tilstandsdesignen fungerer som et første trinn, hvordan-veiledning.

    Workmates - Dyr hilser deg på individuelle seksjoner med søte hei og hallo.

    Mobil Betalingsmetode - "Ingen penger? Ikke noe problem!" - Den perfekte tagline for kontantløs betaling.

    Ingen samtaler - Livet er en bar uten samtaler. Ta en lur.

    Driver app - Ingen ordrer mot ny, innkommende ordre. Appen påminner også driverne for å sjekke om deres tilgjengelighet er satt på.

    Marvel Projects App - Den morsomme mappen ser trist ut uten prosjekter.

    Yuhuu Car Rental App - Den onboarding skjermen er flott for å lære brukere hvordan man begynner å leie biler.

    Project Fi - Hva skjer når noe ikke lenger er aktivt? Det må lade opp med en lur (få det?). Den andre tomme tilstandsdesignen har en invitasjon til å flytte denne "fest" til et skrivebord.

    Musixmatch - Sjarmerende fargerike ansikter samhandler med musikk, widgets og spotify sammen med nyttige instruksjoner.

    Google Photos - Når ingenting er delt her, vises en brus med to stropper for å oppmuntre brukerne til å begynne å dele.

    Favoritter - Empty state design faller tilbake på hvilke brukere som er vant til, using the star icon for å indikere våre favoritter, blyantikonet for å vise spørsmål, og dokumentikonet for å indikere spørsmål besvart.

    Azendoo - Føler deg tapt og ubundet, som om du er på en øde øy? Følg rådene, hold deg rolig, lys en brann, og hold deg forfriskende.

    Traveloka - Denne reiseprogrammet bruker illustrasjoner i sine tomme tilstander for å skildre forskjellige statuser: En sovende satellitt / antenne viser tapt forbindelse, en stige uten fly viser ingen fly tilgjengelig, og en tom benk som ikke viser noen tilgjengelige hoteller.

    Skisse - La oss få noe til å gå! La oss legge til noen skisser med pluss-knappen. Kom igjen!

    BitGold-Bruken av en mørk bakgrunn for å vise tomhet, ingenting har startet ennå, og en senterstadium gullhandlingsknapp virker veldig passende for denne pengene-appen.

    Urban Looks - Hvordan bedre å oppmuntre folk til å begynne å laste opp selfies og bilder enn å vise en annen person å gjøre det? Derfor er denne søte, tomme tilstandsdesignen.

    Ingen filer funnet - Vel, dette nulldatascenarioet føles vanskelig. Selv dokumentfilen finner dette vanskelig. Følg instruksjonene: Gå tilbake og prøv et annet søkeord.

    Trist mappe er trist - Stopp å gjøre alle disse mappene triste, start å lage nye prosjekter.

    Turplanlegger - Hvis du ikke har planlagt noen turer ennå, bare vet at nattehimmelen skal vente.

    Fyr - Denne nulldatatilstanden viser en feil ved bruk av et ensomt fyrtårn.

    Gruppe Chat - En del av innbyggingsprosessen, dette designet illustrerer en aktiv gruppechat med mange meldinger, noe som en "hva dette kan være" hvis du bare vil begynne å chatte.

    Reiseplanlegger - Denne har et fly i mid-flight. Ingen valgfrie turer ennå? Vel, la oss forandre det, skal vi?

    Frizzbee - Her er en smart bruk av merkevaren maskot i tomme statlige design. Dette er en ide som sikkert vil ta av.

    Virtual Pizza - nulldatataten oppfordrer deg til å lage en virtuell pizza for å bestille en ekte. En enkel, men minimalistisk illustrasjon av en pizza som brukes her.

    PandaDoc - Du kan aldri gå galt ved å bruke søte pandaer for å bryte dårlige nyheter.

    Søk - Ingen treff ennå, men fortsett å se. Ta disse kikkertene her.

    Reiseprogram - Denne er ambisiøs. Den viser en rakett og koffert for en verdensreisende opplevelse. Se verden sammen.

    A360 - Det er klart at denne appen er fokusert på noen eiendomsmegling.

    Fakturaapp - De tofargede illustrasjonene her forteller alt fra å få rask tilgang til dataene dine, sjekke salgsprestasjonen din og ha alle dine kunder i håndflaten din.

    Whittl - Ikke gjør dette morsomme ansiktet trist, gjør en avtale. Håret med trist ansikt er twirled ligner merkevarenes logo - en smart touch.

    Sosial app for lastebilførere - "Ingen parkeringsplasser funnet" illustrasjonen ber deg om å fortsette å kjøre mens et tap i internettforbindelse viser en blokkering.

    Mine Leads - Å legge til din første leder er som å lansere en rakett i rommet.

    Unroll.me - "Velkommen til din ryddige innboks!"

    Snapchat - Det er en fest på en Snapchat-skjerm. Du trenger venner for å få gode historier.

    Workangel - Lagre alle favorittene dine (derfor hjertene) i denne mappen her.

    Mine prosjekter - Spennet mappe er glade for å vite hva ditt første prototypeprosjekt skal omhandle.

    Signatur app - Dette pokes moro på et tomt dokument og en fanget en (smil for kameraet).

    Kickpush - Sjarmerende utgivelser av populære filmer og ikoniske scener. God bruk av tom tilstandsdesign av denne filmen appen.