Полезная статья про доступность.

Как Яндекс Go адаптируют под незрячих пользователей. Немного техническая, но думаю, будет полезно.

Внутри:

– Подготовка к проделыванию такой работы
– Как менять UX
– Как обновлять данные на экране
– Базовый чек-лист для старта

Не забывайте в ваших проектах о таких пользователях. Они могут быть очень разные. Всегда знайте, кто будет пользоваться вашим продуктом. Незрячие люди, инвалиды (например без рук) итд. Им очень тяжело и нужно о них заботиться в своих проектах.

👉 Читать статью

@jun_hi

Интересно на почитать, как делали редизайн продукта австралийской компании Credit Sense.

Внутри:

– Постановка задачи
– Анализ
– Концепции
– Переработка UX и исследования
– Проработка требований

И другие интересные детали) Статья на русском и легко читается.

👉 Читать статью

@jun_hi

Как вам решение при наведении на кнопку на первом экране?) Никогда не видел таких всплывашек ранее на кнопках.

Как видят люди с разными проблемами зрения. Наглядно.

https://www.youtube.com/watch?v=8nuMGLQ1Um4

+ к этому руководство по созданию сайтов для людей с ограниченными возможностями.

От Студии Лебедева.

@jun_hi

Процессы.

Ключевой момент менеджемента в продуктовых командах – любой процесс можно (иногда нужно) менять и улучшать.

Приходя работать в компании, где не было дизайнера в команде, видно пробелы и косяки, которые хочется улучшать. Собственно, улучшать и надо. Не нужно терпеть плохие процессы и думать, что всё исправится само. Не исправится, если не проявить инициативу.

С любыми руководителями и членами команды нужно разговаривать и предлагать точки улучшения, если вы понимаете, что работа станет продуктивнее после них.

Главное – не молчать, а действовать. Некоторые годами работают тихонечко, их никто не трогает, платят зарплату и даже при самых плохих процессах им ок, и они молчат.

Я не сторонник таких кейсов и всегда иду разговаривать с любым человеком в компании, предлагая что-то лучше, чем есть сейчас. Аргументируя, конечно же, почему.

Всем эффективных процессов и слушающих менеджеров))

———

Проявляли инициативу по улучшению внутри команды?) Какие процессы изменили?)

@jun_hi
#пост

Полезное #22

———

Плагины для Figma:

🔸 Fast Photo Paste — находит и вставляет в проект фотографии из бесплатных фотостоков

🔸 Layer Styles — сохраняет стили и применяет их ко всем выбранным объектам

🔸 Mapsicle — вставляет онлайн-карты прямо в макет. Можно настраивать масштаб карты, а также находить точку через поиск или координаты

🔸 Breakpoints – позволяет из нескольких макетов получить один фрейм, в котором будут учитываться брейкпоинты адаптива.

———

Интересные сервисы и сайты:

🔹 Notionway. Коллекция из 150+ платных и бесплатных шаблонов для Notion под разные цели. На сайте доступна сортировка по назначению и цене.

🔹 Vev. Платформа для дизайна адаптивных сайтов без навыков программирования. Поддерживает командную работу, кастомные React-компоненты, содержит инструменты для SEO-оптимизации, готовые шаблоны и многое другое.

🔹 Set product. Библиотека с платными и бесплатными UI-китами и иконками для Figma. На сайте доступна простая сортировка по категориям.

🔹 Стильный промо-сайт спортивных кроссовок On Running The Roger с гибкой модульной системой, трёхмерными превью и необычной смешанной лентой из визуального контента, текста и товаров.

———

Бесплатные файлы:

▪️ Reasonable Colors. Готовая цветовая система для создания цветовых сочетаний, которые отвечают нормам доступности WCAG. Внутри 24 цвета, в каждом из которых по 6 оттенков от светлого тона к тёмному. Цвета можно копировать в виде значений HEX, HSL, LCH и RGB.

▪️ 20 бесплатных космических иконок в SVG и PNG

▪️ Базовый UI-Kit, который поможет сделать набросок своего приложения

———

Статьи:

📚 Виталий Фридман детально разбирает дизайн поисковой выдачи в интернет-магазинах, рассматривает минусы бесконечной прокрутки, а также предлагает, как её можно улучшить с помощью динамической пагинации, колонтитулов, закладок и других приёмов.

📚 Институт Баймарда опубликовал три лучшие рекомендации по UX-проектированию сайтов, которые предлагают подписку на регулярно используемые нецифровые товары, например, канцелярские товары или продукты.

📚 Большой частный спецпроект, посвящённый истории визуальной коммуникации и наследию графического дизайна.

@jun_hi
#полезное

Как же горит с того, что если я хочу отписаться от рассылки на почте от некоторых компаний, мне надо:

