Водич за брзи веб дизајн и најбоље праксе
Сазнајте више о одзивном веб дизајну и како да искористите најбоље праксе како бисте извукли максимум из свог пословања на мрежи.
Сада више људи прегледава веб са мобилним уређајима него са десктопом или лаптопима. Отприлике 51% саобраћаја на веб локацији сада долази од некога на мобилном уређају. Са тако великим бројем мобилних корисника, пресудно је да интернет предузећа обезбеде да њихова веб локација користи брзи веб дизајн (РВД) и да буде у току са најновијим најбољим праксама РВД-а..
Contents
Шта је одзиван веб дизајн?
Једноставно речено, РВД се састоји у дизајнирању једна веб локација који се флуидно прилагођава било којој величини екрана – било да је то најновији Аппле Ватцх широки 272 пиксела или плазма телевизор, са редовним ПЦ-јевима, таблетима и мобилним уређајима између.
Да бисте додатно објаснили, у наставку, примерени пример респонзивног веб дизајна на Аппле веб сајт. Испод је упоредни приказ веб локације са рачунара и паметних телефона:
Садржај је у оба погледа исти, али изглед и дизајн корисничког интерфејса су различити. У приказу екрана смартфона одељци веб локације су сложени да би се омогућило вертикално померање, а навигациони мени је сакривен иза већ познате иконе хамбургера. Везе на дну странице на које се може кликнути такође су довољно широке и високе да се могу прилагодити гестовима додиривања прстима.
У сржи РВД-а је дубока брига за веб корисничко искуство. Већина људи данас посећује вашу веб локацију са различитих места користећи мноштво различитих уређаја – десктоп рачунар на делу, паметни телефон када су у подземној железници и таблет пред спавање. Без обзира на то који уређај користе у време када су на вашој веб локацији, корисници очекују да ће он једноставно функционисати. Коришћење РВД-а на прави начин значи да корисничко искуство на вашој веб локацији остаје доследно и пријатно, без обзира на то који су корисници уређаја укључени.
Кориштење респонзивног веб дизајна до његовог пуног потенцијала
Иако је дизајнирање веб странице која изгледа добро на свим величинама екрана одличан корак у правом смеру, пресудно је да се тамо не зауставите. Да би ваше предузеће у потпуности искористило РВД, морате да поставите РВД у свеобухватнију стратегију са потрошач са више уређаја у његовом средишту. Ово значи:
- Не нудите корисницима мобилних уређаја спуштену верзију веб локације радне површине на којој имају ограничену употребу. Савет: пратите акције мобилних корисника на вашој веб локацији. Ако приметите кориснике како слете на вашу веб локацију, али једва троше ваш садржај или не троше време на њу, велике су шансе да наиђу на неку врсту блокаде пута.
- Не брините за корисника мобилне мреже на потпуно исти начин као и корисник десктоп рачунара. Искористите у потпуности потенцијал који мобилни уређај нуди. На пример, ако поседујете ресторан, олакшајте мобилним клијентима да пронађу ваше предузеће или резервишу коришћењем снаге технологија попут ХТМЛ5 Геолоцатион и уноси телефонских бројева на вашој веб локацији.
- Имајте на уму брзина странице. Према истраживању Ниелсен Норман Гроуп, водећи консултанти за корисничко искуство, 47% посетилаца очекује да се веб локација учита за мање од 2 секунде, а 40% посетилаца напусти веб локацију ако процес учитавања траје више од 3 секунде. То је још више када је ријеч о корисницима мобилне телефоније, који су у покрету и често имају ограничења пропусности.
- Бити свестан садржај који се не може репродуцирати. Неке технологије попут Фласх плаиера не уживају широку подршку на мобилним уређајима. Због тога је препоручљиво да их не користите на својој веб локацији и избегавате да их повежете са својих страница. ХТМЛ5 видео и аудио су сигурно много боља опција у односу на заштићене технологије. Такође је добра идеја да додате транскрипт свог видео садржаја. У ствари, велики број корисника можда преферира писани садржај видео или аудио, неке помоћне технологије могу радити само на писаном материјалу, а Гоогле може боље прибавити податке о томе о чему се ради у вашем видео или аудио садржају..
- Избегавајте употребу дијалози и искачући прозори који спречавају кориснике да виде или комуницирају са вашим садржајем. Понекад их је тешко затворити на мобилним уређајима на којима је некретнина екрана ограничена, што узрокује фрустрацију код ваших купаца.
- Плати пажња на додир! Ако се ваша веб локација ослања на догађаје померања миша за откривање скривеног садржаја, ова функционалност неће радити на мобилном уређају. Мобилни уређаји не раде мишем. Уместо тога, корисници комуницирају са садржајем користећи гестове додира као што су куцање и прелазак прстом. Стога се одлучите за откривање скривеног садржаја кликом уместо лебдења миша. Такође, осигурајте да дизајн веб странице рачуна на чињеницу да су врхови прстију већи од показивача миша омогућавајући довољно простора за удобну и несметану интеракцију са везама на вашој страници..
Предности РВД странице
За једну ствар, Гоогле изричито препоручује РВД приступ веб локацији прилагођеној мобилним уређајима. Остале предности РВД-а су:
- Једна УРЛ адреса олакшава корисницима дељење и повезивање са вашим садржајем;
- Одржавање једне веб странице је исплативије од одржавања више страница за исти садржај;
- Преусмеравања на мобилну локацију утичу на брзину учитавања страница за кориснике на мобилном уређају. Такође је преусмеравање на основу откривања прегледача подложно грешкама, што може да умањи корисничко искуство веб локације. Усвајање РВД-а решава ове проблеме једноставно зато што, користећи исту веб локацију и за радне и мобилне приказе, нећете морати да преусмеравате кориснике на веб локацију специфичну за мобилне уређаје;
- Уз брзо мењајући пејзаж различитих уређаја, поред тога што је немогуће креирати и ажурирати више верзија исте веб локације посебно прилагођене величини екрана и карактеристикама сваког од њих.
Да ли ваша веб локација одговара? Тестирај!
Користити Гоогле тест за мобилне уређаје да брзо тестирате да ли ваша веб локација реагује. Само копирајте & залепите УРЛ веб локације у оквир за текст и проверите резултат.
Закључак
Да бисте боље опремили своју веб локацију за екосистем са више уређаја, неопходан је брзи веб дизајн. Међутим, једноставно инсталирање самопроглашене респонзивне теме није довољно да бисте осигурали да ваша веб локација добро ради и усрећује ваше клијенте. РВД морате укључити у своју пословну стратегију на мрежи са потрошачем више уређаја у основи. То ће учинити дуг пут у томе да вашу интернет фирму постану омиљеном међу клијентима и Гооглеом.
