Уеб Дизайн България ® Фирмен Блог » Информация за клиентите за нашите уеб дизайн и Интернет услуги, статии и новини

Като уеб дизайнери, мислим ли за това, къде уменията ни се вписват в дизайнерския процес най-добре?

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

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

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

Неуспешен уеб дизайн

Неуспешният уеб дизайн не винаги означава лош дизайн. Което значи, че провалилият се дизайн, не винаги значи грозен уеб сайт. Всъщност неуспешен е този дизайн, който не „върши своята работа” оптимално. Един дизайн може да бъде много красив, но да не е подходящ в предназначението си.

Ако Вашата (или тази на клиента Ви) цел е да продадете нещо чрез сайта си или да вдигнете шум около дадена идея или кампания, дизайнът Ви ще е зависим от това. За подобен сайт, не трябва да използвате снимка на спокойният океан в header-a си и тъмно сини и черни цветове в уеб дизайна на сайта си. Разбира се, възможно е да създадете нещо наистина красиво, но те ще е неуспешно, защото не предава целите или посланията на сайта.

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

Дизайнерския процес

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

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

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

Уеб Дизайн:
Сега ще сътворите сайта. Това е важна стъпка, но ако сте планирали подредбата на съдържанието предварително, тази част ще е най-забавната и определено най-печелившата. Но имайте в предвид няколко ключови неща, които ще бъдат във ваша полза, за да не се разсеете прекалено много с дигиталните си палитри.

Развитие:
След като сте финализирали дизайна, ще го превърнете в XHTML/CSS/PHP/MySQL, или каквито са изискванията за уеб сайта Ви. Развитието по принцип е насочено към техническата част на уеб дизайна: програмирането и другите тънкости.

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

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

Трябва да си отговорите на това:

• Какво целите с този сайт?

Дали уеб сайта ще продава продукт, дали ще предлага услуги? Ще разпространявате и споделяте информация? Ще поддържате връзка с други Интернет потребители и т.н.

• Какви са посетителите ви?

С други думи, каква публика търсите? Може да е неопределена като „ученици” или строго специфицирана като „агенти от рекламни агенции”

• Какво искате от вашите посетители?

Обикновено, ако имате посетители, Вие очаквате от тях да правят нещо. Отговори на този въпрос могат да бъдат: „да закупят продукт”, „да се регистрират за информационен бюлетин”, или „да научат как се правят по-добри уеб сайтове”.
Това е важен въпрос, погрижете се да сте наясно с отговора му.

• Защо трябва да го направят?

Разгледайте сайта си от страната на потребителите. Защо трябва да се интересуват от сайта ви? Какво печелят те от това?

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

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

• Цвят
• Графика
• Тип шрифт
• Размер на шрифтовете

Цветове, графика, шрифтове… Да, това определено звучи като уеб дизайн. Ако сте наясно, например, че целта Ви е да доставите информация относно рекламата и дейността на рекламните агенции, ще ви трябва дизайн, който Ви позволява да представите ясен и четлив текст, както и графика, предразполагаща посетителите на сайта към сферата на рекламата, Тъй като съветите ви ще са под формата на текст и илюстрации, ще ви трябва много свободно място по тялото на сайта и шрифт, който изглежда добре на екрана и с добри интервали между буквите и думите (Можете да го направите с CSS, Arial е добър шрифт за нещо такова). Може би ще публикувате в сайта си и видео материали, за това трябва да подберете и за тях определени позиции и карета.

Но не избързвайте с отварянето на Photoshop още сега. Все още не сте съвсем готови да рисувате и оцветявате. Сега трябва да изградите съдържанието на сайта.

Втора стъпка: Изграждане на съдържанието

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

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

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

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

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

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

Тук можем да видим, че на нашата начална страница има връзки към например четири вътрешни страници.

• Дизайн
• Оптимизация
• Портфолио
• Проекти

Страниците Дизайн и Оптимизация водят до различни под страници. Например:

• Дизайн
  • Уеб дизайн
  • Графичен дизайн
  • Лого дизайн
  • Предпечатна подготовка
  • Дизайн на банери
  • Дизайн на брошури

И д-р.

• Оптимизация
  • Оптимизация на сайтове за търсачки
  • Оптимизация на динамични бизнес сайтове
  • Оптимизация на статични сайтове
  • Оптимизация на Флаш сайтове
• SEM (Search Engines Marketing)

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

Когато правите подобна карта, трябва да сте сигурни, че всяка една част (или страница) от нея съдържа част от съдържанието, което споменахме по-рано. Цялото ви съдържание трябва да си има място на сайта Ви, а Вие трябва визуално да можете да прегледате страниците, на които ще поставите всяка част от него.

И сега, след като планирахме и подготвихме съдържанието, нека започнем с уеб дизайна!

Трета Стъпка: Дизайн

Много дизайнери грешат, като пропускат първите две стъпки и се втурват директно на третата – дизайна. Но ако сте стигнали до тук, след като вече сте свършили нужната работа, то вие се движите в правилната посока.

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

