7 Дизайн-помилок, які зіпсують ваш контент

Дизайн-помилки

Помилки трапляються з кожним і дизайнери тут не виняток. Занадто складний проект, неуважність, невиправдана поспіх - всі ці фактори можуть вплинути на кінцевий результат. Працювати без помилок неможливо, але якщо вони трапляються, потрібно якомога швидше їх виправляти.

Деякі дизайн-помилки можуть сильно позначитися на сприйнятті контенту сайту користувачами. Вони можуть буквально «вбити» контент і користувачі або не стануть користуватися сайтом, або втратять довіру до інформації, розміщеної на його сторінках. І все закінчиться дуже плачевно, якщо вчасно не зробити необхідні коректування в подачі контенту. При цьому важливо знати, які помилки трапляються найчастіше, щоб швидко їх виправити. А краще взагалі їх не допускати.

погана типографіка

 погана типографіка


Найчастіше користувачі залишають сайт через те, що дизайнер забув про основні правила типографіки. Кернинг, міжрядковий інтервал, вільний простір, візуальна ієрархія - все це впливає на сприйняття відвідувачів сайту. І саме ці чинники є причиною більшості помилок. Веб-дизайнер працює в умовах обмеженого простору, місця то дуже мало, то занадто багато, що змушує змінювати розмір шрифту і міжрядкового інтервалу. І виходить, що текстовий контент втрачає зв`язність, рядках то тісно, то занадто вільно, але в будь-якому випадку виходить, що текст стає важко читати.

Працюючи над текстовими блоками, потрібно керуватися парою простих правил. Шрифт основного тексту не повинен бути надто дрібним, а інтервали між рядками повинні складати приблизно 130% від розміру символів. Також слід пам`ятати про довжину рядка. Однаково важко прочитуються як занадто довгі, так і занадто короткі строки. Читання тексту має бути плавним, користувач ні в якому разі не повинен замислюватися про те, чому йому незручно переглядати інформацію.

Слід пам`ятати і про мобільні пристрої. Якщо на сайті багато текстового контенту, у дизайнера може виникнути бажання його трохи «спресувати» або за рахунок кернинга, або шляхом зменшення міжрядкового інтервалу. Такий текст на екрані мобільного пристрою виглядає дуже непривабливо, так що враження у користувачів будуть не дуже хорошими. Якщо видно, що тексту не вистачає «повітря», то цю помилку потрібно виправити, трохи збільшивши інтервал між рядками або розмір шрифту.

все однакове


стандарти 

Відео: 10 ознак, що ваш інтер`єр застарів | студія LESH

Будь-який веб-дизайнер стикається з тим, що для правильної подачі матеріалу важливо дотримуватися стандартів. Щоб не допустити візуальної плутанини, бажано відразу ж встановити єдині розміри для всіх основних елементів: текстових блоків, заголовків, підзаголовків і ілюстрацій. Це правильно. Але в той же час, в своєму прагненні до однаковості дизайнер може допустити ще одну поширену помилку зробивши дизайн сайт нестерпно нудним. Однаковість це добре, а ось одноманітність погано, так як нецікаво.



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

Дуже важливо не занадто захоплюватися грою зі зміною масштабу. Наприклад, при роботі з текстом зміна розміру блоку або заголовка не завжди призводить до гарних результатів. А ось у випадку з ілюстраціями такий підхід працює чудово, роблячи веб-сторінку цікавою для перегляду. Є ще один спосіб уникнути одноманітності за допомогою масштабування. Для цього навіть не потрібно другий розмір ілюстрацій. Картинки можуть бути одного розміру, але ось їх зміст можна змінювати за допомогою кадрування. Наприклад, використовуючи наближення, можна зробити картинку візуально важкої. Крупний план завжди виглядає важче, ніж середній і дальній плани. Що зберегти природність подачі контенту, необхідно чергувати «важкі» картинки з більш легкими. Так без фактичної зміни розміру ілюстрацій можна зробити контент більш цікавим для користувачів.

візуальна ієрархія

 візуальна ієрархія


Дуже часто веб-дизайнери помиляються з розстановкою пріоритетів по відношенню до основних елементів сторінки. В результаті користувач сприймає контент зовсім не так, як було задумано. Будь-сайт створюється з певною метою, тому дизайнер розраховує, що користувач зробить потрібну дію, наприклад, прочитає статтю або клацне по кнопці. І чим легше користувачеві буде це зробити, тим краще. Домогтися правильного сприйняття контенту можна за допомогою візуальної ієрархії.

У веб-дизайні найважливіші елементи повинні бути найбільшими. Менш важливі повинні масштабироваться в сторону зменшення. Кожен інформаційний елемент повинен мати свій ранг, це полегшує користувачем сканування контенту. Насправді все дуже просто: заголовок повинен бути більшим підзаголовка, а підзаголовок крупніше основного шрифту.

