Kaip sukurti tuščius valstybės puslapius svetainėms ir mobiliesiems telefonams

Tušti būsenos puslapiai yra mažiau žinomi dizaino elementai, turintys reikšmingą vaidmenį naudotojų patirtį. Paprasčiausia forma yra tuščios puslapio išdėstymai matomi, kai naudotojas pirmą kartą apsilanko puslapyje, kuriame nėra turinio.

Tai gali būti mobiliosios programos, socialiniai tinklai ar net tuščios tinklaraščių kategorijos. Tikslas yra pateikti tuščią puslapį atrodo kaip ne tuščias puslapis. Lankytojai turėtų pripažinti turinio trūkumą kaip artėjančio turinio priemonę.

Norėčiau padengti, kaip tuščias valstybės puslapiai veikia ir kodėl jie tokie svarbūs. Sąsajų projektuotojai turėtų atsižvelgti į šiuos aspektus ir bandyti juos pritaikyti tuščioms būsenoms. Tačiau norėdami pradėti, išnagrinėsime, kaip veikia tuščios būsenos funkcijos ir kaip ji suteikia sąsajai vertę.

Tuščių valstybių vertė

Didžiojo tuščio valstybinio dizaino grožis yra paprastas. Tušti puslapiai paaiškina kas turėtų būti puslapyje kai yra turinio. Jis gali būti pasyvus, kaip tuščias pašto dėžutė, arba jis gali aktyviai laukti vartotojo, kaip tuščias „Twitter“ kanalas.

Tušti puslapiai yra nuobodu, nuobodu ir net painūs. Tuščios būsenos teikti rekomendacijas padėti vartotojams suprasti, ką jie žiūri. Nors tai yra tuščias puslapis, papildomas kontekstas padeda.

Tuščios valstybės taip pat suteikia jausmą “šviežumo” su naujomis paskyromis, kuriose nėra esamų duomenų.

Šis testas, kurį atliko Redditor Bambo_Ocha, patikrino 20 skirtingų programų, skirtų tuščiam valstybės dizainui. Įvairūs dizaino stiliai įvyko su CTA mygtukais, mėginių duomenimis ir netgi trumpais pamokų aprašymais.

Naudotojų bazėje klestinčios programos turėtų sukurti tuos pačius duomenis skatinti vartotojų veiklą. Ši veikla galėtų būti skelbimo turinys, draugų įtraukimas, nuotraukų įkėlimas arba bet kokia programa. Toliau pateiktas ekranas iš Tookapic yra puikus pavyzdys.

Tačiau tuščių būsenų puslapiai vis dar turi vertę, net jei nereikia imtis jokių veiksmų. Šie projektai pirmiausia skirti teikti informaciją.

Statinė informacija yra lygiai tokia pat vertinga ir nėra savaime bloga turėti tuščią būseną. Pavyzdžiui, šio puslapio dizainas neparodo esamos metrikos iš stebėjimo programos prietaisų skydelio. Vartotojas gali norėti pridėti tam tikrus rodiklius, bet tai nėra bloga palikti brūkšnį tuščią.

Panašūs statiniai dizainai gali puikiai veikti tuščių dienoraščių archyvų ar tuščių pranešimų aplankų atveju. Tai visiškai priimtina, kad nebūtų rodomų pranešimų. Bet puslapis neturėtų būti visiškai tuščias be jokio konteksto.

Vital Page Elementai

Svarbiausias elementas tuščiame valstybės puslapyje yra kontekste. Tai gali būti grafika, tekstas arba abu. Norite informuoti vartotojus, kodėl puslapis yra tuščias ir kokie duomenys gali būti (el. Laiškai, „tweets“, draugų profiliai ir tt).

Ir nors tekstas yra pagrindinė žiniasklaidos priemonė internete, negalite pamiršti grafikos ir piktogramų vertės.

„DigitalOcean“ turi puikų prietaisų skydelį su tuščia grafika, kuri aiškiai parodo jų tašką. Jų kompanija naudoja kūrybinį prekės ženklą ir švarią tipografiją, todėl nenuostabu, kad jų tuščios būsenos puslapiai yra tokie iliustraciniai.

