11 Общи грешки в уеб дизайна (грешки)

В интернет има много тонове уебсайтове, а стотици или вероятно хиляди са създадени през деня. Ето едно много интересно нещо за размишление - Какви са елементите на един добър уебсайт?

Изграждането на уебсайт може да е обезсърчително, но истинското предизвикателство е да го направите използваема. Проблемът е, че повечето уеб дизайнери забравят, че сайтът не е създаден за себе си, а за решаване на нуждите на потребителите. Те придават на творчеството предимство пред практичността и използваемостта.

В тази статия бихме искали да подчертаем 11 грешки в уеб дизайна, които правят уеб разработчиците и дизайнерите и някои предложения как тези грешки могат лесно да бъдат избегнати.

1. Къде е полето за търсене?

Мрежата е като архив от информация. Независимо дали става въпрос за корпоративен уебсайт или просто за блог, полето за търсене е от съществено значение. Посетителят може да търси нещо, което е скрито в сайта, с полето за търсене, шансовете са, че посетителите ще получат това, което искат.

предложения:Google Персонализирано търсене е чист, лесен и ефективен начин да започнете. Тя позволява на посетителите да търсят вашия сайт по ефективен начин. Просто копирайте HTML кода от контролния панел и го поставете на уебсайта си и voilà ??  ?? Ã'Â, имате функция за търсене точно на вашия сайт.

Ето един обикновен код на формуляра за показване на търсачката на Google на сайта Ви. Всичко, което трябва да направите, е да промените името на сайта на името на уебсайта си. Освен това можете да променяте стойността на подаване до всичко, което желаете.

Повече ▼: Проектиране на Свещената кутия за търсене: примери и най-добра практика- Тази статия описва насоките за проектиране на полето за търсене.

2. Лоша четливост и четливост.

Това е решаващ елемент на уеб дизайна. Разбира се, добрият дизайн на интерфейса ще привлече вниманието на потребителите, но потребителите трябва да четат текст, за да разберат желаната от тях информация. Някои сайтове използват най-странните стилове и размери на шрифтове, които правят четенето на болка.

предложения:За щастие, съществуват прости начини, които можете да направите, за да подобрите опита на потребителите да четат на уебсайта си.

1. Сравнете цветовите схеми на повечето големи сайтове и забележете как цветовете подобряват четливостта. Добро място да изпробвате различни цветови схеми Adobe Kuler.
2. Използвай Sans serif шрифт тъй като позволява лесно четене в интернет.

Повече ▼: Ето една добра статия, която ще ви даде повече съвети за подобряване на четливостта - Четливост - създаване на уеб страници за лесно четене.

3. Неорганизирано оформление на съдържанието.

Съдържанието на уебсайта е това, което кара трафика към него. Как е структурирано съдържанието е това, което ще го направи успех или провал. Потребителите не четат, освен ако не е абсолютно необходимо, но сканират чрез информация и избират интересни места на уеб страница. Някои дизайнери просто поставят блок от текст на уеб страницата и напълно пренебрегват заглавия, подзаглавия, маркери, ключови думи, параграфи и т.н..

Използвайте подходящо заглавие на страницата за всяка уеб страница, така че потребителите да знаят точно къде се намират. Някои дизайнери дори забравят да посочат уеб страницата.

Като цяло, най-лошото в тази категория ще бъде поставянето на неточно, недостъпно, незначително или остаряло съдържание на уебсайта Ви. Съдържанието трябва да съвпада с общата тема на сайта и да бъде полезно. Ако една страница е в процес на изграждане, защо да се притеснявам да я поставяме? Ако дизайнерът наистина трябва, то е само временно и 3 седмици вече няма да се счита за временно.

предложения: Организирайте съдържанието на уебсайта си с помощта на HTML и CSS трябва да се използва при създаването на дизайна на вашите страници.

