Нека не навлизаме в числа и изчисления, тъй като е невъзможно да се определи колко сайта вече съществуват в Интернет. Всеки ден хиляди, ако не и стотици хиляди сайтове се провалят и на тяхно място се появяват нови. Каква е причината за неуспехите? Защо хората отиват на сайта и веднага го напускат? Отговорът е прост и точно пред очите ви - това е дизайнът на сайта.
Ефект на привличане
Съгласен, всеки има набор от определени сайтове, които се посещават ден след ден. Сигурен съм, че повечето от отбелязаните са любими сайтове с филми, книги, новини, игри и т.н. Защо след като намерим един сайт, не се опитваме да намерим друг подобен, който може да е дори по-добър? Отговорът е прост! Сайтовете, които маркираме, са удобни за използване – такива сайтове обикновено имат удобно подреждане на елементи, категории и приятен дизайн, който не дразни окото. Това е "ефектът на привличане", посещение на правилно проектиран сайт веднъж - напусканевече не искам.
Нека да разгледаме примера на два сайта на платформата за търговия:
Несъмнено и безспорно обект номер 1 иска да бъде затворен възможно най-скоро, а обект номер 2, напротив, иска да се забави. Защо се случва това? На първия сайт освен произволно разположен продукт има и пренасищане на цветовете, което не може да се каже за втория сайт. Има такава прекрасна поговорка: „Срещат се по дрехите си, но ги изпращат с ума си“, тя е приложима и за сайтове, само че вместо дрехи има дизайн, а вместо ум има навигационна структура. Посетителят, след като влезе в сайта, първото нещо, което вижда е цветовата схема и едва след това обръща внимание на вътрешната навигация и структурата на сайта.
Цветово възприемане
Основното правило при избора на цветове е да не се прекалява. Понякога дори два или три правилно избрани цвята са повече от достатъчни, ярък пример за това е сайтът fb.ru. Много уеб дизайнери използват таблица от „безопасни“цветове, за да проектират своя html сайт.
Safe се нарича поради причината, че всички цветове, показани тук, ще се предават от абсолютно всички потребители по същия начин. За тези цветове може да се каже, че са стандартни при създаването на дизайна на сайта.
Съвместимост на цветовете
Всеки цвят има свой собствен "приятелски" цвят - това е цветът, с който върви най-добре. Няма нужда да се преоткрива колелото и да се експериментира с подбора, всичко отдавна е измислено и е публично достояние. Цветните колела се използват за избор на цветове. Итен. Изображението по-долу показва цветово колело за съвпадение на 2 съвпадащи цвята.
T. т.е. противоположният цвят вътре в кръга се счита за най-съвместим. Ако трябва да изберете 3 съвпадащи цвята, цветното колело също се използва, само линията за подреждане на цветовете вече ще бъде променена.
И има много такива кръгове, можете да изберете повече съвпадащи цветове. Например четири.
Избирайки цветове по този начин през кръговете на Itten, ще се постигне максимална комбинация от цветове и ще се получи визуално приятен дизайн на сайта. Още цветни кръгове можете да намерите онлайн. Нека се отклоним малко от основната тема, защото искам да ви информирам, че тези цветни колела Itten се използват дори от професионални дизайнери от света на модата, тоест при създаване на дизайнерски дрехи се използва този метод за съвпадение на цветовете.
Вътрешна структура на сайта
Ако горе-долу всичко стана ясно с възприемането на цветовете, то остава още един важен показател като вътрешната структура на сайта или с други думи - "използваемост". Не е достатъчно само да изберете правилните цветове на сайта, както показва практиката - с красивия дизайн на сайта няма да стигнете далеч. Правилната структура на сайта е като рамката на къща, ако не е планирана правилно, тогава ще бъде неудобно да се движите около нея.
Всички елементи за навигация трябва да бъдат обмислени предварително и още по-добре - записани. структураСайтът трябва да бъде на първо място разбираем и удобен за посетителите. Много сайтове губят посетителите си само защото последните, влизайки в сайта, не разбират къде и какво се намира. Няма нужда да се претрупвате с множество бутони и да окачвате куп функционалности. Винаги трябва да гледате през очите на посетителя, ако потребителят не се нуждае от някаква функция, тогава е по-добре да я премахнете. Отново ярък и правилен пример за дизайн на уебсайтове е уебсайтът Fb.ru, на който всички секции са разположени по разбираем и удобен за посетителя начин.
Най-голямата грешка
Според средния анализ, потребител, който не може да намери необходимия раздел или информация в сайта в рамките на 15-30 секунди, смята, че този раздел или информация не е в сайта и напуска ресурса. В повечето случаи завинаги. Отличен пример за сайт с ужасна навигация:
Мислите ли, че е възможно да намерите необходимата информация за такъв ресурс, като отидете не от търсенето, а просто до главната страница? Мисля че не. Отново наситеността на цветовете и изобилието от неразбираема навигация, която ще постави всеки посетител в ступор и недоумение. За да избегнете подобни грешки, е необходимо да групирате всички раздели и да ги поставите в отделно меню за навигация, което ще бъде разбираемо за всеки посетител.
Регистрационна форма
Друг важен и плашещ фактор в сайта е регистрационната форма. Някои се опитват да съберат почти данните на пра-пра-баба в прозореца за регистрация.
Такива регистрационни формулярибяха модерни преди, когато интернет започна да се появява само в домовете. Днес интернет потребителят иска да намери необходимата му информация възможно най-скоро и дългите регистрационни формуляри, въпреки отличния дизайн на сайта, 99% ще отблъснат. Идеалната регистрационна форма по днешните стандарти е показана по-долу.
Дори ако тази информация не е достатъчна, тогава никой не си прави труда да я поиска по-късно от посетителя, след процеса на регистрация. Този подход се счита за по-лоялен и приятелски настроен от формуляра за регистрация, който прилича повече на формуляр за кандидатстване за работа.
Шаблони за уебсайтове
Много сайтове сега се създават на модерни CMS системи, които предоставят безплатен дизайн на сайтове. Но безплатният дизайн (шаблони) не носи никакъв визуален дизайн, така че ако собственикът на сайта не се опита да го промени по никакъв начин, тогава такъв сайт изчезва в търсенето.
Заслужава си да споменем и целите интернет портали, които предлагат да разгърнете собствен уебсайт на базата на тях. В този случай има както плюсове, така и минуси:
- Първият и може би единствен плюс е простотата. Рамката на сайта по правило вече е моделирана по такива ресурси от опитни дизайнери, дизайнът на сайта е подчинен на определени изисквания и правила. Остава само да го напълните с тематичен материал и да изчакате първите посетители. Следователно простотата и удобството на такива услуги привличат начинаещи. Но ако сайтът е настроен за сериозно развитие и конкуренция затоп 1 в търсачките, тогава е по-добре да откажете такава услуга.
- От минусите - предоставените шаблони в повечето случаи не могат да се редактират или променят, ще трябва да използвате предоставения през цялото време. Монотонността е основният недостатък, за който говорихме в самото начало, защото всеки сайт трябва да е индивидуален и да се различава на външен вид от останалите. Много ограничения, които ще бъде невъзможно да се опишат, тъй като всяка такава услуга има своя собствена.
Заключителна част
Всичко описано в този материал не претендира за "основна инструкция", винаги можете и дори трябва да правите всичко по свой собствен начин - това е само набор от най-често срещаните правила и грешки. Но най-важните точки, описани тук под формата на цветово възприемане и вътрешната структура на сайта, са стандартът за проектиране на сайта. Неправилно избраните цветове ще изплашат всеки посетител, който току-що е влязъл в сайта, а неграмотният дизайн на категории и елементи на сайта няма да му позволи да се ориентира и да намери необходимата информация. На тези точки трябва да се обърне максимално внимание и, както бе споменато по-горе, винаги трябва да гледате на всеки сайт през очите на посетител, а не през очите на разработчик.
