Како дизајнирати празне странице за веб странице и мобилне апликације

Празне странице стања су мање познати елементи дизајна са значајном улогом у корисничком искуству. У свом најједноставнијем облику, празне државе су изгледа страница када корисник први пут посети страницу где нема садржаја.

Ово може укључивати мобилне апликације, друштвене мреже или чак и празне категорије блогова. Сврха је да се достави празна страница Изгледа не-празну страницу. Посетиоци треба препознати недостатак садржаја као средство предстојећег садржаја.

Желео бих да покријем како функционишу празне државне странице и зашто су тако важне. Дизајнери интерфејса би требали размотрити ове тачке и покушати их примијенити на празна стања кад год је то прикладно. Али, да би почели, размотрићемо како функционише празно стање и како даје вредност интерфејсу.

Вредност празних стања

Лепота великог празног дизајна државе је у једноставности. Празне странице објашњавају шта би требало бити на страници једном постоји неки садржај. Може бити пасивна као празна инбок, или може активно чекати корисника као празан Твиттер феед.

Празне странице су досадне, досадне, па чак и збуњујуће. Празна стања дају смернице да помогне корисницима да разумеју шта гледају. Иако је то празна страница, додатни контекст помаже.

Празна стања такође дају смисао “свежина” са новим рачунима који немају постојеће податке.

Овај тест који је урадио Реддитор Бамбо_Оцха проверио је 20 различитих апликација за празне дизајне. Различити стилови дизајна појавили су се са ЦТА дугмадима, узорцима података, па чак и кратким упутствима.

Апликације које напредују на корисничкој бази треба да дизајнирају празна стања подстицање активности корисника. Ова активност може бити објављивање садржаја, додавање пријатеља, учитавање фотографија или за шта је апликација направљена. Екран испод Тоокапиц-а је одличан пример.

Али странице празних држава још увек имају вредност чак и када није потребна никаква акција. Ови дизајни су првенствено направљени за пружање информација.

Статичка информација је једнако вриједна и није инхерентно лоша да има празно стање. На пример, овај дизајн странице не приказује тренутне податке из контролне табле апликације за праћење. Корисник можда жели додати неке податке, али није лоше оставити празну цртицу.

Слични статички дизајни могу одлично функционирати за празне архиве блогова или празне мапе порука. Савршено је прихватљиво да нема порука за приказ. Али страница не би требала бити потпуно празна без икаквог контекста.

Витал Паге Елементс

Најважнији елемент на празној страници је контекст. Ово може бити у облику графике, текста или обоје. Желите да информишете кориснике зашто је страница празна и какви подаци могу бити тамо (е-поруке, твеетови, профили пријатеља, итд.).

Иако је текст примарни комуникацијски медиј на вебу, не можете занемарити вриједност графике и икона.

ДигиталОцеан има сјајну контролну таблу са празном графиком која илуструје њихову тачку. Њихова компанија користи креативно брендирање и чисту типографију, тако да није изненађење да су њихове празне странице толико илустративне.

Други кључни аспект дизајна празне државе је дугме за позив на акцију. Ово је типично дизајнирано као дугме иако хипервезе такође функционишу добро.

Циљ је да се помогне корисницима да предузму акције и разјасне своје празно стање. Без обзира да ли то захтева додавање података или предузимање акција на сајту, ЦТА воде кориснике на следећи корак који је неопходан да би се уклонило празно стање.

Дропбок има одличан дизајн са два ЦТА дугмета. Кад год Дропбок корисник нема директоријуме, они могу креирати нову мапу или додати мапу узорка на страницу.

Подстицање активности корисника

Тастери за позив на акцију су активни елементи, али запамтите да копија странице објашњава шта корисник ради. Нико само не кликне на дугмад, а да не зна зашто.

Најбољи начин да се подстакне активност је да се напише велика копија на вашој празној страници. Водите кориснике кроз ток садржаја који охрабрује активности корисника над цијелом апликацијом.

Ово празно стање од стране МодСпот-а је сјајан примјер квалитетног дизајна и потицајног садржаја.

Иконе се користе за приказивање шта корисник треба да дода на сајт. Стрелица показује на дугме које корисник треба да кликне заједно са неким понашањем које охрабрује текст. Ово је сјајан празан дизајн државе са свим елементима које очекујете.

Слично томе, Гумроад празна држава нуди двије опције које циљају различите потенцијалне акције. Корисници могу да додају дигитални производ или физички производ за почетак продаје.

Остале везе на страници воде до водича за помоћ и појединости о контакту. Све је невероватно рационално и лепо је повезано.

Веб против мобилних апликација

Празне државне странице за све медије треба да прате сличне трендове дизајна. Међутим, постоје неке мање разлике у односу на корисничко искуство на десктопу у поређењу са паметним телефоном.

Веб странице на већим екранима имају више простора за додатне типке. Веб странице такође могу имати већи навигациони елементи који могу привући људе на друге локације.

Ово се може ријешити у сличном стилу као и Нусии на страници њихових приједлога. Тамо где нема предлога, корисник се води до “додај приједлоге” у горњој навигацијској траци.

Мобилне апликације могу имати сличне проблеме, али екрани су много мањи. То га чини много лакше привући кориснике право у акцију.

Сматрам да је најбоље држати мобилне апликације једноставнијим уз мање опција. Користите визуелне ефекте као очни слаткиш да бисте подстакли акцију и указали на веома специфичан ток корисника.

Примери дизајна празног стања

Можда је најбољи начин да сазнате о дизајну празног стања проучавање неких примера. Бриљантна веб галерија емптистат.ес курира празне странице са различитих веб страница на мобилне апликације.

Изабрао сам неколико примера који заслужују вашу пажњу и који најбоље илуструју дизајн празног стања. Ако имате било какве друге сугестије, слободно нас обавијестите.

ДигиталОцеан Флоатинг ИПс