1. Създайте достатъчно празно пространство между текста и изображенията с помощта на полетата.
2. Актуализирайте и бъдете последователни. Целта на актуализирането не е просто да се добави ново съдържание, а да се забележат и коригират грешките от миналото. Якоб Нилсен предлага да наемете a мрежа “градинар”.

Бюджет за наемане на уеб градинар като част от вашия екип. Имате нужда от някой, който да изкорени плевелите и да пресадите цветята, тъй като уебсайтът се променя, но повечето хора биха предпочели да харчат времето си за създаване на ново съдържание, отколкото за поддръжка. На практика, поддръжката е евтин начин за подобряване на съдържанието на уебсайта ви, тъй като много стари страници запазват значението си и трябва да бъдат свързани в новите страници. Разбира се, някои страници са по-добре да бъдат премахнати напълно от сървъра след изтичане на срока им на годност - Якоб Нилсен

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

Навигацията в уебсайт трябва да бъде безпроблемно. Потребителите трябва да могат лесно да намерят своя път. Макар да няма стандарт за навигация в даден уебсайт, особено сега, когато се появяват нови технологии за уеб програмиране, наложително е да се разбере, че навигацията трябва да бъде интуитивна и последователна..

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

предложения:

1. Направете навигацията гладка, като използвате текстови описания за всички връзки. Предоставете алтернативен текст за изображения. Използвайте алтернативни техники за текстово описание за Flash или Javascript връзки.
2. Организирайте и структурирайте навигацията си в тандем с темата на уебсайта. Личните уебсайтове могат да си позволят да бъдат по-креативни, но достъпни, но бизнес сайтът изисква по-голяма ефективност и яснота.

Не забравяйте, че ако потребителите не могат да намерят това, което искат по-малко от 3 кликвания, повечето ще напуснат незабавно.

Повече ▼: Прилагане на ефективна навигация на уебсайтове - Тази статия дава повече информация за прилагането на ефективна навигация за уебсайта Ви.

5. Несъвместим дизайн на интерфейса.

Прекомерното творчество може да бъде точно това. Прекомерното! Някои дизайнери го отвеждат на друго ниво, когато създават уебсайтове, като създават различни дизайни за всяка уеб страница в уебсайт. Това в никакъв случай не е объркващо за потребителя. И напълно досадно. Без значение колко забележителен и привлекателен е уебсайтът, ако цялостният вид и усещане не е последователен, потребителите не могат да се отнасят към него и да се чувстват по-малко контролирани. По този начин, напускане веднага след като пристигна.

предложения:

1. Използвайте стандартен последователен шаблон за всяка страница с връзки към основните раздели на сайта.
2. Ключовата дума е проста. Създавайте естетически прости дизайни и потребителите никога няма да се объркат на вашия сайт.

6. Неприятна разделителна способност на екрана.

Сигурен съм, че посетихме уебсайтове, където трябва да превъртате хоризонтално. Това е абсолютно не-не в съвременния уеб дизайн. Един добър дизайнер ще разработи уебсайтове, които отговарят на повечето размери на екрана. Понастоящем оптимизираното оформление за уебсайтовете в момента е 1024 x 768 пиксела.

предложения:Трудно е и почти невъзможно да се погрижим за дизайна, за да се побере всяка резолюция, особено когато посетителите сега сърфират от мобилни телефони и нетбуци, но можем да получим груба представа какви са обикновено използваните резолюции на екрана по следните начини:

• Проверете статистиката си - Аналитичните услуги като Google Analytics ви предоставят информация за това каква резолюция на монитора използват. Това са полезна информация, която трябва да знаете, преди да започнете следващото обновяване.
• W3 Статистика на браузъра в училищата - W3 Schools дава ясни списъци на най-популярния браузър, използван от netizens и ги сортира според популярността. Има и други интересни и важни статистики.

7. Сложни формуляри за регистрация.

Регистрационните форми са трудни. Колко информация ви е необходима от потребителя? Отминаха дните, в които потребителят е трябвало да въведе детайли от zillion, за да се регистрира в уебсайта Ви. Някои сайтове правят повечето полета за регистрация задължителни и валидират полетата до степента, в която потребителят е разочарован след няколко опита. Не забравяйте, че потребителите посещават уебсайт, за да получат информация. Не и обратното.

