11 уобичајених грешака у Веб дизајну (блундерс)

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

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

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

1. Где је поље за претрагу?

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

Предлози:Гоогле Цустом Сеарцх је уредан, једноставан и ефикасан начин за почетак. Омогућава посетиоцима да претражују ваш сајт на ефикасан начин. Само копирајте ХТМЛ код са контролне табле и налепите га на ваш сајт и воилА ?? А ?? А'А, имате функцију претраге на вашем веб сајту.

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

Више: Дизајнирање Светог оквира за претрагу: примери и најбоља пракса- Овај чланак описује смернице за израду оквира за претрагу.

2. Лоша читљивост и читљивост.

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

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

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

Више: Овдје је добар чланак који ће вам дати више савјета о побољшању читљивости - Читљивост - прављење веб страница једноставним за читање.

3. Неорганизовани распоред садржаја.

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

Користите одговарајући наслов странице за сваку веб страницу тако да корисници тачно знају гдје се налазе. Неки дизајнери чак заборављају да именују веб страницу.

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

Предлози: Организујте садржај на свом веб сајту користећи ХТМЛ и ЦСС треба користити приликом креирања дизајна ваших страница.

1. Направите довољно размака између текста и слика помоћу маргина.
2. Ажурирајте и будите доследни. Сврха ажурирања није само додавање нових садржаја већ и уочавање и исправљање грешака из прошлости. Јакоб Ниелсен предлаже да унајмите а веб “баштован”.

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

4. Лоша навигација.

Навигација унутар веб локације би требала бити беспријекорна. Корисници би требало да буду у могућности да се лако снађу. Иако не постоји стандард за навигацију унутар веб-локације, посебно сада када се појављују нове технологије за развој веб-а, неопходно је схватити да навигација мора бити интуитивна и досљедна.

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

Предлози:

1. Учините навигацију глатком користећи текстуалне описе за све везе. Наведите алт текст за слике. Користите алтернативне технике описа текста за Фласх или Јавасцрипт везе.
2. Организујте и структуирајте навигацију у тандему са темом веб сајта. Лични сајтови могу себи да приуште да буду креативнији, али доступнији, али пословни веб сајт захтева већу ефикасност и јасноћу.

Запамтите, ако корисници не могу пронаћи оно што желе у мање од 3 клика, већина ће одмах отићи.

Више: Имплементација ефективне навигације веб сајта - Овај чланак даје бољи увид у имплементацију ефикасне навигације за вашу веб локацију.

5. Недоследан дизајн интерфејса.

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

Предлози:

1. Користите стандардан доследан шаблон за сваку страницу са линковима на главне делове сајта.
2. Кључна реч је једноставна. Направите естетски једноставне дизајне и корисници никада неће бити збуњени на вашем веб сајту.

6. Незадовољавајућа резолуција екрана.

Сигуран сам да смо посјетили веб-локације на којима морате хоризонтално листати. Ово је апсолутно не-не у модерном веб дизајну. Добар дизајнер ће развити веб сајтове који се уклапају у већину екрана. Тренутни оптимизирани распоред за веб-локације тренутно износи 1024 к 768 пиксела.

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

• Проверите своју статистику - Аналитичке услуге као што је Гоогле Аналитицс пружају информације о томе која резолуција монитора користе. Ово су корисне информације које треба да знате пре него што започнете следећу обнову.
• В3 Сцхоолс Бровсер Статс - Школе В3 дају јасне листе најпопуларнијег претраживача који користе нетизенси и сортирају их према популарности. Постоје и друге занимљиве и важне статистике.

7. Комплицирани обрасци за регистрацију.

Формулари за регистрацију су лукави. Колико информација требате од корисника? Прошли су дани када је корисник морао да унесе зиллион податке да би се регистровао на ваш сајт. Неке веб локације чине већину поља за регистрацију обавезним и потврђују поља у мери у којој је корисник фрустриран након неколико покушаја. Запамтите, корисници посјећују веб-локацију како би добили информације. Не обрнуто.

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

Предлози:Упоредите обрасце за регистрацију у заједницама на вебу и схватите које су основне информације потребне кориснику током процеса регистрације.

Више: 9 Уобичајене грешке у употреби у Веб дизајну - Овај пост на Смасхинг Магазину узима детаљан увид у обрасце за регистрацију међу осталим грешкама у употребљивости.

8. Бескрупулозна употреба слика / анимација.

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

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

Више: Фласх: 99% Бад - Користите Фласх на одговарајући начин. Прошло је скоро 10 година откако је Јакоб Ниелсен објавио овај чланак, али је још увијек релевантан у смислу употребљивости Фласх-а, посебно Бреакс Веб Фундаменталс комад.

9. Цлуттеред Пагес, Више Вхитеспаце.

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

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

Ево неколико чланака који ће вам дати добру идеју важност празнине у веб дизајну:

• Поређење четири бела распореда простора
• Вредност белог простора
• Вхитеспаце

10. Без позадинске музике, молим!

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

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

11. Тест, тест и тест.

Ово се не може пренагласити. Колико пута смо били на веб страницама које се могу прегледати само на одређеном претраживачу? Веб програмери морају да имају својеврсну контролну листу приликом тестирања веб страница.

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

Предлози:В3Ц нуди алате за тестирање за осигурање квалитета. Проверити В3Ц Алат за осигурање квалитета и Провера веб странице.

Закључак:

Будите једноставни, глупи (К.И.С.С.). Ако је једноставно, може се користити. Све у свему, одличне веб странице одржавају га једноставним и употребљивим. Направите домаћи задатак и долази лако и природно.

Каква су ваша искуства у пројектима веб дизајна, које друге савјете и мисли бисте вољели подијелити на грешкама у веб дизајну?

Напомена уредника: Овај пост је написао / ла Брујо Овох фор Хонгкиат.цом. Брујо Овох је полазник мултимедијалних система, специјализован за Веб дизајн и 2Д анимацију. Он ужива у читању фикције, дружењу са пријатељима, и прати трендове дизајна на Твиттеру. Посетите Брујов блог.