В своем же приложении я не мог найти кнопку назад! В погоне за креативностью наделал столько ошибок, что самому стало смешно. Полез обновлять знания и собрал простые правила, которые помогут не облажаться в ваших проектах
Кстати, часто вижу похожие ошибки в проектах разработчиков, которые делают самостоятельные проекты
Собрал для вас (и себя) базовые правила UI/UX, которые мы все периодически нарушаем в погоне за оригинальностью:
1️⃣ Не ломайте привычки
Не изобретайте велосипед там, где все уже привыкли к определенным вещам. Пользователи годами нажимают "назад" в левом верхнем углу - и они будут злиться, найдя эту кнопку в другом месте. То же самое с корзиной (правый верхний угол), логотипом (центр верхней части) и меню (три полоски слева вверху)
2️⃣ Закон Хика
Чем больше вариантов вы даёте пользователю, тем дольше он думает. Сужайте выбор до 5-7 пунктов в меню и минимизируйте ненужные элементы. Лучше меньше чем больше
3️⃣ Минимум отвлекающих элементов + Простота в дизайне
Чем меньше на экране лишнего, тем легче пользователю ориентироваться. Простые линии и формы вместо сложных паттернов
4️⃣ Fокус на главном
Люди читают экран как букву F: сначала смотрят верхнюю часть целиком, потом середину, а низ только по левому краю. Поэтому самое важное размещаем сверху и слева. Никто не будет играть в поиск сокровищ, листая до самого низа
5️⃣ Закон большого пальца + Понятные кнопки
Главные элементы управления — в зоне большого пальца. Кнопки минимум 44x44pt для iOS, 48x48dp для Android. Удобство превыше креатива!
6️⃣ Контраст и доступность
Текст должен быть читаемым! Используйте понятные символы и крупные шрифты. Светлый текст на светлом фоне = злой пользователь
7️⃣ Принцип обратной связи
Нажал кнопку — получи отклик. Анимация, цвет, вибрация — пользователь должен понимать, что его действие сработало.
8️⃣ Похожее = Одинаковое поведение
Похожие элементы должны вести себя одинаково и располагаться рядом. Если одна карточка кликабельна — все похожие тоже должны быть кликабельны.
9️⃣ Визуальные отступы
Используйте правило 8px для отступов. Создает визуальную гармонию и упрощает адаптацию под разные экраны.
Простая истина: если пользователь теряется в вашем интерфейсе – пора что-то менять.
Встречали похожие промахи в приложениях? Поделитесь в комментариях, вместе разберем, как можно было сделать лучше 😑