8050
Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Автор: @astract Поддержать канал https://t.me/duiux/1481
Классный пример того, как уместить главную функцию приложения с рецептами в одно уведомление на экране блокировки. (Речь о сообщении в канале ниже)
Так же этот кейс демонстрирует, как можно использовать функцию Live Activity в iOS. В прошлом году мы увидели, как приложение Locket выстроило свою идею вокруг одного виджета на экране, теперь это 👏🏻
Приложение Авито на пустых экранах показывает инструкции с иллюстрациями
Читать полностью…
Продолжение предыдущего сообщения 👆
Руки
С помощью щипка двумя пальцами происходит всё основное управление в системе. Скролл, зум и так далее.
С элементами интерфейса, которые располагаются близко к вам можно взаимодействовать одним пальцем. Например, скролл страницы в сафари, печать на клавиатуре. (фото 5)
Используйте привычные и натуральные жесты для взаимодействия с некоторыми элементами, так как вы делали бы это в реальной жизни. Крутить пластинку или рубить фрукты вы не будете щипком двух пальцев. (фото 6)
При взаимодействии с элементами в виртуальном пространстве очень важен фидбек. Поэтому при печати на клавиатуре отображается анимация нажатий и воспроизводится звук. (фото 7)
Система поддерживает уже всем привычные жесты, пинч ту зум, поворот. Всё это делается с помощью щипка двух пальцев. Так же допускается поддержка кастомных жестов, но важно, чтобы они не конфликтовали с системными.
С помощью комбинации глаз и рук можно с лёгкостью зумить конкретную зону на фотографии. Посмотрите на нужную зону и сделайте привычный пинч ту зум.
Давно не писал больших постов в канал, поэтому ждите его завтра утром💃 А сейчас всем приятного вечера и желаю хорошо отдохнуть!
Кстати, как проводите свой вечер вообще? Я вот ужинать пошёл и планирую катнуть по вечернему городу на велосипеде🚴
Последнее время особенно люблю этот прозрачный дизайн устройств. Впервые о нем узнал с анонсом Nothing Phone, а сегодня вот получил в подарок беспроводной павербанк от hoco.
В таком дизайне инженерам приходится думать о том, как красиво и лаконично разместить все внутри.
Привет, канал! Тут собрался список отличных авторских дизайн-каналов и хочется им с вами поделиться.
Про всякие крупные каналы многие знают, а вот ламповые и каналы поменьше не всем известны, но они тоже заслуживают вашего внимания. Подписывайтесь на них и добавляйте этот лист — /channel/addlist/6UhQ8n25ZPgxMzky 🍀
Внутри списка вы найдёте каналы от крутых ребят:
1. Антон Черногоров, дизайн директор студии Луч
2. Надя Здорова, продуктовый дизайнер в Яндексе
3. Маша Троицкая, старший бренд-дизайнер в Tinkoff
4. Олег Александров, дизайн директор студии MAX
5. Толя Вербицкий, ex. дизайн AliExpress и Яндекс.Денег
6. Влад Воркель, дизайнер в Яндексе
7. Артем Милитонян, судья awwwards
8. Веня Векк, лид дизайнер в Tinkoff
9. Леша, дизайнер в Касперском
10. Андрей Астракт, Лид дизайнер в ESN
11. Кирилл, арт директор
12. Дизайн Комьюнити, авторские интервью у лучших дизайнеров индустрии
13. Матвей Правосудов, Лид дизайнер в Дзене
Большой бесплатный пак с флагами стран мира.
Есть интеграция значков с кодом и каждый флаг можно настраивать. Убирать градиенты, обводки, тени.
Есть поддержка Figma и в особенности Sketch, Adobe XD.
https://flagpack.xyz
🗂️ Вижу, что многие дизайн каналы делятся своими папками со списком дизайн каналов. Решил тоже последовать этой идее и поделиться своими каналами с мемами — /channel/addlist/ILlOrGIltmc2MzEy
Делитесь и вы в комментариях
Недавно Slack выпустил обновление в котором объединил напоминания и закладки (сохраненные сообщения).
Может быть я не выкупил до конца идею, но это обновление мне показалось странным по ряду причин.
В моем понимании объединять эти сущности нельзя так просто, потому, что если напоминания это временные объекты, которые ты можешь закрыть, то сохраненные сообщения я сохраняю на долгое время и его мне не требуется «выполнять», оно мне нужно для других целей. Например просто сохранить что-то как важное.
Теперь же из-за объединения, все сохраненные сообщения висят в секции активных напоминаний с возможностью их «выполнить» и помимо этого имеют счётчик в разделе, который постоянно напоминает мне о том, что что-то надо сделать, хотя это не так. Тут на скриншоте закрашены сообщения из сохраненок.
То есть для меня прошлое решение, когда каждая сущность жила в своем разделе было удобней. Но видимо большие данные у продукта сказали иначе…
Кажется Самсунг признали проблему (надеюсь) и вернули цветные значки уведомлениям в недавнем обновлении. Считывать уведомления в списке стало проще и удобнее вновь
Читать полностью…
Хорошая базовая статья про создание иконок — https://habr.com/ru/articles/727066/
Основные принципы хорошей иконки: одинаковая толщина линии в определённых размерах, рисование по сетке и семантический нейминг (называть иконки по их изображению, а не смыслу),
На канале Толи вышел полезный пост для тех кто сейчас ищет работу в стартапах, не мог не поделиться.
Читать полностью…
Контекстное меню на айфоне умеет конвертировать выделенные значения в местные размерности.
Читать полностью…
Приложение на Android с набором всех основных компонентов системы Material You.
Полезно при использовании нативных элементов в вашем дизайне и проверке их поведения.
Ссылка на приложение — https://play.google.com/store/apps/details?id=io.materialdesign.catalog
Ранее в канале я рассказывал про аналогичное для iOS — /channel/duiux/1095
@duiux
Красивое.
Британский аудиобренд Linn в сотрудничестве с дизайн студией LoveFrom, которую создал бывший дизайнер Apple Джони Айв, выпустили виниловый проигрыватель. Говорят, что это первый аппаратный продукт дизайн студии.
Устройство выпустят тиражом в 250 штук и стоимостью 50 тыс. фунтов стерлингов (~5,8 млн. руб.).
Креативная реклама смартфона Pixel от Google. Компания выпустила несколько видео, где их смартфон дружит с iPhone и помогает ему в некоторых ситуациях.
Нравится подход в рекламе и то, что используются голоса Siri и Google assistant.
https://youtu.be/0LD5yMUf6KA
✍️ Про блог канал «Впечатленки»
Помимо основного дизайн проекта dui, у нас с девушкой есть канал - «Впечатленки». В этом канале мы делимся впечатлениями о книжках, фильмах, играх и в целом просто рассказываем про интересующие нас темы.
В рамках проекта у нас даже вышло несколько выпусков подкаста «Невсезнайка». В котором мы говорим о культуре и мифических созданиях.
🎧 Вот список этих выпусков, можете их послушать:
1. О бабе яге.
2. Райские девы-птицы.
3. Про женские праздники.
4. Про группу «Король и Шут».
А из недавнего, я сделал влог о нашей совместной поездке в г. Сортавала (Карелия). Там мы попробовали местную кухню и посетили городище Паасо. Фулл видео 👉 смотреть по ссылке.
Вообщем, подписывайтесь на канал @vpechatlenki ☺️
WWDC2023 / Дизайн пространственного ввода
Дизайнеры из команды Apple рассказали об основных методах работы с пространственными интерфейсами, с которым будет взаимодействовать человек в AR шлеме Vision Pro.
Я сделал выжимку основных моментов их выступления и делюсь с вами. Из-за лимит символов в посте пришлось разбить на два сообщения.
Ссылка на оригинальное видео
Ваши руки и глаза – это натуральные и понятные методы ввода. Так можно начать этот конспект, а дальше подробнее.
Глаза
Это основной метод управления, по сути, это курсор с помощью которого вы можете фокусироваться на элементах интерфейса.
Дизайнеры из эпл определили, что наиболее комфортная зона для отображения главных окон приложения находится в районе 60 градусов поля зрения. (фото 1)
При появлении модальных окон, основной экран приложения сдвигается дальше от взгляда человека. Таким образом глазам не приходится адаптироваться к новой дистанции до элементов. Так формируется иерархия. (фото 2)
Круглые и скруглённые элементы приятнее глазу и лучше фокусируют на себе. Наши глаза стремятся к середине при взгляде на такие объекты. Острые же углы у объектов заставляют наши глаза смотреть на внешние стороны объекта. Рекомендуется использовать только плоский стиль элементов, никаких флэт шадоу и обводок.
Минимальная зона для расположения элемента равняется 60 точкам (pt). Но это именно зона для расположения элемента, сам элемент может быть меньше. (фото 3)
Все интерактивные элементы должны иметь ховер эффект. Таким образом человек понимает, что с такими элементами можно взаимодействовать. (видео 4)
При длительном фокусе на интерактивных элементах появляется дополнительная информация. У кнопок появляются тултипы с их описанием, а таб бар раскрывается. Когда вы смотрите на поле голосового ввода и начинаете говорить, оно автоматически активируется.
Продолжение в следующем сообщении 👇
Что очень нравится в дизайн подходе Apple то, как они классно переиспользуют привычные элементы в каждом из устройств.
Изначально появившийся Digital Crown и Side Button на Apple Watch теперь используются в AirPods Max и в новом AR устройстве Vision Pro. Красиво.
Очень крутая и яркая иконка у приложения Питерского кафе - ЦЕХ85
Читать полностью…
Teenage Engineering выпустили диктофон, который хочется приобрести в коллекцию красивых вещей.
Нравится дизайн их продуктов с момента появления Nothing Phone.
Google провели свою ежегодную конференцию Google I/O 2023. Показали по традиции новые смартфоны Pixel и рассказали про новые возможности AI и софта.
Рекомендую к просмотру обзор всех важных новостей с конфы https://youtu.be/UbwSn3IlGQM
Ещё немного побурчу, простите 😳Но почему в iOS при создании скриншота нельзя скопировать текст сразу? Почему это работает лишь после открытия скриншота в приложении Фото?
Ps: на этом бурчание прекращаю 👴
Только сейчас пришло осознание, что эти буквы в стилях текста не случайны, а обозначают буквы хоткеев с Cmd+… (Ctrl+…).
🤯
Практический курс Ильи Бирмана «Пользовательский интерфейс и представление
информации» с 22 апреля по 21 мая — запись на курс открыта до 21 апреля
Преподаватель курса — Илья Бирман, арт‑директор Бюро Горбунова.
На курсе Илья за четыре недели покажет как дизайнить хорошие интерфейсы. Курс будет полезен начинающим и опытным дизайнерам, арт‑директорам, менеджерам, программистам и редакторам.
Записаться на курс до 21 апреля
Пользовательский интерфейс и представление информации
#реклама
Как выбрать стартап для работы
Последние несколько недель я ежедневно изучаю различные стартапы, чтобы найти надежный и интересный продукт для долгосрочной работы. И в текущее время еще более важно понимать ситуацию в компании.
Дина Казакевич, QA из Adalo, работает удаленно с зарубежными стартапами уже более 6 лет и делится личным опытом анализа стартапов.
Что внутри:
— Ресурсы с информацией о стартапах
— Где и зачем смотреть на инвестиции
— Как анализировать изменения между раундами инвестиций
— Про важность местных сотрудников
— Какие вопросы задать на собеседовании
P.S.: А здесь еще одно интересное видео от Армана Сулейменова о том, как стратегически правильно выбирать стартапы для работы. Арман рассмотрел подход к поиску работы как инвестор и показал список из 12 перспективных стартапов.
👉 Читать подробнее
Недавно я спрашивал в канале об опыте применения нейросетей в своих проектах и вот на днях я узнал историю, как человек без знания кода сделал своё iOS приложение и выложил его в AppStore.
Весь код был написан с помощью ChatGPT.
https://twitter.com/pakhandrin/status/1640397012502822938?s=46&t=9YDA16bk8nY6UoktxsQ63A
Игровая компания EA выпустила обновлённый логотип новой игры FIFA (теперь она правда называется иначе из-за юр.проблем, но не суть).
Интересно, как элемент игрового интерфейса (курсор игрока) превратили в основную форму логотипа, и как классно у них получилось показать эту идею коротким роликом.
Подборка для вдохновения на неделю
1. Виджеты активности — https://dribbble.com/shots/14792467-Activity-Widgets
2. Приятная цветовая гамма и типографика — https://dribbble.com/shots/20926293-Finance-Mobile-App
3. Кислотный микс с жирной типографикой — https://dribbble.com/shots/20928486--WWF-Educational-App
4. Приятная рыже-чёрная цветовая схема — https://dribbble.com/shots/20926214-Maxlook-Fashion-Mobile-App