6 главных ошибок в UI-дизайне
Содержание
Хороший UI дизайн — залог успеха любого онлайн-бизнеса. Он может сыграть решающую роль в том, станете ли вы или ваш клиент гигантом отрасли или же будете медленно опускаться на дно.
Цена ошибки здесь слишком высока, и есть вещи, которыми нельзя пренебрегать, каким бы креативным вы не пытались сделать ваш проект.
Мы собрали для вас 6 ошибок, которые вам совершать непростительно, если вы хотите уважать себя и свою работу.
Мало пространства
Если сделать вот так:
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-09-22-v-01.27.39-1160x681.png-1024x601.webp)
То ваш дизайн просто задохнется — все сливается в сплошную кашу.
Как сделать лучше:
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-09-22-v-01.43.43-1160x683.png-1024x603.webp)
Даже большой сайт с множеством страниц и категорий будет удобен в навигации, если оставлять достаточно места между элементами, чтобы пользователь четко понимал, что, где и зачем находится.
Первичная и вторичные кнопки одного цвета, или обилие кнопок
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-10-02-v-01.58.54-1160x671.png-1024x592.webp)
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-09-22-v-02.32.11-1160x699.png-1024x617.webp)
Какой из вариантов вам понятнее интуитивно? Очевидно, что 2.
Вся навигация происходит с помощью кнопок, поэтому крайне важно дать пользователю понять, какая из кнопок — основная, а какая — вторичная.
Чтобы этого добиться, их нужно выделить в той степени, какой они заслуживают.
Плохие иконки
Важность аккуратных и красивых иконок нельзя преуменьшить. Если они оформлены в разных стилях и размерах, то человеку будет неприятно и неудобно на них смотреть.
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-09-22-v-02.02.34-1160x684.png-1024x604.webp)
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-09-22-v-01.58.18-1160x702.png-1024x620.webp)
Решите сами, какой вариант, по вашему, выглядит более профессионально.
Лучше всего не пытаться изобрести колесо, а просто скачать подоходящий вашему случаю набор иконок. Например, вот здесь можно найти 2 000 000 бесплатных иконок.
Отсутствие выравнивания
Если у вас есть два связанных друг с другом элемента, их нельзя выравнивать по разные стороны, как здесь:
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-10-02-v-02.07.32-1160x597.png-1024x527.webp)
Посмотрите — так гораздо понятнее визуально:
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-10-02-v-02.06.48-1160x581.png-1024x513.webp)
Мало контраста
Для удобного и легко читаемого интерфейса контраст — это все.
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-09-22-v-01.48.42-1160x682.png-1024x602.webp)
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-09-22-v-02.23.06-1160x703.png-1024x621.webp)
Когда между элементами интерфейса нет контраста, все становится похожим друг на друга и пользоваться этим будет просто невозможно.
Слишком много текста
Статистика говорит, что 55% людей проведут менее 15 секунд на страницах вашего сайта.
А это значит, что у вас очень мало времени, чтобы сообщить посетителям, в чем его польза и не дать им сбежать.
![](https://matao.ru/wp-content/uploads/2022/01/Snimok-ekrana-2021-09-22-v-01.24.06-1160x682.png-1024x602.webp)
Стремитесь к тому, чтобы главные страницы вашего сайта содержали как можно меньше текста. Учитесь передавать самое важное в нескольких предложениях.
Пара слов в заключение
На самом деле, в дизайне нет жестких законов, поэтому если ваш дизайн служит его основной цели — облегчению навигации для пользователя, то его можно считать успешным.
Стоит лишь помнить, что избегая этих 6 ошибок, вы уже избежите 85% проблем, которые возникают из-за плохого дизайна и, соответственно, всех их негативных последствий.