Уеб дизайн
Красив сайт и работещ сайт не са едно и също
Има сайтове, които изглеждат чудесно на скрийншот и не носят нито едно запитване. Обикновено причината не е в липса на вкус, а в липса на задача — дизайнът е правен да впечатли собственика, а не да ориентира посетителя.
Човекът, който влиза за първи път, има три въпроса и около десет секунди търпение. Какво предлагаш. Дали е за него. Какво да направи сега. Ако дизайнът не отговаря и на трите бързо, всичко останало е без значение.
Затова тук дизайнът се мери с резултат, а не с това дали харесва на някого. Броят запитвания преди и след редизайн е по-полезен показател от всяка похвала.
Структурата идва преди визията
Първата стъпка не е избор на цветове, а подреждане на съдържанието. Кое е най-важното изречение на страницата. Какво трябва да прочете човек, преди да му предложиш да се свърже с теб. Къде стоят доказателствата, че си свършил тази работа и преди.
Когато този скелет е наред, визията е сравнително лесната част. Когато не е, красивите шрифтове само правят объркването по-изискано. Точно затова започвам от структурата дори при проекти, при които клиентът е поръчал „само нов външен вид".
Разписал съм по-подробно най-честите грешки в статията пет невидими грешки в дизайна, които гонят клиентите.
Дизайн, който се зарежда бързо
Дизайнът и скоростта често се третират като враждуващи страни — уж по-красивото задължително тежи повече. Това не е вярно. Тежат необработените снимки, петте различни шрифта и анимационните библиотеки, добавени заради един ефект.
Понеже и дизайнът, и разработката минават през един човек, визуалните решения се вземат с ясното знание какво ще струват при зареждане. Няма ефект, който изглежда добре в макета и после чупи скоростта на готовия сайт.
Какво включва
Структура на страниците
Какво вижда посетителят, в какъв ред и къде стига накрая. Това се решава преди да е нарисуван и един квадрат.
Типография
Шрифт, размери и разстояния, подбрани за четене, не за ефект. Дълъг текст в грешен размер не се чете, колкото и да е добър.
Цветова система
Основен цвят, акцент и неутрални тонове с достатъчен контраст. Акцентният цвят се пази за едно нещо — действието.
Мобилна версия
Мисли се отделно, често първа. Бутоните трябва да се улучват с палец, а не с мишка.
Достъпност
Четим контраст, видим фокус при навигация с клавиатура, смислени алтернативни текстове. Хората с лошо зрение също са клиенти.
Последователност
Един и същ бутон изглежда еднакво навсякъде. Дребно на пръв поглед, но точно това отличава професионалния сайт от сглобения.
Достъпността не е добавка
Светлосив текст върху бял фон изглежда изискано на монитора на дизайнера. На телефон, на слънце, от човек на петдесет и пет, той просто не се чете — а това е точно клиентът с пари.
Затова контрастът се проверява, а не се преценява на око. Фокусът при навигация с клавиатура се вижда. Снимките имат смислени алтернативни текстове. Анимациите спират, ако системата на човека е настроена да ги ограничава.
Това не оскъпява проекта и не го прави по-грозен. Просто означава, че сайтът работи за повече хора — включително за Google, който чете страницата приблизително по същия начин, по който я чете екранен четец.
Чести въпроси
- Каква е разликата между дизайн и разработка?
- Дизайнът решава как изглежда и как се използва сайтът — структура, визия, подредба, шрифтове, цветове. Разработката превръща това в работещ сайт. Правя и двете, така че между тях няма изгубена информация.
- Мога ли да поръчам само дизайн?
- Да, ако имаш кой да го реализира. Но в повечето случаи няма смисъл да се разделят — дизайн, направен без оглед на това как ще се построи, води до компромиси при реализацията.
- Правиш ли редизайн само на визията?
- Да, когато структурата на сайта е наред и проблемът е само във външния вид. Ако обаче съдържанието е объркано, нова визия няма да реши нищо — ще направи объркването по-красиво.
- Колко варианта на дизайна получавам?
- Работя с една посока, която обсъждаме предварително, и я доизглаждаме заедно. Три готови варианта изглеждат щедро, но обикновено означават, че никой не е разбрал задачата и се разчита на избор по вкус.
- Ще изглежда ли добре на телефон?
- Мобилната версия не е умалена — тя се мисли отделно и често първа, защото оттам идва по-голямата част от посетителите. Проверява се на реални устройства преди старта.
- Имам лого и фирмени цветове. Ще ги спазиш ли?
- Да. Ако имаш брандбук, работим в неговите рамки. Ако имаш само лого, изграждам палитра и типография около него, така че всичко да изглежда като едно цяло.
Покажи ми сегашния си сайт
Ще ти кажа какво според мен спира посетителите — конкретно, не общи приказки. Дори да не работим заедно, ще знаеш откъде да започнеш.
Безплатна консултация