Статьи 2 мин на чтение 20 Дизайн, который ускоряет поиск Довольно просто оформить несколько элементов навигации, размещённых на боковой панели. Всё, что вам нужно, это отобразить их в виде списка с соответствующими иконками. Но что делать, если нужно показать несколько масштабных групп элементов? Дизайнеры применяют распространённый подход — аккордеон со стрелками для раскрытия и сворачивания…
Статьи 4 мин на чтение 91 Оптимальный дизайн и расположение элементов Есть причина, по которой на большинстве сайтах панель навигации находится сверху. На сайте главное — контент, поэтому необходимо как можно больше места в ширину, чтобы всё отобразить. Но в веб-приложении главную роль играет навигация. Пользователи пытаются не столько изучить контент, сколько эффективно выполнять задачи.…
Статьи 3 мин на чтение 44 Структура раскрывающейся боковой панели Экранное пространство в десктопном интерфейсе важнее, чем вы думаете. Большинство дизайнеров считают, что на экране компьютера много места. Однако когда речь идёт об отображении данных, важен каждый пиксель. По ширине боковая панель может занимать много места и уменьшать область контента. В результате, единожды взглянув на…
Статьи 2 мин на чтение 14 Создайте быструю навигацию Когда на боковой панели много элементов, группировка необходима, чтобы помочь пользователям быстрее их отыскать. Однако большинство дизайнеров не группируют элементы на боковой панели и заставляют людей просматривать весь список. Это замедляет навигацию и ухудшает удобство поиска.Группировка улучшает поисковую доступность. Пользователи видят группу и просматривают элементы из…
Статьи 2 мин на чтение 15 Оптимальные интервалы между пунктами меню Насколько легко просматривать ваше меню, расположенное на боковой панели? От размеров интервалов между пунктами меню зависит то, сколько времени пользователи потратят на навигацию и поиск нужных элементов. Оптимальные интервалы на боковой панели помогут людям быстрее сориентироваться. Типичная ошибка, которую допускают дизайнеры, — слишком много…
Статьи 5 мин на чтение 44 Улучшенный UX на целевой странице Лендинг не похож на другие страницы сайта. Его цель не в том, чтобы побудить пользователей изучать новый контент и вовлекать их. Задача в том, чтобы обратиться к определённой группе пользователей с конкретным продуктом и превратить их в покупателей. Поэтому дизайн и макет вашего лендинга…
Бюро Halo works реализовало мультиформатное культурное пространство для команды проекта ЧТИВО. Площадка расположилась в здании бывших Провиантских складов на Зубовском бульваре — объекте культурного наследия, который архитекторы Света Муртазина, Мария Горшкова и Анастасия Новикова стремились деликатно адаптировать к новым сценариям использования. Мы узнали у авторов, как они работали с историческим контекстом локации, интегрировали визуальный язык…
Статьи 3 мин на чтение 10 Эффективный способ заполнения формы Многие сайты привлекают пользователей на главную страницу, но теряют их в момент заполнения формы. Показатели конверсии снижаются, когда форма содержит слишком много полей для заполнения. Пользователи не хотят тратить столько времени и усилий, не получая при этом равноценного обмена. Большинству компаний необходима информация от пользователей,…
За какими событиями и проектами следить, чтобы оставаться в курсе актуальных тенденций? Как отличить устойчивый тренд от краткосрочной моды и грамотно интегрировать его в проект — без ущерба общей стилистике и авторскому подходу? На эти и другие вопросы мы попросили ответить основательницу и шеф-дизайнера бюро «Уютная квартира» Наталью Преображенскую. А еще больше узнать о трендах,…
Статьи 3 мин на чтение 50 Создайте более эффективную навигацию Как бы вы спроектировали меню для сложного сайта со множеством категорий и подкатегорий? Большинство дизайнеров используют мегаменю, которое отображает все пункты в виде большого, подробного списка. Однако такой подход не так удобен для пользователей, как может показаться. Для наглядности, ниже вы видите мегаменю, которое содержит…