Телеграм-каналы

Правильный инпут для даты рождения

Проблема 1
Дни рождения в зависимости от страны имеют различные форматы, которые состоят из трех отдельных данных. Где-то «дд / мм / гггг», а где-то «мм / дд / гггг».

Проблема 2
Хотя некоторые пользователи могут легко понять, что «мм» означает месяц, а «дд» — день, остальные часто путаются или игнорируют формат.

Как делать не надо
— Не стоит делать выбор даты с помощью выпадающего списка для каждого из трех данных, так как это очень сильно замедляет заполнение поля.
— Также не стоит делать это с помощью календаря: редко когда приходится заполнять поле с текущим годом, а значит, придется несколько раз пролистать год, затем найти свой месяц, потом отсканировать около 30 мелких цифр в поиске нужного дня, что тоже сильно замедляет заполнение формы.

Как правильно
— три отдельных поля с полными лейблами «День», «Месяц», «Год» над каждым;
— заполняются с клавиатуры;
— поля должны быть под размер заполняемого формата, то есть для дня и месяца одинаковые, для двух символов, а для года поле немного больше — для четырех символов.

Так пользователь сразу поймет необходимый к заполнению формат, а также с помощью клавиатуры намного быстрее впишет данные.

Размеры кнопок для мобильных устройств

На мобильных устройствах важен размер кнопок и расстояние между ними, чтобы обеспечить максимальную точность нажатия.

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

Наибольшая точность была найдена у кнопок в пределах 42−72 пикселей.

Наиболее предпочтительный размер кнопки составлял 60 пикселей, что представляет собой примерно середину диапазона. Кнопка в 72 пикселя обеспечивала высочайшую точность и была предпочтительна для пожилых пользователей.

Расстояния между кнопками

Исследование пришло к выводу, что диапазон от 12 до 48 пикселей является оптимальным интервалом между кнопками. Этот широкий диапазон полезен, потому что вы можете применить его к разным размерам кнопок.

Например, если вы используете кнопку в 72 пикселя, то нужно брать минимальное расстояние между кнопками, так как размер сам по себе обеспечивает максимальное нажатие, а с кнопкой в 42 пикселя нужно использовать расстояние в 48 пикселей, чтобы отделить кнопки и избежать случайных нажатий на соседние.

Данные правила работают как с кнопкой, в которой только иконка, так и с текстовой кнопкой. С текстовой размер применяется на ее высоту, так как именно параметр высоты отвечает за точность нажатия.

Будущие обновления в Figma

Сегодня мы решили рассказать новости для любителей Figma, а именно — чего стоит ожидать от инструмента в ближайшем будущем.

Вчера прошла небольшая презентация с менеджером по продукту Юхки Ямашита, который поделился, на каких задачах сейчас сконцентрирована команда.

Задача № 1. Добавление возможности встраивания приватных файлов в различные инструменты (Notion, Jira, Trello и т. д.). Раньше можно было встраивать только открытые файлы.

Задача № 2. Упрощение процесса замены компонентов. Все, кто работал с большими дизайн-системами, знают об огромных черных списках компонентов, в которых невозможно найти нужный тебе.

Задача № 3. Упрощенное проектирование. Если вы когда-нибудь пытались проектировать продукт с более чем 20 экранами, вам будут знакомы огромные клубки проводов, соединяющих макеты.

Задача № 4. Добавление нового почасового плана оплаты. Довольно удобный формат. Например, если вы хотите подключить к проекту дизайнера буквально на 2−3 часа и заплатить только за это время.

Задача № 5. Возможность искать дизайнеров и подписываться на их аккаунты. Figma продолжает развивать комьюнити и постепенно создает аналог Behance и Dribbble.

Сделано в Лаборатории Студии Чулакова

Студия Олега Чулакова

Дизайн-студия № 1 в России по версии Tagline, лучший usability / UX в стране по версии Золотого Сайта.

Специализируется на создании сложных систем и сервисов для крупных компаний. Среди клиентов Студии Tele2, ИКЕА, МегаФон, БКС Банк, Yota и другие крупнейшие российские бренды.