Лесната форма на Someecard прави регистрацията безболезнена.

предложения:Сравнете формулярите за регистрация в общностите в мрежата и разберете каква основна информация се изисква от потребителя по време на процеса на регистрация.

Повече ▼: 9 Често срещани грешки в ползваемостта в уеб дизайна - Този пост на Smashing Magazine поема задълбочен поглед върху регистрационните форми сред другите грешки в използваемостта.

8. Безскрупулно използване на изображения / анимации.

Твърде много снимки на уеб страница е огромно изключване. Изображенията могат да се използват, за да се привлече вниманието на потребителите, но може да бъде и разсейване или просто утежняващо. Изображенията трябва да се използват за илюстриране и насочване на потребителя, когато е уместно.

Анимациите са страхотни и мощна среда. Особено когато се използва по подходящ начин. Когато това е цикъл или просто прекалено много на уеб страница, то става на нервите на потребителите. Потребителите нямат търпение, време или ресурси, така че дизайнерите трябва да предлагат алтернативи или още по-добре, бутонът за прескачане, ако това е анимация на цяла страница.

Повече ▼: Flash: 99% Bad - Използвайте Flash по подходящ начин. Минаха почти 10 години, откакто Якоб Нилсен публикува тази статия, но все още е актуална по отношение на използваемостта на Flash, особено на Прекъсва уеб основите парче.

9. Препълнени страници, още празно пространство.

Твърде много дизайнери забравят за това празно и неговото значение. Те са толкова погълнати от собственото си дизайнерско творчество, че забравят, че не става въпрос за тях. По този начин, те се опитват да наблъскат колкото се може повече върху една страница. Крайният резултат? Натоварена, претрупана и нечетлива страница.

kylestanding се възползват добре от празното пространство в техния дизайн.

Ето няколко статии, които да ви дадат добра идея значението на празното пространство в уеб дизайна:

• Сравнение на четири бели пространствени оформления
• Стойността на бялото пространство
• Празно

10. Без фонова музика, моля!

Потребителите не искат хладно, те търсят ефективност. И да, 99 процента не се интересуват от музиката на вашия сайт. Някои дизайнери го правят по-лошо, като поставят различна фонова музика на всяка уеб страница.

предложения:Не използвайте фонова музика, но ако трябва, създайте рамка за кода и потребителските контроли. По този начин музиката непрекъснато се върти, вместо да се променя всеки път, когато в сайта се зарежда нова страница. Потребителят може да спре или да спре, когато.

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

Това не може да бъде надценено. Колко пъти сме посещавали уеб страници, които могат да се видят само в определен браузър? Уеб разработчиците трябва да разполагат с контролен списък, когато тестват уебсайтове.

• Може ли уебсайтът да бъде разглеждан в различни среди?
• Съвместимо ли е оформлението във всички браузъри?
• Може ли уебсайтът да бъде разглеждан в различни настройки, като изключени изображения, изключен JavaScript и др?

предложения:W3C предлага инструменти за проверка на качеството. Разгледайте W3C Toolbox за осигуряване на качеството и Проверка на уеб страница.

Заключение:

Дръжте го просто, глупаво (K.I.S.S). Ако е просто, може да се използва. Като цяло, страхотните уебсайтове го поддържат прости и използваеми. Направете си домашното и то идва лесно и естествено.

Какви са вашите преживявания в проекти за уеб дизайн? Какви други съвети и мисли бихте искали да споделите за грешки в уеб дизайна?

Бележка на редактора: Тази публикация е написана от Brujo Owoh за Hongkiat.com. Brujo Owoh е студент в мултимедийни системи, специализиран в уеб дизайна и 2D анимацията. Той обича да чете фантастика, да се мотае с приятелите си и да следи тенденциите в дизайна на Twitter. Посетете блога на Brujo.