Извадки за дизайн на сайта

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

Ефектът от привличането

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

Нека да разгледаме два сайта за търговия:

Несъмнено и безспорно сайтът № 1 иска бързо да бъде затворен, но на сайта № 2, напротив, искам да остана по-дълго. Защо се случва това? На първия сайт, в допълнение към хаотично разположения продукт, има и пренасищане на цветовете, което не може да се каже за втория сайт. Съществува такава красива поговорка: "Те срещат хора на дрехи, но те виждат в ума си", тя е приложима за уеб сайтове, но вместо обличане има декорация, а вместо ум, навигационна структура. Когато един посетител посети сайта, първото, което вижда, е цветният дизайн, след което обръща внимание на вътрешната навигация и структурата на сайта.

Цветно възприятие

Основното правило при избора на цветен дизайн не е да го прекалявате. Понякога дори два или три правилно избрани цветове са повече от достатъчно, ярък пример за това - сайтът muzruno.ru. Много уеб дизайнери използват таблица на "безопасни" цветове за дизайна на сайта html.

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

Цветова съвместимост

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

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

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

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

Вътрешна структура на обекта

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

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

Най-голямата грешка

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

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

Регистрационен формуляр

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

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

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

Уебсайт шаблони

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

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

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

Последната част

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