Најгоре грешке у веб дизајну: 10 примера лоших веб локација

Чланак написао:
  • Сајт Дизајн
  • Ажурирано: Апр КСНУМКС, КСНУМКС

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

Вероватно сте чули појам „лепљив“У вези са веб страницом.

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

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

Грешка #КСНУМКС: Јарринг Цолорс

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

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

Пример лоших вебоваите: Морадито

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

Грешка #КСНУМКС: Превише графике

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

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

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

Пример лоших вебоваите: Пине-Сол

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

Грешка #КСНУМКС: Споро време учитавања

Да ли се ваше веб странице пуштају тако споро да посетиоци имају времена да зграде кафу и крофну пре него што се врате?

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

Савет: Проверите брзину сајта и саветујте путем побољшања Увид у брзину странице.

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

- Извор: Повећајте свој СЕО са бољом брзином сајта

Пример лоших вебоваите: Музеј мене

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

Грешка #КСНУМКС: Превише рекламе

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

Заправо, у а извештај о дигиталном оглашавању који су извршили Упстреам и ИоуГов у КСНУМКС-у, открили су да је око КСНУМКС% потрошача рекло да ако компанија рекламира превише, они више никада неће користити ту компанију.

Пример лоших вебоваите: Хемми.нет

Лоши примјери дизајна
На неколико страница ове странице, целокупна област гледања на врху странице је о КСНУМКС% огласима различитих врста. Да бисте дошли до садржаја странице, мора се померати доле. Чак и тамо, постоји додатна реклама која се разбацује. То је одвратно што се тешко фокусира на сајт.

Грешка #КСНУМКС: Аматер Пхото Едитинг

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

Савет: Користите бесплатне алатке за уређивање слика на мрежи: Цанва, Пиц Монкеи

Пример лоших вебоваите: Петрови аутобуси

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

Грешка #КСНУМКС: Може се креирати три године старог

Ако ваш сајт изгледа као да сте отворили Мицрософт Ворд, створили сте део Ворд Арт-а и бацили сајт на Интернет, онда бисте могли поново размислити о својим дизајнерским елементима. Иако је једноставност добродосло олакшање од неких од најуспешнијих сајтова, ако ишете превише једноставне, ризикујете да ваш сајт изгледа малолетно и јефтин.

Пример лоших вебоваите: Цибер Д-Сигн Цлан

Лоши примјери дизајна
Дизајнер није променио ни боје речи из стандардног дизајна са којим МС почиње. Овај дизајн је толико једноставан да ће бити одмах препознатљив као основна Мицрософт позадина узорка и Ворд Арт.
Лоши примјери дизајна
Поврх тога, скочна страница покушава да се учита. Ово би могло бити занемарено ако би дизајн био бољи када прескочите увод и кликнете на главну страницу. Међутим, дизајн повезане странице (испод) је једнако разочаравајући.

Грешка #КСНУМКС: Слаба навигација

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

На пример, веб локације без јасне везе или са толико ставки да је тешко одлучити где даље. Један од проблема са којим се суочавају многи власници веб страница је мали сајт који се одједном повећава. Навигација која је радила када је страница имала пет страница једноставно неће радити ако страница има 500 страница. Погледајте како се веб локација може прерадити и реструктуирати у категорије и подкатегорије тако да ће посетиоци тачно схватити где желе шта желе. Такође је паметно додати поље за претрагу.

Пример лоших вебоваите: ЛавнСигнДирецтори.цом

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

Грешка #КСНУМКС: Текстуални проблеми

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

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

Пример лоших вебоваите: Бермудски троугао

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

Грешка #КСНУМКС: Типос

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

Савет: Научите како да ухватите грешку и грешке у свом писању.

Пример лоших вебоваите: Веб Тек Роцкс

Лоши примјери дизајна
Једна грешка се може занемарити, али ова страница показује како су неке сјенчане локације пуне грешака. За компанију која жели да вам помогне да ставите своју веб локацију на вебу, вероватно ће бити боље сервирати трошити време исправљања проблема на сопственом сајту пре него што сте изградили своје. "Специјални" је спеллед СПЕЦАИЛ; "Стручност" је написана "експертизом"; Они нуде да се "помогну у себе" на мрежи; "Ми Можемо изграђена ваш сајт брже од било ког другог! "

Грешка бр. 10: Најгори дизајн веб локације икада - толико лош да то не можете објаснити

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

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

Пример лоших вебоваите: Загробни живот

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

О Лори Соард

Лори Соард ради као слободни писац и уредник од КСНУМКС-а. Има диплому на енглеском образовању и докторирао у новинарству. Њени чланци су се појављивали у новинама, часописима, на интернету и објавила је неколико књига. Од КСНУМКС-а, радила је као веб дизајнер и промотер за ауторе и мала предузећа. Чак је радила и за кратко рангирање веб страница за популарни претраживач и проучавање дубинске СЕО тактике за више клијената. Она ужива у слушању од својих читалаца.