Forwarded from UX Live 🔥
Явился не запылился
https://youtu.be/0fVbsZxoZBU
https://youtu.be/0fVbsZxoZBU
YouTube
Иван Ургант: просто соскучились (Kuji Podcast 160)
Тимур и Андрей говорят обо всём на свете с Иваном Ургантом.
Концерты Тимура тут:
https://timurkarginov.com
Тут наш телеграм канал:
https://t.me/KujiKuji
По вопросам сотрудничества и рекламы:
kujiteam@gmail.com
Слушать в аудио на всех аудиоплатформах…
Концерты Тимура тут:
https://timurkarginov.com
Тут наш телеграм канал:
https://t.me/KujiKuji
По вопросам сотрудничества и рекламы:
kujiteam@gmail.com
Слушать в аудио на всех аудиоплатформах…
Forwarded from UX Notes (Антон Григорьев)
Ксения Толокнова написала о навигации в мобильных приложениях.
— Ограничения таббара: все сценарии приложения приходится раскладывать в 3–5 условных папок; бывает непросто придумать короткие и понятные названия разделов;
— Эффект размытия сложно реализовать в Андроиде, поэтому таббар в одном и том же приложении на разных платформах может отличаться. Пример — Revolut;
— Где отображается: 1) только на основных экранах, 2) на основных и внутренних экранах, 3) на внутренних экранах при прокрутке вверх;
— Первый вариант выбирают, например, мессенджеры, чтобы не отвлекать пользователя от открытого чата;
— Во втором случае таббар не отображается только тогда, когда что-то открыто поверх: полноэкранные модальные окна (например, просмотр видео), шторки, экранные клавиатуры;
— Такая навигация запоминает положение пользователя в разделе. Если из выбранной в разделе Fitness+ тренировки перейти в Summary, нажатие на Fitness+ вернёт к тренировке. Повторное нажатие на Fitness+ откроет главный экран раздела;
— Применяется реже и для приложений со сложной структурой разделов;
— Третий тип больше подходит для контентных лент и статей. Фейсбук вообще комбинирует варианты 2 и 3;
— Интересные решения, которые легко реализовать: градиентный фон с прозрачностью, если есть только тёмная тема (Spotify), выделение центральной иконки, по нажатию на которую поднимается шторка с основными действиями в приложении (Binance);
— Sidebar для навигации рекомендуют использовать в мобильных приложениях с 5 и более разделами или с 2 и более уровнями иерархии в навигации. Но в iOS это будет кастомная разработка;
— В приложениях с большой базой информации часто используют навигацию через поиск. Этот вид навигации редко является единственным, но часто бывает ключевым;
— Top bar (Top app bar в Андроиде) важен для навигации, так как позволяет разместить кнопку для возвращения назад или открытия сайдбара и иконки дополнительных действий (в гайдлайнах Material Design рекомендуют до 3);
— В Андроиде заголовок текущего экрана располагают близко к кнопке «Назад». Люди, которые раньше использовали iOS, могут думать, что это название предыдущего экрана.
#navigation #tab_bar
— Ограничения таббара: все сценарии приложения приходится раскладывать в 3–5 условных папок; бывает непросто придумать короткие и понятные названия разделов;
— Эффект размытия сложно реализовать в Андроиде, поэтому таббар в одном и том же приложении на разных платформах может отличаться. Пример — Revolut;
— Где отображается: 1) только на основных экранах, 2) на основных и внутренних экранах, 3) на внутренних экранах при прокрутке вверх;
— Первый вариант выбирают, например, мессенджеры, чтобы не отвлекать пользователя от открытого чата;
— Во втором случае таббар не отображается только тогда, когда что-то открыто поверх: полноэкранные модальные окна (например, просмотр видео), шторки, экранные клавиатуры;
— Такая навигация запоминает положение пользователя в разделе. Если из выбранной в разделе Fitness+ тренировки перейти в Summary, нажатие на Fitness+ вернёт к тренировке. Повторное нажатие на Fitness+ откроет главный экран раздела;
— Применяется реже и для приложений со сложной структурой разделов;
— Третий тип больше подходит для контентных лент и статей. Фейсбук вообще комбинирует варианты 2 и 3;
— Интересные решения, которые легко реализовать: градиентный фон с прозрачностью, если есть только тёмная тема (Spotify), выделение центральной иконки, по нажатию на которую поднимается шторка с основными действиями в приложении (Binance);
— Sidebar для навигации рекомендуют использовать в мобильных приложениях с 5 и более разделами или с 2 и более уровнями иерархии в навигации. Но в iOS это будет кастомная разработка;
— В приложениях с большой базой информации часто используют навигацию через поиск. Этот вид навигации редко является единственным, но часто бывает ключевым;
— Top bar (Top app bar в Андроиде) важен для навигации, так как позволяет разместить кнопку для возвращения назад или открытия сайдбара и иконки дополнительных действий (в гайдлайнах Material Design рекомендуют до 3);
— В Андроиде заголовок текущего экрана располагают близко к кнопке «Назад». Люди, которые раньше использовали iOS, могут думать, что это название предыдущего экрана.
#navigation #tab_bar
Хабр
Почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам
Навигация — сердце любого мобильного приложения. От того, насколько она интуитивна, эффективна и удобна для пользователей, зависит успех вашего приложения. Дизайнеру крайне важно понимать, как может...
Forwarded from Node.JS [ru] | Серверный JavaScript
🏘Резервный мониторинг послушного дома
В этой статье автор расскажет как создать запасную систему мониторинга дома с помощью ESP32 и Arduino IDE, решать проблемы с библиотеками и датчиками в проекте.
Читать...
В этой статье автор расскажет как создать запасную систему мониторинга дома с помощью ESP32 и Arduino IDE, решать проблемы с библиотеками и датчиками в проекте.
Читать...
Forwarded from Оди
Студенческий проект айдентики шоколадного фестиваля «Плитка»
Авторы использовали простой, но очень точный графический код — формы случайных сколов и крошек шоколада
Больше картинок: awdee.ru/plitka-festival-identity
#awd_identity via worldbranddesign.com/student-brand-design-concept-for-chocolate-festival-plitka
Авторы использовали простой, но очень точный графический код — формы случайных сколов и крошек шоколада
Больше картинок: awdee.ru/plitka-festival-identity
#awd_identity via worldbranddesign.com/student-brand-design-concept-for-chocolate-festival-plitka