„ Добар дизајн чини корисника задовољним, произвођача у црном, а естета непромењеном. '
- Раимонд Лоеви

Изглед веб локације

Прегледавање интернета и сурфовање постали су неодвојиви део нашег живота данас. Сваког дана прегледавали бисмо „н“ број веб локација како бисмо куповали, претраживали, истраживали и куповали услуге или само Гоогле-у. Заустављамо се на само неколико веб локација или их желимо више пута посетити.

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

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

Мајстор израде савршеног изгледа веб локације је МцДоналд'с. Буквално су одложили све на одговарајуће место, чак и како ставити кисели краставчић. Дакле, ви бисте такође желели да смислите нешто добро или чак боље од Мекдоналдса.

Топ 10 корака изгледа дизајна веб страница

Данас ћемо знати више о првих 10 корака Дизајн веб локације дате су у наставку:

  1. Нека је професионално дизајниран лого правилно повезан са почетном страницом
  2. Користите интуитивну навигацију
  3. Избегавајте нереде и пружите дисање посетиоцима
  4. Користите боје и слике стратешки за брзи Интернет
  5. Одаберите фонт са одзивом на мрежи који се лако читају на уређајима и прегледачима.
  6. Свака страница треба бити дизајнирана као одредишна страница
  7. Увек стварајте прилагодљив дизајн, прилагодљив свим уређајима
  8. Користите ХТМЛ5 уместо Фласх-а
  9. Дугмад за слање или слање требало би да буду привлачна
  10. Не заборавите да тестирате свој дизајн

'Живот је разговорљив. Изглед дизајна веб страница треба да буде на исти начин. На мрежи, разговарате са неким кога вероватно никада нисте срели, зато је важно да будете јасни и прецизни. Дакле, добро структурирана навигација и организација садржаја веб страница иде руку под руку са добрим разговором. '

- ЦХИКЕЗИЕ ЕЈИАСИ
(Твит са Твиттера)

  1. Нека је професионално дизајниран лого правилно повезан са почетном страницом

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

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

  1. Навигација по веб локацији

Да ли сте се икад запитали зашто одскачете од толико веб страница и задржавате се само на једној или две? То је зато што купци не трпе да смисле сложену веб страницу. Уместо тога, напуштају страницу и прелазе на следећу.

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

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

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

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

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

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

Овај простор се може створити тако што ћете оставити довољно простора између одломака и слика дизајнирања веб страница како би гледалац могао да дише и апсорбује више функција и понуда ваше веб локације. Када је респонзивни веб сваким даном све конкурентнији, сада се сматра мање.

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

  1. Користите боје и слике стратешки за брзи Интернет

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

Извор слике: пикабаи.цом

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

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

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

Препоручени курсеви

  • ХТМЛ и ХТМЛ5 програм
  • Тренинг за цертифицирање софтвера
  • Онлине курс о Друпалу 7
  • Друпал 7 курсеви програмирања

  1. Изаберите Веб слова са одговарајућим фонтом

Када веб делује реактивно, требало би да буде поента да одаберете фонтове који су погодни за све прегледаче, било да су то лаптоп, таблет или мобилни телефон.

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

Ако одаберете веб фонтове, немојте користити више од 2 породице фонтова да бисте осигурали брзо учитавање. За дизајн фиксне ширине користите фонт који омогућава највише 15 до 20 речи у ретку, а у флуидном дизајну користите фонт који омогућава 15 -20 речи при 1000 пиксела ширине.

  1. Свака страница треба бити дизајнирана као одредишна страница

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

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

  1. Увек стварајте модеран дизајн, прилагодљив свим уређајима

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

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

  1. Користите ХТМЛ5 уместо Фласх-а

Фласх је застарио и ближи се тренутачном спору између Аппле-а и Адобе-а. Дакле, дизајнери! Изађите из појаса и испробајте више веб и корисничких опција.

ХТМЛ5 добија све већу популарност својим текстом прилагођеним претраживачима и лаком функцијом на мобилним оперативним системима без потребе за додатком, за разлику од Фласх-а.

  1. Дугмад за слање или слање требало би да буду привлачна

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

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

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

  1. Не заборавите да тестирате свој дизајн

Дизајнерска одлука је само хипотеза. Најбоља сте особа која је одлучила шта изгледа добро на вашој веб страници. Оптимизација веб странице испробавањем различитих положаја за позивање на дугме за акцију или коришћењем различитих нијанси боје може донети велики утицај на вашу веб страницу. Корисничко тестирање. А / Б тестирање и аналитика могу вам помоћи да импровизујете своју веб страницу.

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

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

Са неколико платформи доступних данас, генерисање „ВОВ“ тренутака из УКС и УИ дизајна веб странице није велика ствар. Потребни су само мало уложени напори и много креативности да би се посетиоци изјавили ВОВ након што слете на вашу веб страницу.

Дакле, савршен начин дизајнирања веб странице је Размишљање. РеТхинк. Научите. Научите поново. Никада не користите исти концепт. Спознајте потребе својих купаца и тада … покрените свој дизајн.

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

Повезани чланци:-

Ово је водич за Изглед веб дизајна. Овде смо разговарали о првих 10 корака изгледа веб локације. Такође можете погледати следеће чланке -

  1. 10 Ефикасан начин за кориснике Адобе ИнДесигн-а
  2. 8 корисна упутства да постанете ХТМЛ5 вс Фласх
  3. 5 ефикасних начина за привлачење органског промета на вашу веб локацију
  4. Како креирати чист изглед веб локације у Пхотосхопу
  5. Листа неколико грешака на веб локацији и како их лако поправити
  6. 5 Грешке у подешавању веб локација које морате бити свесни
  7. Шта више воле Друпал или Јоомла
  8. Друпал 7 вс Друпал

Категорија:

Алати за веб развој