Блог

Красивият сайт, който не продава, е скъпа визитка. Разглеждаме четирите неща, които решават — йерархия, контраст, разстояния и мобилен изглед — с проверки, които можете да направите днес.

9 мин. четене
  • Уеб дизайн
  • UX
Йерархия, контраст, разстояния и мобилен изглед — четирите основи на дизайна.
Йерархия, контраст, разстояния и мобилен изглед — четирите основи на дизайна.

„Искам модерен дизайн“ е най-честото изречение в първия разговор. Проблемът е, че модерността остарява за две години, а нещата, които карат посетителя да остане и да се обади, не се променят изобщо.

1. Йерархия: къде гледа окото първо

Отворете началната си страница и се запитайте: ако имах две секунди, какво щях да прочета? Ако отговорът е „не знам“ или „логото“, страницата няма йерархия. Едно нещо трябва да е очевидно най-важното — обикновено какво предлагате и на кого.

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

2. Контраст: чете ли се навън

Светлосив текст върху бял фон изглежда изискано на вашия монитор в офиса. На телефон под слънце е невидим. Това не е въпрос на вкус — измерва се и има праг.

Проверете вашите цветове с инструмента за контраст. За основен текст минимумът е 4.5:1. Ако не покрива, потъмнете текста — това е петминутна промяна с непропорционален ефект върху четимостта.

3. Разстояния: най-подценяваният инструмент

Аматьорският дизайн се познава по разстоянията, не по цветовете. Правилото е просто и почти винаги се нарушава: свързаните неща стоят близо, несвързаните — далеч. Ако заглавието е на еднакво разстояние от текста над и под него, читателят не знае към кое се отнася.

Ако не сте сигурни дали да добавите елемент, махнете два. Празното пространство не е загубено място — то е това, което прави останалото четимо.

4. Мобилният изглед е основният

Google индексира мобилната версия на сайта ви, а по-голямата част от българския трафик идва от телефон. Ако дизайнът е правен на 27-инчов монитор и после „смален“, резултатът си личи.

  • Бутоните да са поне 44 пиксела високи — палецът не е курсор.
  • Телефонният номер да е линк, който звъни при докосване.
  • Формите с правилния тип поле, за да излиза правилната клавиатура.
  • Без хоризонтално скролване. Никога.

И едно нещо, което не е дизайн, но проваля дизайна

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

Често задавани въпроси за уеб дизайна

  • Колко струва изработката на сайт?

    От 200 € за визитен сайт до 950 € за онлайн магазин. Пресметнете вашия случай с калкулатора или вижте пакетите за уеб сайтове.

  • Колко време отнема?

    Обикновено 7 – 10 дни за визитен сайт. Онлайн магазин и по-сложни проекти — няколко седмици, според обхвата.

  • Мога ли после да редактирам сайта сам?

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

  • Трябва ли ми нов сайт, или само редизайн?

    Ако структурата и адресите работят, а само визията е остаряла — редизайн. Ако сайтът е бавен, не е мобилен и не може да се поддържа, новият излиза по-евтин от кърпенето.

  • Правите ли и логото?

    Да — вижте лого дизайна или целия дигитален брандбук.

Разкажете ни накратко какво ви трябва. Отговаряме в рамките на един работен ден — с конкретни идеи, срок и цена.