Kā izveidot tukšas valsts lapas tīmekļa vietnēm un mobilajām lietotnēm

Tukšas valsts lapas ir mazāk pazīstami dizaina elementi ar nozīmīgu lomu lietotāja pieredzē. Vienkāršākajā veidā ir tukšas valstis lapu izkārtojumi, kas redzami, kad lietotājs vispirms apmeklē lapu, kurā nav pieejams saturs.

Tas var ietvert mobilās lietojumprogrammas, sociālos tīklus vai pat tukšas emuāra kategorijas. Mērķis ir sniegt tukšu lapu izskatās kā tukša lapa. Apmeklētājiem vajadzētu atzīt satura trūkumu kā gaidāmā satura līdzekli.

Es vēlos aptvert, kā darbojas tukšas valsts lapas un kāpēc tās ir tik svarīgas. Interfeisa dizaineriem būtu jāapsver šie punkti un jācenšas tos piemērot tukšām valstīm, kad vien tas ir nepieciešams. Bet, lai sāktu, pārbaudīsim, kā tukšas valsts funkcijas un kā tas nodrošina saskarnes vērtību.

Tukšo valstu vērtība

Liela tukša valsts dizaina skaistums ir vienkāršs. Tukšas lapas paskaidro kas būtu lapā kad ir kāds saturs. Tā var būt pasīva, piemēram, tukša iesūtne, vai arī tā var aktīvi gaidīt lietotāju kā tukšs čivināt.

Tukšas lapas ir garlaicīgas, blāvas un pat neskaidras. Tukšas valstis sniegt norādījumus lai palīdzētu lietotājiem saprast, ko viņi meklē. Pat ja tā ir tukša lapa, papildu konteksts palīdz.

Tukšas valstis dod arī sajūtu “svaigumu” ar jauniem kontiem, kuriem nav esošo datu.

Šis tests, ko veica Redditor Bambo_Ocha, pārbaudīja 20 dažādas lietotnes tukšam valsts dizainam. Ar CTA pogām, paraugu datiem un pat īsām apmācībām tika veikti dažādi dizaina stili.

Lietojumprogrammām, kas plaukst uz lietotāju bāzes, ir jāizstrādā tukšas valstis veicināt lietotāju darbību. Šī darbība varētu būt satura publicēšana, draugu pievienošana, fotoattēlu augšupielāde vai jebkura lietotne. Tālāk redzamais ekrāns no Tookapic ir lielisks piemērs.

Bet tukšās valsts lapās joprojām ir vērtība, pat ja nav nepieciešama nekāda darbība. Šie dizainparaugi galvenokārt tiek izstrādāti, lai sniegtu informāciju.

Statiskā informācija ir tikpat vērtīga, un tas nav raksturīgi slikti, ja ir tukšs stāvoklis. Piemēram, šīs lapas dizains nerāda pašreizējās metrikas no izsekošanas lietotnes informācijas paneļa. Lietotājs var vēlēties pievienot dažus rādītājus, bet tas nav slikti atstāt domuzīmi tukšu.

Līdzīgi statiskie dizaini var būt lieliski piemēroti tukšiem blogu arhīviem vai tukšām ziņu mapēm. Ir pilnīgi pieņemami, ka nav redzams neviens ziņojums. Bet lapai nevajadzētu būt pilnīgi tukšai bez konteksta.

Vital Page Elements

Vissvarīgākais elements tukšā valsts lapā ir kontekstā. Tas var būt grafikas, teksta vai abu veidu veidā. Jūs vēlaties informēt lietotājus par to, kāpēc lapa ir tukša un kādus datus varētu būt (e-pasta ziņojumi, tweets, draugu profili utt.).

Un, lai gan teksts ir galvenais komunikācijas līdzeklis tīmeklī, jūs nevarat aizmirst par grafiku un ikonu vērtību.

