Как создать характерный e-commerce-дизайн и не потерять удобство каталога

Привет! На связи Webest, и сегодня мы расскажем, как объединили выразительный дизайн и функциональность в мужском интернет-магазине с акцентом на визуальную подачу коллекций. О проблеме и задаче Интернет-магазин одежды одновременно решает две задачи. С одной стороны, он должен помогать быстро находить и покупать товары. С другой — передавать характер бренда и создавать впечатление, которое сложно…

Как упростить сложную сортировку данных

Статьи 4 мин на чтение 15 Оптимальный дизайн сортировки Интерфейс может хорошо отображать данные, но насколько он удобен, если пользователю нужно их отсортировать? Чаще всего дизайнеры не уделяют должного внимания проектированию сортировки, поэтому большинство сортировок работают плохо. В результате пользователям приходится тратить время на сканирование и фильтрацию большого количества информации. Вместо того чтобы найти нужные…

Как упростить огромную форму со 100 полями

Статьи 6 мин на чтение 52 UX-приёмы для форм с большим количеством полей Есть длинные формы, а есть огромные. Форма, которая включает более ста полей — особый случай, потому что её нельзя просто разбить на страницы и посчитать задачу решенной. Чтобы ускорить и упростить заполнение формы нужны дополнительные UX-приёмы.Например, представленная ниже форма заявки на кредит…

Как работать с большими группами элементов, расположенными на боковой панели

Статьи 2 мин на чтение 20 Дизайн, который ускоряет поиск Довольно просто оформить несколько элементов навигации, размещённых на боковой панели. Всё, что вам нужно, это отобразить их в виде списка с соответствующими иконками. Но что делать, если нужно показать несколько масштабных групп элементов? Дизайнеры применяют распространённый подход — аккордеон со стрелками для раскрытия и сворачивания…

Как размещать элементы навигации в веб-приложениях

Статьи 4 мин на чтение 91 Оптимальный дизайн и расположение элементов Есть причина, по которой на большинстве сайтах панель навигации находится сверху. На сайте главное — контент, поэтому необходимо как можно больше места в ширину, чтобы всё отобразить. Но в веб-приложении главную роль играет навигация. Пользователи пытаются не столько изучить контент, сколько эффективно выполнять задачи.…

Как спроектировать боковую панель, которая сэкономит место на экране

Статьи 3 мин на чтение 44 Структура раскрывающейся боковой панели Экранное пространство в десктопном интерфейсе важнее, чем вы думаете. Большинство дизайнеров считают, что на экране компьютера много места. Однако когда речь идёт об отображении данных, важен каждый пиксель. По ширине боковая панель может занимать много места и уменьшать область контента. В результате, единожды взглянув на…

Как группировать элементы на боковой панели, чтобы облегчить их поиск

Статьи 2 мин на чтение 14 Создайте быструю навигацию Когда на боковой панели много элементов, группировка необходима, чтобы помочь пользователям быстрее их отыскать. Однако большинство дизайнеров не группируют элементы на боковой панели и заставляют людей просматривать весь список. Это замедляет навигацию и ухудшает удобство поиска.Группировка улучшает поисковую доступность. Пользователи видят группу и просматривают элементы из…

Как сделать боковое меню удобным для восприятия

Статьи 2 мин на чтение 15 Оптимальные интервалы между пунктами меню Насколько легко просматривать ваше меню, расположенное на боковой панели? От размеров интервалов между пунктами меню зависит то, сколько времени пользователи потратят на навигацию и поиск нужных элементов. Оптимальные интервалы на боковой панели помогут людям быстрее сориентироваться. Типичная ошибка, которую допускают дизайнеры, — слишком много…

Как сделать идеальный дизайн лендинга

Статьи 5 мин на чтение 44 Улучшенный UX на целевой странице Лендинг не похож на другие страницы сайта. Его цель не в том, чтобы побудить пользователей изучать новый контент и вовлекать их. Задача в том, чтобы обратиться к определённой группе пользователей с конкретным продуктом и превратить их в покупателей. Поэтому дизайн и макет вашего лендинга…

Баланс наследия и современных решений: как выглядит пространство ЧТИВО ДОМ по проекту Halo works

Бюро Halo works реализовало мультиформатное культурное пространство для команды проекта ЧТИВО. Площадка расположилась в здании бывших Провиантских складов на Зубовском бульваре — объекте культурного наследия, который архитекторы Света Муртазина, Мария Горшкова и Анастасия Новикова стремились деликатно адаптировать к новым сценариям использования. Мы узнали у авторов, как они работали с историческим контекстом локации, интегрировали визуальный язык…