5 савета за поједностављивање веб дизајна
Правила једноставности! То чини да веб странице изгледају елегантно, смањују конфузију нагирања и помаже у постизању жељених циљева и резултата (тј. Више пријава, претплатника и продаје). Али пречесто се чини неухватљивим да би се поједноставио дизајн Ваше веб локације. Без обзира колико се трудили, не можете учинити да ваш посао изгледа као Аппле. Дакле, шта дизајнер сајтова заиста треба да уради? Не брините, јер постоје 5 полазних тачака за поједностављивање дизајна Ваше веб локације.
Једноставан дизајн веб сајта не би требало да буде застрашујуће све или ништа - можете поједноставити дизајн тако што ћете предузети мале кораке. Једноставни задаци попут стављања фокуса на основне елементе вашег веб сајта, ослобађање од непотребних, смањење броја страница које ваш сајт има, добијање више садржаја изнад фолда и ограничавање броја боја које користите. Увек можете фино подесити и побољшати свој једноставан дизајн, али најважније је да почнете.
Спремни за почетак поједностављивања дизајна ваше веб локације? Авесоме. Без даљег одлагања, ево 5 полазних тачака за поједностављивање дизајна Ваше веб локације.
1. Фокусирајте се само на основне елементе
Овај први корак изгледа да изгледа очигледно: оф наравноТребало би да ставим фокус на суштинске елементе на мом сајту, шта сам ја, идиот? Али изненађујући број веб сајтова не успева да то постигне и резултат је велики неред важних и неважних елемената који су избачени на страницу. Крив сам што сам то радио у прошлости као и било ко. Тешко је бити објективан и одредити приоритете онога што је важно или не, јер све чини се неопходним. Ако желите да дизајн Вашег веб сајта буде једноставнији, идентификујте шта треба да буде фокусиран, као са било којим добрим визуелним дизајном или уметничким делом. А то значи ставити фокус само на битне елементе.
Користите правило 80-20
Што 20% онога што је на страници даје 80% вриједности и садржаја за који људи иду тамо? То би могла да буде копија, неки друштвени доказ (одломци прегледа, изјаве, значке медија), као и образац за пријаву или позив на акцију, на пример. То је 20% тамо. На вашој веб страници, као и на свакој појединачној страници, фокусирати се на приказивање само 20% елемената локације који испоручују 80% те корисности.
Ово није технички корак, већ принцип који можете користити као водич да бисте константно поједноставили дизајн веб локације. Правило 80-20 помоћи ће вам да поједноставите дизајн ваше веб странице тако што ћете потакнути да смањите елементе вашег сајта на основне ствари. Оно што је заиста цоол је да правило 80-20 може помоћи да повећате жељене резултате које се надате да ћете постићи на вашем веб сајту. На пример, повећана стопа конверзије код претплатника, пријављивања или куповине. како? Стварате тако да има мање сметњи и ствари које посетиоци могу да кликну да напусте страницу.
Као што сви знамо, ми увек тражимо изговор да не купимо нешто у последњем кораку, и сваки разлог да одете је добар. Смањите те разлоге и опције за кликање са правилом 80-20.
Цхрис Пеарсон, креатор популарне теме Тхесис ВордПресс, каже да је то управо оно што је помогло да се повећа продаја на његовом сајту.
2. Ослободите се свих непотребних елемената
Овде настављамо са правилом 80-20.
Сада када сте идентификовали 20% елемената веб сајта који ће вам донети 80% жељених резултата, време је да то учините ослободите се свих непотребних елемената. Другим ријечима, 80% елемената веб странице ће вам дати само 20% резултата. То могу бити видгети за дељење друштвених медија, елементи бочне траке, мета детаљи блога (датум, време, аутор, број коментара, итд.) Или линкови у подножју (ово је посебно велики кривац за многа времена, посебно када посетилац тражи горе поменути изговор да би се удаљио од странице).
3. Смањите број страница
Велики део поједностављивања дизајна вашег веб сајта је једноставно имати мање места за истраживање и кликнути около. Можеш то урадити обрезивање броја страница. Или се ослободите непотребних страница које дубоко у себи не знате, или у најмању руку, спојите више страница у једну. Мислим, не знаш стварно треба да одвојите странице "о сајту" и "о мени".
Прво, уђите у размишљање посетиоца - ако дођете на ваш сајт, које су кључне ствари које желите да урадите? На пример сазнајте о чему се ради? Ор вас контактира? Следећи, побрините се да ваше странице олакшавају оно што је потребно и ништа више. Не задржавајте непотребне странице на својој веб-локацији јер мислите да то требате, или зато што их имају друге веб-локације. Када смањите број страница на вашој веб-локацији, не само да је лакше за посјетитеље да се фокусирају на ваш садржај јер има мање мјеста за кликање, али и ваш навигацијски изборник је једноставнији.
Сви смо били на сајтовима са превише ставки менија. Не знамо одакле да почнемо навигацију јер нас преплављују избори. А када нас преплави то што имамо превише избора, нећемо бирати ништа. Ако имате што је могуће више ставки менија, вашу веб локацију чините не само једноставнијом него и привлачнијом и пријатнијом за посјетитеље.
4. Добијте више садржаја изнад фолда
Студије су показале да већина људи већину времена проводи изнад омота на веб страницама (што се појављује на екрану без помицања према доље). Дакле, ако желите да повећате ефикасност свог веб сајта, имате главни садржај и елементе позива на акцију изнад фолдера. Можете направити нешто тако једноставно као што је скраћивање висине заглавља ако имате лого и навигацијски мени на врху ваше веб странице.
Ово укључује ништа више од промене вредности "висине" заглавља у вашој стилској табели (обично стиле.цсс
или стилесхеет.цсс
). Такође, погледајте да ли се образац за пријаву или дугме налазе испод фолда. Померите тај елемент више на страници тако да је прва ствар коју посетилац види. Уосталом, то је жељени позив посјетитеља, тако смањите рад који је потребан да бисте дошли до њега (тј. померање).
5. Ограничите вашу схему боја
Лако је превући се бојама. Зашто се смирити на 2 или 3 боје када можете имати 12 или 13? Али како бисте визуално поједноставили дизајн Ваше веб странице, морате ограничити своју схему боја. Када сумњате, користите мање боја. Наравно, то ће се разликовати у зависности од вашег дизајна, али покушајте да почнете са не више од 2 или 3 боје. Ако вам је потребно више суптилности и текстуре у вашем визуелном дизајну, користите нијансе исте боје - светло плаву за позадину и тамније плаве за заглавље и ставке менија.
Крив сам као и сви други у прошлости. Додаћу ову боју, онда другу, и другу - и пре него што то сазнам, изгледа као пролив преко дуге по целом мојем сајту. Можете да Ваш сајт буде конструктивно поједностављен, али ако боје скрећу пажњу на очи када га гледате, а не на комплименте садржаја, онда је сав тај напор био безначајан. Уместо тога користите мање боја са дизајном веб сајта.
Имате проблема са одабиром боје за почетак? Пре после магазин има корисну бесплатну е-књигу о томе како пронаћи савршену боју овде. Потребна вам је помоћ у избору шеме боја? Испробајте овај згодан генератор боја.
На крају, али не мање важно
Надамо се да сте сада наоружани и спремни да почнете да поједностављујете дизајн вашег веб сајта. Бићете поноснији што ћете показати свој сајт јер ће изгледати секси секси и на крају, ваши посетиоци ће имати много пријатније искуство прегледавања на вашем веб сајту..
Да поновимо, ево 5 полазних тачака за поједностављивање дизајна Ваше веб локације:
- Ставите фокус само на суштинске елементе
- Ослободите се свих непотребних елемената
- Смањите број страница
- Добијте више садржаја изнад прегиба
- Ограничите палету боја
повезани чланци
- 11 уобичајених грешака у веб дизајну. Ствари попут избегавања компликованих образаца, неорганизованог садржаја, лоше читљивости и не тако лако лоциране траке за претрагу - све то ће вам додатно помоћи да поједноставите дизајн веб сајта и учине га радошћу за посетиоце и вишом стопом конверзије за вас.
- Чисти, једноставни и минималистички дизајнирани сајтови. Сви ови примјери веб страница само додатно доказују да једноставан дизајн не само да изгледа слатко и импресионира чланове супротног пола, већ увелико помаже код корисничког искуства
Преко вас: који су ваши омиљени дизајн веб-локације који поједностављује савјете? Да ли сте видели повећање жељених резултата од поједностављивања дизајна?
Напомена уредника:А'А Овај пост је написао / ла Олег Мокхов форА'А Хонгкиат.цом. Олег Мокхов је највећи мобилни електронски музичар на свету, ентузијаст за веб и визуелни дизајн, и суоснивач премиум музичке продавнице Соундтрацкстер.