Відео: ДОМ-3 -топи-7 фатальних помилок У ІНТЕР`ЄРІ

Кожен важливий елемент повинен бути добре помітний, при цьому важливо, щоб його вид був звичним для користувача. Заголовок повинен виглядати як заголовок, а кнопка як кнопка. Дотримуючись заздалегідь встановленим правилам розміщення елементів, дизайнер може без особливих зусиль зробити контент більш зручним для користувачів.

ігнорування основ

Дуже часта помилка, яку можна зробити через неуважність, це ігнорування основних правил.


Тут будь-яка дрібниця може зіпсувати враження про сайта. Будь-який користувач потрапляв на сайт з непрацюючими посиланнями або підлягає шукав контактну інформацію. Це неприємно. Таку помилку можна дуже легко зробити, захопившись більш цікавими справами.

Важливо завжди пам`ятати про зручність користувачів. Перед запуском сайту потрібно переконатися, що вся важлива інформація доступна для користувача і її легко знайти. Особливу увагу потрібно приділити навігації і функції пошуку.

Згодом інформація на сайті може змінюватися, тому важливо стежити за її актуальністю. Немає нічого гіршого, ніж розсерджений користувач, який клікнув по посиланню, а нічого не сталося. Користувач очікує конкретного результату - цей результат йому повинен бути наданий. Про що завжди слід пам`ятати, так що про те, що непрацюючі посилання і невірна контактна інформація знижують легітимність сайту і породжують недовіру користувачів.

Занадто багато слів


 текстовий контет


Працюючи над дизайном сайту, потрібно думати не тільки про візуальної ієрархії і колірній гамі, але і над текстовим контентом. Дизайнер не зобов`язаний створювати якісні тексти, але він може вчасно помітити, що з контентом щось не так. Проблема багатьох сайтів полягає в тому, що на них розміщено занадто багато тексту в яких багатослівно роз`яснюються прості речі. І користувачі відчувають «воду».

Зміст сайту повинен бути ясним і по можливості коротким, щоб суть тексту зчитувалася з перших секунд. Всі текстові елементи, які пояснюють користувачеві, що йому потрібно зробити, також повинні бути простими і зрозумілими. Користувачам подобаються чіткі інструкції, так як вони роблять взаємодію сайтом більш легким. Якщо відвідувач сайту не плутається, він з великим інтересом переміщається між сторінками, переглядаючи більше інформації за одну сесію.

Ілюстрації в низькій роздільній здатності

Поганих картинок в дизайні сайту завжди слід уникати. Сьогодні багато користувачів переглядають сайти на пристроях з дисплеями з високою роздільною здатністю і неякісна картинка може зіпсувати враження від проглядається контенту. Низький дозвіл гарантовано «вбиває» будь-який, навіть самий цікавий контент.

Дизайнер, щоб уникнути цієї помилки, повинен мати поняття про вагу файлів і параметрах стиснення зображень. Раніше дизайнери прагнули максимально знизити вагу зображень, так як інтернет-з`єднання було повільним і сторінка з картинками відкривалася дуже довго. Сьогодні все змінилося. Використання ілюстрацій у високій роздільній здатності сьогодні є стандартною практикою, так як швидкість з`єднання сильно зросла за останні роки.

Якщо дизайнер не може використовувати якісну ілюстрацію у високій роздільній здатності, то йому краще обійтися зовсім без неї. Користувачі зчитують візуальний контент набагато швидше, ніж текстовий і якщо їх перше враження про сайт буде негативним, виправити це буде дуже важко.

Відео: 7 критичних помилок, які призводять до відсутності задоволення життям

Занадто багато хитрощів

 


Дизайнери дуже люблять використовувати всякі трюки або фішки. Це робить дизайн сайту більш цікавим для користувачів. Але все добре в міру. Якщо на сайті використовується занадто багато ефектів, він може стати незручним для користувачів. Звичайно, анімація, тіні, незвичайні колірні поєднання можуть підтримувати інтерес, але можуть і вбити його, якщо сайт виглядає як різдвяна ялинка.

Дизайнеру дуже важливо тримати себе в руках. Завжди хочеться застосувати всі навички зі свого арсеналу, але краще обмежитися лише декількома добре зарекомендували себе прийомами. Завжди потрібно пам`ятати про правило: один великий трюк працює краще, ніж 10 маленьких фішок.

висновок

Не варто засмучуватися через зроблених помилок. Від них не застрахований жоден дизайнер. Помилки з подачею контенту трапляються з усіма. Важливо вчасно їх помітити і відразу ж виправити. Іноді досить трохи змінити зовнішній вигляд основних елементів дизайну, щоб зробити контент зручним і цікавим для користувача.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 152