8162
Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Канал в Дзен — https://dzen.ru/dui Автор: @astract Поддержать канал https://t.me/duiux/1481
А вот это хорошая новость про Telegram.
Мессенджер достиг в июне 51,9 млн в активной дневной аудитории (DAU) в России. Почти догнал по этому показателю ВКонтакте (52,1 млн) и обогнал YouTube (50,8 млн.)
Источник
Ребятки из DevCrowd предложили мне поделиться ссылкой на их опрос. Они проводят полезное исследование среди продуктовых дизайнеров.
Результаты исследования будут в открытом доступе и могут помочь каждому специалисту в их профессиональном развитии и исследовании рынка.
Основные вопросы в опросе:
1. Какие навыки для продуктовых дизайнеров самые важные.
2. Какие инструменты используются в работе.
3. Как попадают в профессию и куда из нее уходят.
4. Полезные для развития каналы, курсы и книги.
👉 Ссылочка на опрос
Не люблю, когда сервисы сообщают об ограничениях возможностей после авторизации.
Захотел я в одном онлайн сервисе увеличить разрешение изображения. При входе на сайт меня встретила обычная зона для выбора исходного изображения, добавил и при нажатии на кнопку старт операции мне предложили авторизоваться. Это было ожидаемо, ну ок.
В момент авторизации я уже понимал, что это будет не последняя преграда, дальше мне наверняка предложат ещё оплатить какой либо тариф и я был прав. В итоге я закрыл вкладку и ушел.
Как пользователь я расстроен и зол на сервис. Отдал свои данные и ничего не получил взамен.
Бизнес же я думаю остался доволен, получив мои данные.
Я думаю было бы хорошим решением для обоих сторон дать мне хотя бы одну или несколько попыток обработать изображение. Так я бы и сервис протестировал и повысил вероятность того, что я оплачу его. С другой стороны, где-то читал о том, что такой паттерн хоть и бесит, но хорошо конвертируется в покупку, увы.
В iOS 17 можно будет, например, просмотреть пошаговый рецепт прямо на экране блокировки с таймерами и подсказками.
На видео — пример от разработчика приложения Crouton.
@zavtracast
Красивое.
Британский аудиобренд 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 апреля
Пользовательский интерфейс и представление информации
#реклама
Хочешь преимуществ и приватности — плати. Так можно охарактеризовать недавние изменения в рекламной платформе Telegram. Черт, как-то кликбейтно получилось, но ладно.
На неделе была новость, что Telegram будет собирать IP адреса пользователей для улучшения рекламного таргетинга. Причем, как оказалось сбор данных будет лишь с бесплатных пользователей, тех, кто не подключил Premium доступ.
Уже не диджитал резистанс.
https://habr.com/ru/news/747064/
А повысить разрешение я хотел у этого скриншота, где собраны все виджеты из Nothing OS (2). Уж больно они красивые и стильные.
Читать полностью…
Поймал себя сейчас на мысли, а кто нибудь вообще использует какие нибудь иные инструменты для создания прототипов кроме Figma?
По моему опыту сейчас возможностей Figma хватает вполне и все остальные инструменты для меня просто выпали. Собирать что-то сложное приходиться редко, чаще никогда так как это не эффективно по временным затратам и наверно полезно лишь на старте тестирования гипотезы продукта.
Классный пример того, как уместить главную функцию приложения с рецептами в одно уведомление на экране блокировки. (Речь о сообщении в канале ниже)
Так же этот кейс демонстрирует, как можно использовать функцию 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/
Основные принципы хорошей иконки: одинаковая толщина линии в определённых размерах, рисование по сетке и семантический нейминг (называть иконки по их изображению, а не смыслу),