Јесте ли се запитали: “Шта је веб дизајн који реагује на прилагођавање?” Одговарајући веб дизајн је приступ којим дизајнер креира веб страницу која “реагује” или се сама мења у зависности од типа уређаја кроз који се гледа. То би могао да буде огроман монитор стоног рачунара, лаптоп или уређаји са малим екранима као што су паметни телефони и таблети.
Одговарајући веб дизајн је постао важан алат за свакога са дигиталним присуством. Са растом паметних телефона, таблета и других мобилних рачунарских уређаја, све више људи користи мање екране за прегледање веб страница.
$config[code] not foundОви веб сајтови морају да узму у обзир и индекс мобилног телефона који је Гоогле објавио у априлу 2018. године. Како све више малих предузећа повећава своје присуство на мобилним уређајима, њихова веб страница, е-трговина, Гоогле Бусинесс страница, странице друштвених медија и друга средства морају бити лако доступни у свим уређаја.
Шта је одговарајући веб дизајн?
Сврха прилагодљивог дизајна је да имају један сајт, али са различитим елементима који различито реагују када се гледају на уређајима различитих величина.
Узмимо традиционални "фиксни" сајт. Када се, на пример, гледа на десктоп рачунару, веб сајт може да прикаже три колоне. Али када погледате исти распоред на мањој таблети, можда ћете морати да се померате хоризонтално, што корисници не воле. Или елементи могу бити скривени од погледа или изгледа искривљени. Утицај се такође компликује чињеницом да се многе таблете могу гледати у портретној орјентацији или окренути постранце за пејзажни поглед.
На малом екрану паметних телефона, веб странице могу бити још теже видјети. Велике слике могу "сломити" изглед. Сајтови се могу споро учитавати на паметне телефоне ако су графички тешки.
Међутим, ако сајт користи одговарајући дизајн, верзија таблета може се аутоматски подесити да прикаже само две колоне. На тај начин садржај је читљив и једноставан за навигацију. На паметном телефону, садржај се може појавити као једна колона, можда сложен вертикално. Или је могуће да корисник има могућност да пређе преко да види друге колоне. Слике ће се променити, уместо да изобличе изглед или се одсече.
Поента је: уз одговарајући дизајн, веб сајт се аутоматски прилагођава на основу уређаја у којем га гледалац види.
Како функционише одговарајући веб дизајн?
Одговарајући сајтови користе течне мреже. Сви елементи странице су величине по пропорцији, а не у пикселима. Дакле, ако имате три колоне, не бисте тачно рекли колико би сваки требао бити широк, већ колико би требали бити широки у односу на друге ступце. Колона 1 треба да заузме пола стране, колона 2 треба да заузме 30%, а колона 3 треба да заузме 20%, на пример.
Медији, као што су слике, такође су релативно смањени. На тај начин слика може остати унутар своје колоне или релативног елемента дизајна.
Повезана питања
Моусе в. Тоуцх: Дизајнирање за мобилне уређаје такође отвара проблем миша у односу на додир. На десктоп рачунарима, корисник обично има миша за навигацију и избор ставки. На паметном телефону или таблету корисник највише користи прсте и додирује екран. Оно што се чини лако изабрати помоћу миша, може бити тешко одабрати прстом на малом месту на екрану. Веб дизајнер мора узети у обзир "додир".
Графика и брзина преузимања: Такође, ту је и питање графике, огласа и брзине преузимања. На мобилним уређајима може бити мудро приказати мање графике него за приказе на радној површини тако да веб-локација не траје вјечно за учитавање на паметном телефону. Веће величине огласа можда ће бити потребно размијенити за мање огласе.
Апликације и "мобилне верзије": У прошлости сте можда размишљали о креирању апликације за своју веб локацију - рецимо иПад апликацију или Андроид апликацију. Или бисте имали мобилну верзију посебно за БлацкБерри.
Али са толико различитих уређаја данас, све је теже креирати апликације и различите верзије за сваки уређај и оперативну платформу.
Зашто мала предузећа морају да пређу на одговарајући веб дизајн
Више људи користи мобилне уређаје. Недавна студија Пев-а 77% Американаца сада посједује паметне телефоне 2018. године, што је у односу на само 35% у првом истраживању власништва над паметним телефонима Пев Ресеарцх Центра проведеном 2011. године.
Проверите свој саобраћај и можда ћете бити шокирани колико посетилаца долази на вашу веб-локацију путем мобилних уређаја. (У Гоогле Аналитицс-у одаберите "Публика" на лијевој страни, а затим "Мобилно" да бисте видјели који је омјер промета с мобилних уређаја. Можете чак и истражити које уређаје шаље промет.)
Одговарајући дизајнерски предлошци су сада свуда, за куповину. Ако, на пример, имате ВордПресс сајт, можете посетити угледну галерију шаблона као што је ТхемеФорест и потражити "одговарајуће ВордПресс теме". Купите једну за мање од 50 долара. Ваш Веб девелопер може да га прилагоди за ваш лого и бренд.
Напомена уредника: Овде у Смалл Бусинесс Трендс, радимо на новом дизајну. Зар не би требало?
Пхото виа Схуттерстоцк
Више у: Садржај Маркетинг, Шта је 95 Коментари ▼