1) залогиниться в личный кабинет (данные от которого я без понятия и надо пройти флоу восстановления пароля)

2) найти там раздел уведомлений (иногда он неочевиден), а там ещё нажать 52 галочки, чтобы точно отписаться от всего, ведь одной галочки "убрать всё" нет.

Люблю и уважаю те компании, которые отписывают сразу и без лишних вопросов, когда я нажимаю из письма "Отписаться". Вначале пишут, что ящик удалён из рассылки и, если хочешь, то вот тебе поле для коммента и список причин почему отписался.

@jun_hi

Статья про всеми любимое NDA.

– как устроено соглашение о неразглашении
– какую юридическую силу имеет в рамках ГК РФ
– какая ответственность предусмотрена за нарушение

и другие правовые нюансы

👉 Читать статью

@jun_hi

Разбор процесса встречи нового пользователя в мобильном приложении Gmail.

100+ слайдов с пояснениями, что именно не так.

Листается быстро, но на английском.

👉 Смотреть разбор

@jun_hi

Кто-то мечтал или мечтает работать в Apple продуктовым дизайнером и делать этот мир лучше.

Нашёл несколько сайтов-портфолио людей, кто уже там работает, чтобы посмотреть их кейсы и чем они вообще занимались)

Изучайте:
https://johnyvino.com
https://www.rachellebtesh.me
https://www.domdavies.com
https://www.ireneshih.com
https://azumbrunnen.me

@jun_hi

Как вам копирайт ошибки в Яндекс.Директ? Все ли стало понятно после неё и что делать?) Обращаться в поддержку или? Вроде не написано, что пишите в поддержку) Как-то косвенно.

С какими более страшными ошибками сталкивались?) Может есть что-то страшнее этого. А то я пока не встретил.

Тут ребята из Hard Client выпустили большое исследование по работе с поисковой строкой в E-commerce. Советую изучить и почитать. У них всегда крупные и очень содержательные разборы.

👉 Читать исследование

———

Кто не знаком с ними, у них есть ещё очень детальные CJM по таким продуктам как:

– Ашан
– Делимобиль
– S7
– PERFORM

Тоже рекомендую к изучению) Очень много полезной информации.

⚡️⚡️Research Ops опубликовали огромную базу знаний про исследования. Внутри 100+ статей на разные темы, начиная от методологий, заканчивания инструментами.

Рекомендую всем ознакомиться, кто ещё этого не сделал и по-тихой её изучать) За раз не осилить.

👉 Открыть базу знаний

@jun_hi

Google выпустил большую коллекцию из 2000+ настраиваемых иконок. Они также доступны в виде вариативного шрифта на Google Fonts.

Можно настраивать заливку, толщину обводки, размер.

Также, иконки доступы в плагине для Figma.

👉 Сама коллекция
👉 Плагин для Figma

@jun_hi

Начнём четверг с большого разбора приложений Яндекс Лавки, Самоката, СберМаркета, Утконоса и Ozon Fresh.

Внутри разобраны основные составляющие с точки зрения UX и UI.

– Главный экран
– Карточки товаров
– Корзина
– Поиск
– Баннеры и доп. продажи
– Простота заполнения контактов и адреса
– Выводы

Поизучайте, довольно интересно)

👉 Читать разбор

@jun_hi

Разбор. Открыт июнь.

Кто новенький и ещё, вдруг, не знает :)

В ноябре я начал разбирать макеты, резюме, портфолио дизайнеров любого уровня.

С этого времени пообщался с 70+ классными ребятами и дал полезную обратную связь (по их отзывам).

🗓 Даты записей:
– Май весь занят
– В июне есть немного свободных слотов (обычно их разбирают за 10 минут)

Все разборы бесплатные. Делаю это, потому что хочу помогать и делать добро. Бескорыстно.

Если у вас есть макеты любого проекта, резюме, портфолио работ, вы хотите обсудить UX проекта, показать какой-то флоу или просто пообщаться за жизнь – записывайтесь по ссылке: https://fb.sv/U8ukad

Лайк, шер, репост как говорится и рекомендацию знакомым дизайнерам, которым это может быть полезно ❤️

@jun_hi

Всем спасибо, кто записался на июнь. Мест больше нет. Не ошибся я на счёт 10 минут)) Увидимся!

Июль открою в конце июня)

Проектирование медицинских интерфейсов

Внутри статьи:
– На что обращать внимание при проектировании сложных интерфейсов для медиков
– Как исследовать опыт пациентов
– Как донести пользу интерфейса до врачей
– Как строить гипотезы в медицинских проектах
– В чем отличиие опыта врача и пациента
– Как обучить врача новому интерфейсу

👉 Читать статью

@jun_hi