8162
Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Канал в Дзен — https://dzen.ru/dui Автор: @astract Поддержать канал https://t.me/duiux/1481
Сервис, который должен унять мой стресс и тревогу, усиливают её 😄
Сессия должна пройти у меня завтра, но сегодня вечером я получил такое уведомление и на минуту, подумал, что я согласовал встречу на сегодня, хотя не мог. Но перечитав сообщение понял, что речь про завтра.
Думаю команде сервиса «Ясно» надо было писать что-то типа «Ваша сессия будет завтра в 9:00», так было бы понятнее. Но думаю таймер с 23:59 явно баг и вместо него должно было быть слово «завтра».
Ребята, если вы читаете мой канал и работаете в этом сервисе, то обратите внимание на фидбек :)
Какой же экстаз исптываешь от сборки компонентов в Figma.
Нравится, как можно простыми кнопочками в инструменте менять различные состояния и настраивать компонент. Такой кайф 🥰
Когда-то мне пришлось бы держать уйму состояний, сейчас же можно собрать один компонент с настройками. Конечно этот подход не всегда удобен, но всё же.
Люблю читать и изучать различные независимые продукты.
Например в этой статье, разработчик рассказывает о том, как он делает бесплатный онлайн редактор блок-схем.
Заинтересовало то, как человек качественно подходит к интерфейсу своего проекта. В статье он рассказывает о важных принципах, которые соблюдает при разработке продукта.
Например я заинтересовался той инфой, что человек может удерживать в памяти не более 7 объектов 🤔 вы знали?
А вот это хорошая новость про 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
На полку вкусных, прозрачных дизайнов добавляю мышь Pulsar X2 Super Clean Edition
Читать полностью…
Я порисёрчил факт про запоминание человеком 7 элементов. Тут кстати сильно помог ChatGPT, в который я вкинул вопрос в формате «а что человек действительно не может удержать в голове больше 7 элементов?». Вообщем это действительно так.
В целом кратковременная память человека может удерживать 7 (+-2) объекта. В идеале это число стремится даже к 5.
Факт был подтвержден ученым-психологом Джорджем Миллером в 1956 году.
В ходе нескольких экспериментов он выяснил, что кратковременная память человека способна запоминать в среднем:
• девять двоичных чисел,
• восемь десятичных чисел,
• семь букв алфавита
• пять односложных слов.
Причем если количество элементов больше семи, то мозг сам разбивает информацию на блоки из пяти, семи объектов.
Статья про текстовые интерфейсы и их преимущество перед графическими
Выписал основные тезисы из статьи, которые мне показались интересными.
Работать в консоли гораздо удобнее и запускать команды можно в разы быстрее, нежели в графическом интерфейсе. Устройству не требуется много ресурсов для отображения графики и все данные можно обрабатывать быстрее.
Автор приводит хороший аргумент, что графический интерфейс становится проблемным в те моменты, когда дизайнеры уходят от привычных паттернов проектирования. Ну или пытаются добавить уникальности в привычные интерфейсы, тем самым замедляя работу пользователя.
В графическом интерфейсе слишком много условий. Капча, всплывающее окно, недоступные элементы, различные размеры окна и различное отображение элементов.
Консоли поддерживают вывод изображений, графиков, диаграмм и интерактивных элементов в формате ASCII.
И ещё. В мире браузеров появился новый продукт под названием — Kristall. Это текстовый браузер, который работает на протоколе Gemini (сейчас все браузеры, которые мы используем работают на HTTPS/HTTP). Новый протокол является наиболее защищенным и более быстрым. В браузере нет поддержки CSS/JS/WASM (о третьем термине слышу впервые) поэтому никакого графического интерфейса. Прям, как старый добрый веб на его начальном этапе развития.
Вообщем обо всем этом интересном внутри статьи.
Хочешь преимуществ и приватности — плати. Так можно охарактеризовать недавние изменения в рекламной платформе 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
Делитесь и вы в комментариях