Kitas svarbus tuščio valstybės dizaino aspektas yra skambinti į veiksmą mygtukas. Paprastai tai sukurta kaip mygtukas, nors ir nuorodos veikia gerai.

Tikslas yra padėti vartotojams imtis veiksmų ir išvalyti tuščią būseną. Nesvarbu, ar tai reikalinga pridėti duomenis, ar imtis veiksmų svetainėje, CTA padeda vartotojams pereiti prie kito žingsnio, reikalingo išvalyti tuščią būseną.

„Dropbox“ turi puikų dizainą su dviem CTA mygtukais. Kai „Dropbox“ vartotojui nėra aplankų, jie gali sukurti naują aplanką arba į puslapio pavyzdį įtraukti aplanką.

Vartotojų veiklos skatinimas

Veiksmų mygtukai yra aktyvūs elementai, tačiau nepamirškite, kad puslapio kopija paaiškinama ką vartotojas daro. Niekas tiesiog nespaudžia mygtukų, nežinodamas, kodėl.

Geriausias būdas paskatinti veiklą yra parašyti puikią kopiją tuščiame būsenos puslapyje. Vadovaukite naudotojus per turinio srautą, kuris skatina naudotojo veiklą per visą programą.

Ši tuščia „ModSpot“ būsena yra puikus kokybės dizaino ir skatinamojo turinio pavyzdys.

Piktogramos naudojamos norint parodyti, ką vartotojas turėtų pridėti prie svetainės. Rodyklė nurodo mygtukus, kuriuos vartotojai turėtų spustelėti kartu su kai kuriais tekstais skatinančiais veiksmais. Tai puikus tuščias valstybės dizainas su visais elementais, kuriuos tikitės.

Panašiai „Gumroad“ tuščioje būsenoje yra dvi parinktys, nukreiptos į skirtingus galimus veiksmus. Vartotojai gali pridėti skaitmeninį produktą ar fizinį produktą, kad galėtų pradėti parduoti.

Kitos nuorodos puslapyje padeda kreiptis į pagalbą ir kontaktinius duomenis. Viskas yra neįtikėtinai supaprastinta ir susieta gražiai.

Žiniatinklis vs mobiliosios programos

Tuščios būsenos puslapiai visiems laikmenoms turėtų atitikti panašias dizaino tendencijas. Tačiau yra nedideli skirtumai, susiję su vartotojo patirtimi darbalaukyje, palyginti su išmaniuoju telefonu.

Tinklalapiai didesniuose ekranuose turėti daugiau vietos papildomų mygtukų. Taip pat gali būti tinklalapių didesni navigacijos elementai kurie gali pritraukti žmones kitur.

Tai galima išspręsti panašiai kaip ir „Nusii“ savo pasiūlymų puslapyje. Jei nėra pasiūlymų, vartotojas vadovaujasi “pridėti pasiūlymų” mygtukas viršutinėje naršymo juostoje.

Mobiliosios programos gali turėti panašių problemų, tačiau ekranai yra daug mažesni. Tai daro jį daug lengviau atkreipti vartotojus į veiksmą.

Manau, kad geriausia judriąsias programas laikyti paprastesnėmis, turint mažiau galimybių. Naudokite vaizdus kaip akių saldainius, kad paskatintumėte veiksmus ir atkreiptumėte dėmesį į labai specifinį naudotojo srautą.

Tušti valstybės dizaino pavyzdžiai

Galbūt geriausias būdas sužinoti apie tuščią valstybinį dizainą yra ištirti keletą pavyzdžių. Puiki interneto galerija emptystat.es kuruoja tuščius valstybės puslapius iš įvairių svetainių į mobilias programas.

Aš ranka išsirinkiau keletą pavyzdžių, kurie nusipelno jūsų dėmesio ir geriausiai iliustruoja tuščią valstybės dizainą. Jei turite kitų pasiūlymų, nedvejodami praneškite mums.

„DigitalOcean“ plaukiojantieji IP