Ще трябват и шаблони за преходните страници. Това са тези страници, които предвижват потребителя към по-съществените неща. В примерната карта отгоре, Дизайн и Оптимизация на сайтове за търсачки са просто преходни страници. Секцията Оптимизация би трябвало да е малка и да съдържа под разделенията (Оптимизация на сайтове за търсачки и Search Engines Marketing).
Оптимизация на сайтове за търсачки секцията също трябва да е малка и да съдържа само малки части от информацията, която да води до важните страници с неща като Оптимизация на динамични бизнес сайтове, Оптимизация на статични сайтове, Оптимизация на Флаш сайтове. Шаблоните на преходните страници трябва да се връзват на цялостната визия на сайта, но да са максимално опростени, за да може потребителите да прекарват малко време на тях.

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

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

Знаете ли, че Apple, компанията зад дизайна на успешните iPhone, iPod и iMac компютрите и Macbooks, използва дизайнерският процес версия 10-3-1?

Ето как действа той. Дизайнерите на Apple трябва да се придържат към 10-3-1 правилото, оставящо им голямо поле за изява. Те трябва да направят 10 добри дизайна за нещо. След което идва трудната част, да се откажат от 7 от тях, които им оставя още 3 добри дизайна, с които да работят.

Тогава, дизайнерите на Apple прекарват месеци в обработка на тези 3 дизайна, подобрявайки ги и представяйки ги. На края, след всичката тази работа те отново трябва да елиминират, този път 2 дизайна, докато не останат само с един, който да довършат и той да получи познатата маркировка на Apple.

В последните години, този метод се оказа много успешен за Apple и техните продукти бяха много успешни и добре дошли за хората. Ако искате и вашите дизайнерски решения да са успешни, трябва да следвате тази част;

Четвърта стъпка:

Дизайн, който трябва добре да преосмислите преди да отворите любимата си графична програма, обръщайки внимание на наученото в Първа, Втора и Трета стъпка.

Уверете се, че сте финализирали дизайна си. След като вече е готов, няма връщане назад.

Пета стъпка: Развитие и разработка на уеб сайта

Ако сте финализирали уеб дизайна си (сами или заедно с клиента си), вече можете да започнете развитието и разработката му. Според това, как искате той да функционира, това може да включва сложното програмиране с PHP и MySQL, или да бъде нещо по-просто като HTML и CSS. В крайна сметка, тази стъпка включва самото програмиране.

Някои дизайнери са наясно само с дизайна и имат познания по XHTML и CSS. Те често работят с партньор или наемат някой, който да свърши работата по програмирането на сайта. Други разработчици умеят и двете и се справят сами, но те са рядко срещани.

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

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

Лесно е да работите с нагласата, че искате да свършите страницата по-бързо, за да я добавите към портфолиото си. Да, то е важна част от това да бъдете Уеб дизайнер. Но също така е ключът към представянето на продукт, който работи успешно за клиентите Ви (и за Вас). Ако работата ви е от високо качество и е успешна, тогава можете да очаквате големи бизнес успехи.

Още статии с полезна ифнормация за Вас

• Какво може да очаквате от Вашата оптимизация на сайта за търсачките
• Създавайте удобни уеб сайтове за посетителите и търсачките
• Защо търсачките наказват уеб сайтове и как да предпазим своя уеб сайт
• Съвети за добро структуриране и оптимизация на Вашия уеб сайт
• Как професионалния уеб дизайн за бизнес сайта Ви, може да Ви донесе много посетители и клиенти

Сходни статии от блога на Уеб Дизайн България ®:

1. Корпоративният сайт - планиране, уеб дизайн и принципи Корпоративният сайт обединява предимствата на всички медии, като в същото време дава информация за продуктите и услугите и спомага за изграждането на корпоративния имидж, като организира цялата информация в Интернет...
2. 24 страници от особено значение, които да включите в бизнес уеб сайта си Чудите ли се какви страници да включите в уеб сайта си и защо? Ето списък с важна информация, която трябва да обхванете в сайта си. Преди да започнете да мислите...
3. Как професионалния уеб дизайн за бизнес сайта Ви, може да Ви донесе много посетители и клиенти Как професионалния уеб дизайн за бизнес сайта Ви, може да Ви донесе много посетители и клиенти? Повечето статии относно онлайн бизнес предложенията в Интернет, дават редица съвети за успех. Определено...
4. 5 важни неща, които е добре да знаете преди да започнете уеб дизайна на първия си сайт В днешния свят, ако сте в бизнеса и искате хората да ви приемат сериозно, то вие се нуждаете от уеб сайт, сериозен уеб сайт. Обикновено, хората още смятат, че за...
5. Уеб дизайн услугите - да дадем най-доброто от себе си. Успешен и неуспешен уеб дизайн Като уеб дизайнери, мислим ли за това, къде уменията ни се вписват в дизайнерския процес най-добре? Всички ние обичаме уеб дизайна. Виждайки празният бял екран на монитора и превръщайки го...