Често срещани грешки в дизайна на уебсайтове; Типът WP
О да. Всички ги познаваме: мини-снимки, които не могат да бъдат увеличени, снимки, които все още не се зареждат след 3 минути и елементи от менюто, които са неразбираеми. С две думи: много грешки често се повтарят. Ето как да ги изкорените:
Не се безпокой. Не е нужно да преглеждате дъската! Нищо не ти се случва! Пиратска честна дума!
Плавам за вас из безкрайните морета на новините на WordPress и го подготвям веднъж месечно Безплатно в имейл.
Не се безпокой. Не е нужно да летите до WP-Topia, за да получавате последните новини за разработката на WordPres.
Летя за вас през безкрайните галактики на новините на WordPress и го приготвям веднъж месечно Безплатно в имейл.
Изображенията не могат да се мащабират
Били ли сте някога в уебсайт и сте искали да щракнете върху малко изображение, за да можете да го видите по-добре, по-отчетливо и преди всичко по-голямо? Просто е глупаво, ако изобщо не работи. Много изображения в мрежата просто изобщо не могат да се кликват и обикновено не се предлагат с по-висока разделителна способност.
Ако - както се препоръчва - използвате WordPress като вашата система за управление на съдържанието, за да управлявате уебсайта си, можете уверено да качите всички изображения с високо качество. Той автоматично намалява размера на изображенията в зависимост от начина, по който се използват. Това отнема малко повече време при качване (в зависимост от скоростта на вашата собствена интернет връзка), но трябва да приемете това време на изчакване, за да съберете плюс точка от посетителите на вашия уебсайт. Когато вмъквате съответната снимка, просто направете желаната селекция под "Размер" (вижте следната снимка - забележка: в по-новите версии това изглежда малко по-различно, но подобно).
Компресиране на JPEG и GIF изображения
JPEG изображенията могат да бъдат компресирани предварително с качество от 60 до 80 с помощта на софтуер за обработка на изображения по ваш избор. Често е достатъчно ниво на качество от 40 до 60. По-малко обаче не трябва да се избира, тъй като компресията в противен случай би се откроила твърде много и снимката или графиката след това биха се "размазали".
На уебсайтовете на фотографите снимките трябва да се показват с висока разделителна способност. Ако имате нужда от снимка на торта напр. за страница на тема „отслабване“ графиката със сигурност може да бъде компресирана по-добре. (В крайна сметка тортата не трябва да изглежда прекалено вкусна за вероятно леко закръглените посетители 😉).
Използвайте GIF вместо JPEG формат, ако показвате графика, а не снимки. По подразбиране GIF форматът съдържа само 256 цвята и не е подходящ за показване на снимки с висока дълбочина на цветовете. Съществуват и формати с по-висока дълбочина на цветовете, в които, по-просто казано, няколко отделни изображения със собствена цветова палитра се записват в един файл. Независимо от това, добрата степен на компресия не може да бъде постигната с голяма дълбочина на цветовете.
Грешни имена в менюто
Част от самия дизайн е, че потребителят може да се ориентира по отношение на навигационната технология. Знаете ли какво означава „портфолио“? Не всеки подозира, че става дума „За нашата компания“ или нещо подобно. Портфолио означава, че към връзката има нещо повече от една страница. Така че колекция от справки или оферти, например.
Не бива да усложнявате нищо. Можете уверено да изтриете или преименувате следните връзки от менюто си:
Меню за навигация
Вместо „Портфолио“ просто използвайте „За мен“, в случай на фирма „Нашата оферта“ или бъдете малко по-конкретни. Примери: „Нашите снимки“ или „превозни средства“.
Всички знаят, че терминът „отпечатък“ съдържа цялата необходима правна информация, като данъчния номер на продажбите (за повече информация вижте Закона за телеуслуги (TDG) §6). Отпечатъкът няма място в главното меню. В мрежата има по-вълнуващи неща, отколкото да се налага да четете данъчните номера на продажбите в елемент от менюто като „Контакт“. Плъзнете го докрай отстрани. Там го подозират и откриват онези, които го търсят.
След „Контакт“ трябва да предложите само формуляр и да посочите фирмения адрес и телефонен номер. Трябва да бъде възможно най-лесно за клиента или посетителя да се свържат с вас. Но не генерирайте чудовищна форма. Всичко, което трябва да направите, е да предоставите вашето име, телефонен номер или имейл адрес и поле за свободен текст. Никой не иска да даде пълния си адрес или дори датата си на раждане, когато му бъде зададен малък въпрос. Или вие сами пишете такава информация доброволно във всяка интернет форма, която намерите? Вероятно не.
Направете началната страница начална страница, а не "Начало". Както вече споменахме, много хора все още не говорят перфектен английски. Дори и сега да се е превърнал в стандарт.
На някои уебсайтове можете дори да се справите изцяло без термина в менюто. Вместо това винаги връзвате логото обратно към началната страница.
Твърде много връзки в менюто
Не са редки случаите, когато сте направо „поразени“ от меню. Често е толкова дълго, че вече не знаем къде да търсим първо. Или е толкова объркващо, че не можем да намерим търсената информация.
Графиката по-горе показва пример за навигация на общината. Помислете сами и се запитайте каква информация може да има под „Общността“ и „Кметството“. Какво е под „Култура“, различно от „Туризъм“?
Трябва да се запитате какво иска посетителят на вашия уебсайт. Коя аудитория се натъква на уебсайта на общността? Как тези групи потребители могат да се ориентират най-добре?
На графиката можете да видите и подобрена структура на менюто. Това се основава на следните потребителски групи:
- Хора, които живеят в общностната среда
- Хора, които искат да прекарат почивка в общността (туризъм)
- Хора, които искат да изградят компанията си там (икономика)
И трите групи хора могат и може да искат да се обадят на някого бързо. Ето защо бутонът за контакт също е в главното меню.
Главното меню гарантира, че водиш правилната група посетители там, където трябва да отидат. За човек, който иска да отиде на почивка на местно ниво, другите точки (икономика, информация за гражданите) преди всичко не представляват интерес.
Защо малко меню и максимум 7 елемента от менюто?
Установено е, че всеки човек може бързо да запомни средно 7 неща. Изследователят Джон Лок откри този така наречен седем феномен преди 300 години. Човек знае,
- че трябва да спите средно 7 часа;
- че 7 е най-често срещаното щастливо число;
- и че седмицата има 7 дни.
Опитайте се да запомните всички неща на бюрото си. След това затворете очи и се опитайте да си спомните какво имаше там. Докъде стигаш До седмата „част“ нещата са добри, че сте написали всичко на 100% правилно. В допълнение, вероятността от приземяване на удар бързо намалява.
Дълги менюта
Не всички менюта могат да останат малки. Помислете например за онлайн магазини, които имат много подстраници. Лош пример би бил този:
Пример за лоша навигация
Такива менюта често се генерират автоматично от уебсайтове на онлайн магазини въз основа на продуктите, които в момента са на склад.
Не винаги сте перфектни. Твърде много числа и твърде малко диференциация. Каква е разликата между преносимия компютър 5760 и 6595? Като лаик е много трудно. Тогава трябва да работите с трикове най-късно. Например с меню за излитане, което създава допълнителни менюта само с още три подменюта.
Дизайн на подменюто
Трябва да тествате коя диференциация (тук въз основа на размера на бележника) е най-подходяща за вашите посетители.
Навигация на грешното място
Не само дължината на менюто играе важна роля за контролиране на вашите посетители на уебсайта. Възможно е също така да позиционирате навигацията неправилно. Благодарение на системите за управление на съдържанието, така или иначе вече могат да се намерят менюта, където им е мястото. А именно или само в лявата колона, само в областта на заглавката или на двете места в уебсайта.
Оправяне на менюто
Потребителите не могат да се ориентират във вашия уебсайт
Полезни инструменти като Google Analytics могат да ви покажат как посетителите се движат из вашия уебсайт. С такива мощни инструменти ще разберете също, че много посетители не се задържат дълго на уебсайта. Това може да е така, защото те просто не могат да се ориентират.
Всички сме различни и затова никога не можеш да угодиш на всички. Трябва обаче да се положат най-добрите възможни усилия за прилагане на това, което потребителите ви казват.
Смеем да твърдим, че 90% от посетителите на уебсайта Ви никога няма да се свържат с Вас. Дори ако напр. трябва да има голям проблем с уебсайта. Рядко някой ви уведомява.
Има много причини, поради които потребителят не може да се ориентира във вашия уебсайт:
- Например потребителят има проблеми с представянето на уебсайта и пропуска важни моменти поради технически проблеми (той използва остарял браузър).
- Потребителят не знае къде може да намери допълнителна информация, тъй като съдържанието е а) скрито или б) е в неблагоприятно описано меню.
- Потребителят смята, че уебсайтът "не е красив" (напр. Недостатъчно естетичен). Например, ако „видът и усещането“ не съответства на типа бизнес.
Следователно трябва да разглеждате критично уебсайта си всеки ден. Тествайте уебсайта си с различни браузъри на различни платформи (ако е възможно на Windows, Mac OS и дори Linux, ако читателите ви са запалени потребители на Linux).
Свързвайте техническите термини в статиите възможно най-често, или до определено място на вашия собствен уебсайт, или към алтернативни източници (като Wikipedia). Крайната цел е да научи и информира посетителя колкото е възможно повече. Ето защо е на вашия уебсайт!
Освен това можете анонимно да попитате всеки отделен посетител с проста форма за контакт: „Какво бихте променили?“ Бързо е и често може да направи чудеса. За система от блогове можете да се обърнете към раздела за коментари.
Друга алтернатива: Попитайте приятелите и познатите си как намират вашия уебсайт. Седнете на компютъра си с вас, посетете уебсайта си и задавайте въпроси като:
- „Моля, търсете, това и онова„ “или
- „Разбирате ли тема xy?“
- „Къде щяхте да щракнете, за да намерите ABC?“
Маловажното е във важен момент
Едно проучване установи, че човешкото око (или поне европейското око) започва да чете и гледа от горе вляво. Колкото по-надолу се спускате надясно, толкова по-малко важно е съдържанието, което намирате там.
(вж. Гутхайм, Филип (2008): Der Webdesign-Praxisguide. Професионална концепция от планиране до докторска степен. Мюнхен: Springer Verlag. стр. 42)
Пример за проследяване на очите
Ето защо обикновено можете да намерите менюта отляво или отгоре. Страничните ленти обикновено са вдясно. Дори в така нареченото меню за долен колонтитул (долния колонтитул на уебсайта) ще намерите по-малко важни неща.
Тук обаче важи същото: не всички са еднакви. Често окото първо „плъзга“ до поразителни точки, които могат да бъдат по-надолу вдясно на изображението, преди да започне да анализира страницата отляво.
Трябва да се придържате към тези неписани правила и да улесните навигацията на посетителите, като поставите нещата там, където се очакват. Така че менюто отляво или по-горе.
Кръстосаният тест на браузъра не е успешен
„Тестване на различни браузъри“ не означава нищо друго на немски, освен че трябва да тествате уебсайта си с няколко интернет браузъра. Това гарантира, че всеки потребител на интернет вижда вашия уебсайт, както и вие. Всеки браузър има различна структура и може да интерпретира командите HTML и Javascript по различен начин. Това може да доведе до изкривявания и недоразумения.
През март 2017 г. отделните интернет браузъри имаха пазарен дял от (виж таблицата по-долу; селекция).
| Internet Explorer | 5% |
| Firefox | 14% |
| Chrome | 75% |
| сафари | 4% |
| Опера | 1% |
Пълен и винаги актуален списък можете да намерите на w3schools.com: http://www.w3schools.com/browsers/browsers_stats.asp
Тук можете да намерите източниците за изтегляне за съответните браузъри:
Като алтернатива можете да използвате безплатни или платени уеб услуги за такива тестове. Например:
По-специално Internet Explorer е много вероятно да покаже уебсайта ви малко по-различно във всяка версия.Това се дължи на факта, че Microsoft наистина не успя да структурира програмата до версия 9 по такъв начин, че да прилага правилно валидните уеб стандарти. Най-малко 95 от 100 точки в теста ACID3 (тест за проверка на правилно интерпретирани уеб стандарти) са постигнати от IE9 последно.
Можете да тествате вашия собствен браузър например на http://acid3.acidtests.org. В най-добрия случай тестът показва 100 от 100 точки. Така че всичко е наред.
[...] Доказано е, че менюто никога не трябва да има повече от 7 елемента в менюто. [...]
[…] И които са маловажни. Моят съвет на следната страница също може да бъде полезен тук: Твърде много връзки в менюто (в статията в блога за най-често срещаните грешки в [...]