10 грешки на младите уебдизайнери

Всеки път, когато погледна layout-а (предварителния изглед на един сайт под формата на картинка) на някой зелен уебдизайнер, откривам едни и същи грешки. Те толкова често се повтарят, че реших да седна и да напиша една статия по тази тема в помощ на всички начинаещи.

1. Не правят разлика между дизайн и уеб дизайн

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

Header – това обикновено е най-горната част на сайта, в него могат да бъдат поместени логото и мотото на компанията, бутони за регистрация и вход (login), поле за търсене, хоризонтално или вертикално меню (познато още като навигация) или така наречените breadcrumbs (”трохички”, които показват местоположението на потребителя в някой сайт).

Menu или Navigation – може да бъде включено в хедъра, а също и на други места в уеб страницата. Бива хоризонтално и вертикално.

Content box – това е частта с основното съдържание на една уеб страница.

Footer – обикновено най-долната част. В нея биха могли да се включат препратки към други сайтове, да бъдат уточнени авторските права, да се вместят services (услуги), policy (политиката на даден сайт) и т.н.

Разбира се, тези компоненти варират, но в най-общи линии следват именно тази последователност.

2. Прекаляват с шрифтовете

Доста често слагат прекалено много и различни шрифтове, а това не е хубаво. Концентрирайте се върху максимум три шрифта и винаги спазвайте някакъв ред при употребата им – например Arial за заглавията, Georgia за менюто и Verdana за основния текст. Ако все пак сте решили да използвате някой нов, модерен, готин и нестандартен шрифт във вашия сайт, то пред вас има три варианта:

а) Слагате този шрифт във вашия сайт. Тогава може би нито един от потребителите, които разглеждат вашата страница, няма да я види по начина, по който вие я виждате поради простата причина, че те навярно нямат инсталиран такъв шрифт на техния компютър.

b) Правите картинки всички места от вашия сайт, където се появява този шрифт. В този случай потребителят ще види шрифта, но коло ли време ще му отнеме да се свали вашия сайт?

c) Слагате някой от стандартните шрифтове, които всички компютри имат. Такива са напрамир Arial, Verdana, Times, Times New Roman, Tahoma, Georgia и т.н. Най-добре ще бъде да изброите няколко шрифта, за да се застраховате: font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

3. .swf вместо чист текст

Нямам нищо против продукта на Adobe – Flash, но все пак не мисля, че трябва да се използва за цялостното създаване на един сайт – достатъчно е само менюто и хедъра да са направени чрез Flash. Нека всичко друго да си е чист текст, за да може да се претърсва и индексира от търсачките, а по този начин да получите и шанс да се наредите по-високо.

4. Използват таблици

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

5. Не използват repeat-x

Лично за мен това е много мощно средство да се пести място. Накратко: вместо да се използва цяла картинка за хедър с размер 750х150 px, чрез photoshop или друга подобна програма изрязваме само един пиксел ширина и 150 пиксела дължина от картинката и я запазваме. След това използваме repeat-x за да я разтеглим по хоризонтала и получаваме същия ефект, но силно сме спестили място и нашите сайтове стават значително “по-леки”. Такива картинки са големи няколко байта. background:url(yourimage.jpg) repeat-x;

6. Изскачащи прозорци и шарании

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

7. Забравят за използваемостта

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

8. Пренебрегват тестването

Няма перфектни хора и затова е малък шансът да направите идеалния уеб сайт от раз. Затова е изключително важно да тествате по време на изработването на сайта, както и след завършването. За тази цел може да използвате някой близък или познат, в най-добрия случай ще успеете да навиете майка си да ви помогне (аз така правя). Дайте на вашия тестер различни задачи и си водете записки по това как се справя и кое го обърква, забавя, разсейва или смущава. Следете именно за това, тъй като това са вероятните места, където сте допуснали грешка и нещо трябва да се промени. За повече подробности препоръчвам да прочетете глава 9 от книгата “Не ме карай да мисля” на Стийв Круг.

9. Не следват тенденциите

Винаги е хубаво да си оригинален, но не и в уеб дизайна. Моят съвет е да ходите по утъпканите пътеки и в много редки случаи да криволичите от тях. Например недейте да измисляте хитроумни и забавни имена за менюто, по-добре бъдете ясни, точни и кратки и не губете времето на вашите потребители с неразбираеми имена и менюта. От друга страна, в момента са много модерни големите фуутъри, заоблените форми, големите шрифтове и т.н., но това НЕ означава, че е абсолютно задължително да изграждате вашите сайтове по този начин.

10. Уеб стандарти!?

Тук може много неща да се изредят в полза на уеб стандартите, но мисля че Джефри Зелдман го е казал по-добре в “Проектиране с уеб стандарти”.