This media is not supported in your browser
VIEW IN TELEGRAM
Точность рейтинга в Кинопоиске
Когда пользователь выбирает оценку, приложение Кинопоиска ниже показывает фильмы с такой же его оценкой.
Поделился @artemovandre, спасибо!
@uielegance #кинопоиск #мобильные
Когда пользователь выбирает оценку, приложение Кинопоиска ниже показывает фильмы с такой же его оценкой.
Поделился @artemovandre, спасибо!
@uielegance #кинопоиск #мобильные
🔥4❤3👍3
This media is not supported in your browser
VIEW IN TELEGRAM
На сайте приложения для продуктивности Amie сделан интересный трюк: в списке фич при нажатии на кнопку Show me картинка трансформируется в реальный интерфейс.
@uielegance #amie #анимация
@uielegance #amie #анимация
👍5🔥4❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Маленькая приятная деталь на сайте Сбермаркета: в заголовке «Рестораны» вместо буквы «о» меняются продукты.
@uielegance #сбер #анимация
@uielegance #сбер #анимация
👍8❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Симпатичная капча без ввода символов и поиска пожарных гидрантов при регистрации на Slides.
@uielegance #формы #капча
@uielegance #формы #капча
🔥6👍2❤1🤔1
Разработчик и дизайнер Хаким Эль Хаттаб, который сделал капчу из предыдущего поста, создает эксперименты и забавные штуки и выкладывает на своем сайте.
Мне понравились необычный фокус в форме, прогрессбар-оглавление и кнопка отписки, на которую невозможно нажать.
@uielegance #ссылка #формы #анимация
Мне понравились необычный фокус в форме, прогрессбар-оглавление и кнопка отписки, на которую невозможно нажать.
@uielegance #ссылка #формы #анимация
😁13👍2❤1🤔1
Подсветка результатов поиска, которые скрыты
В настройке Файрфокса появляются тултипы над выпадающими списками, если внутри них есть совпадения с поисковым запросом.
@uielegance #firefox #формы #поиск
В настройке Файрфокса появляются тултипы над выпадающими списками, если внутри них есть совпадения с поисковым запросом.
@uielegance #firefox #формы #поиск
👏5👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Логотип на сайте Ars Technica
В мобильной версии новостного издания Ars Technica при скролле статьи логотип сокращается и освобождает место для навигации по соседним материалам.
@uielegance #меню #анимация
В мобильной версии новостного издания Ars Technica при скролле статьи логотип сокращается и освобождает место для навигации по соседним материалам.
@uielegance #меню #анимация
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Индикатор лимита ресурсов у Replit
Когда проект потребляет слишком много ресурсов, шкала буквально начинает кипеть.
@uielegance #replit #анимация #датавиз
Когда проект потребляет слишком много ресурсов, шкала буквально начинает кипеть.
@uielegance #replit #анимация #датавиз
🔥5👍2
Факты о заказе в Сбермаркете
В приложении Сбермаркета на iOS обновился экран после оформления заказа. Теперь акцент на том, сколько сервис сэкономил денег и времени.
@uielegance #сбер
В приложении Сбермаркета на iOS обновился экран после оформления заказа. Теперь акцент на том, сколько сервис сэкономил денег и времени.
@uielegance #сбер
👍7🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Подсказки при вводе почты у MTC ID
Приём не новый, но приятно исполнено. При вводе адреса почты форма предлагает автокомплит с популярными сервисами.
P. S. Пожелание: добавить фокус и управление с клавиатуры, чтобы не приходилось тянуться мышкой.
@uielegance #мтс #формы
Приём не новый, но приятно исполнено. При вводе адреса почты форма предлагает автокомплит с популярными сервисами.
P. S. Пожелание: добавить фокус и управление с клавиатуры, чтобы не приходилось тянуться мышкой.
@uielegance #мтс #формы
👍4🔥3
Санлайт наглядно показывает, что код подтверждения — во входящем номере телефона.
Поделился @hey27k, спасибо!
@uielegance #мобильные
Поделился @hey27k, спасибо!
@uielegance #мобильные
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Экран входа у Amie
Карточки событий не просто заполняют экран, а еще и полностью интерактивные — их можно двигать и отмечать, как в настоящем интерфейсе календаря.
@uielegance #amie #логин
Карточки событий не просто заполняют экран, а еще и полностью интерактивные — их можно двигать и отмечать, как в настоящем интерфейсе календаря.
@uielegance #amie #логин
👍3🔥2🥴2🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
На кассах стали попадаться новые терминалы Sberpay, и у них мне понравилась анимация оплаты.
@uielegance #сбер #офлайн
@uielegance #сбер #офлайн
🔥10👍1🤪1
This media is not supported in your browser
VIEW IN TELEGRAM
Amie показывает красивую анимацию на экране настройки темы интерфейса. Отдельно круто то, что в светлой теме карточки о работе, а в темной — домашние дела.
@uielegance #amie #темы
@uielegance #amie #темы
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
У Evervault встретилась симпатичная анимация загрузки графика в виде двигающихся волн.
@uielegance #загрузка
@uielegance #загрузка
👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт разработчика Андреа Серрани оформлен в виде окна с кодом, а для закрытия уведомления о куки предлагается написать команду руками.
@uielegance #десктоп
@uielegance #десктоп
❤6😁4🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Linear чуть облегчает жизнь перфекционистов: при настройке размера картинки система помогает выровнять ее с другой, когда их размеры почти совпадает.
@uielegance #linear
@uielegance #linear
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Симпатичная реакция при наведении на кнопку на сайте Addifico.
Проект напичкан анимацией и эффектами, есть на что посмотреть.
@uielegance #анимация #меню
Проект напичкан анимацией и эффектами, есть на что посмотреть.
@uielegance #анимация #меню
❤6🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Ютуб привлекает внимание к кнопке Subscribe в тот момент, когда в видео произносится это слово.
@uielegance #youtube
@uielegance #youtube
👍10🔥2❤1🆒1