DigitalOcean ir izcils informācijas panelis ar tukšiem grafiskiem attēliem, kas skaidri parāda savu punktu. Viņu uzņēmums izmanto radošu zīmolu un tīru tipogrāfiju, tāpēc nav nekāds pārsteigums, ka tukšās valsts lapas ir tik ilustratīvas.

Vēl viens svarīgs tukša valsts dizaina aspekts ir aicinājums rīkoties. Tas parasti ir veidots kā poga, lai gan hipersaites darbojas arī labi.

Mērķis ir palīdzēt lietotājiem rīkoties un iztīrīt tukšo stāvokli. Neatkarīgi no tā, vai tas prasa datu pievienošanu vai darbību veikšanu vietnē, CTA sniedz lietotājiem norādījumus uz nākamo soli, kas nepieciešams, lai iztīrītu tukšo stāvokli.

Dropbox ir lielisks dizains ar divām CTA pogām. Ikreiz, kad Dropbox lietotājam nav mapju, tās var izveidot jaunu mapi vai pievienot lapu mapei.

Lietotāju aktivitātes veicināšana

Zvanīšanas uz rīcību pogas ir aktīvie elementi, bet atcerieties, ka lapas kopija izskaidro ko lietotājs dara. Neviens vienkārši nespiež pogas, nezinot, kāpēc.

Labākais veids, kā veicināt darbību, ir uzrakstīt tukšu kopiju savā tukšajā valsts lapā. Vadiet lietotājus caur satura plūsmu, kas veicina lietotāju darbību visā lietojumprogrammā.

Šis tukšais ModSpot stāvoklis ir izcils kvalitātes dizaina un iedrošināmā satura piemērs.

Ikonas tiek izmantotas, lai parādītu, ko lietotājam jāpievieno vietnei. Bultiņa norāda uz pogas lietotājiem, uzklikšķinot kopā ar kādu tekstu, kas veicina uzvedību. Tas ir izcils tukšs valsts dizains ar visiem elementiem, kurus jūs sagaidāt.

Tāpat Gumroad tukšā stāvoklī ir divas iespējas, kas vērstas uz dažādām iespējamām darbībām. Lietotāji var pievienot digitālu produktu vai fizisku produktu, lai sāktu pārdošanu.

Citas saites šajā lapā noved pie palīdzības rokasgrāmatām un kontaktinformācijas. Viss ir neticami racionalizēts un savienots labi.

Web pret mobilajām lietotnēm

Tukšām valsts lapām visām nesējiem jāievēro līdzīgas dizaina tendences. Bet ir dažas nelielas atšķirības ar lietotāju pieredzi darbvirsmā salīdzinājumā ar viedtālruni.

Tīmekļa vietnes lielākos ekrānos ir vairāk vietas papildu pogām. Tīmekļa lapās var būt arī lielāki navigācijas elementi kas var piesaistīt cilvēkus citur uz vietas.

To var atrisināt līdzīgā stilā kā Nusii savā priekšlikuma lapā. Ja nav priekšlikumu, lietotājs tiek vadīts “pievienot priekšlikumus” pogas augšējā navigācijas joslā.

Mobilajām lietotnēm var būt līdzīgas problēmas, bet ekrāni ir daudz mazāki. Tas to padara daudz vieglāk piesaistīt lietotājus darbībai.

Es uzskatu, ka vislabāk ir saglabāt mobilās lietotnes ar mazākām iespējām. Izmantojiet vizuālus kā acu konfektes, lai veicinātu darbību un norādītu uz ļoti specifisku lietotāju plūsmu.

Tukši valsts dizaina piemēri

Varbūt labākais veids, kā uzzināt par tukšo valsts dizainu, ir izpētīt dažus piemērus. Briljanta tīmekļa galerija emptystat.es vada tukšas valsts lapas no dažādām vietnēm uz mobilajām lietojumprogrammām.

Es esmu izvēlējies dažus piemērus, kas pelnījuši jūsu uzmanību, kas vislabāk ilustrē tukšo valsts dizainu. Ja jums ir kādi citi ieteikumi, sazinieties ar mums.

DigitalOcean peldošie IP