Навыки для дизайнера продукта

– Уметь создавать эстетически привлекательный интерфейс (помним, что более красивый интерфейс кажется более удобным)

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

– Внимание ко всем деталям при проектировании интерфейса. Умение предусматривать промежуточные корнер-кейсы, которые могут возникать в процессе того или иного флоу

– Умение идти на компромиссы с заказчиком принимать обдуманные решения

– Понимать, как создаются CJM, JBTD и прочие, когда это может потребоваться. Изучать с нуля будет не быстро)

– Знание гайдлайнов: IOS, Android, Windows и прочих. Мало ли, с этим предстоит работать

– Понимание того, когда нужно делать по гайдлайнам, а когда можно разработать новое решение

– Умение работать с брендом продукта, если он есть. Понимать, как это можно внедрять в продукт и пользовательский опыт

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

– Уметь создавать кликабельные прототипы, иногда чуть более сложные, чем просто клик по кнопкам

– Уметь писать интерфейсный текст (возможно не на идеальном уровне, но понимать, как смыслами можно доносить суть того, что представлено на странице, зачастую текстом). Чтобы любому клиенту было понятно, о чём речь. Не работайте с рыбой, желательно никогда.

– Уметь мыслить и глобально и супер глубокими сценариями. Вам нужно понимать, как продукт может масштабироваться, чтобы заложить изначально правильный layout, вам нужно понимать все проблемы пользователей, их путь, их эмоции в момент прохождения флоу, какие задачи они хотят решить на данном этапе итд.

– Знать и уметь применять исследования. Какие виды существуют, когда их применять и какой будет наиболее быстрый и дешёвый для проверки ваших экранов

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

– Умение работать с Фигмой. Компоненты, автолэйауты, создание UI кит, варианты, работа с библиотеками, с плагинами итд

– Уметь давать и получать критику

– Понимать, как расставлять приоритеты в ваших задачах и уметь защищать ваши решения перед бизнесом

– Уметь передавать макеты в разработку, писать документацию, которая облегчит им жизнь при вёрстке

———

Если я что-то пропустил, добавляйте в комменты)

@jun_hi

Ребята из Hardclient выпустили очередной большой разбор. На этот раз про характеристики и описание на странице товара.

– Базовые моменты по характеристикам
– Описание товара
– Сравнение и помощь в выборе
– Скрытие и отображение характеристик

Статья большая с большим количеством примеров. Читать лучше с ПК)

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

@jun_hi

Нашёл в одном из каналов полезный гайд по CX-исследованиям.

Внутри:
– Как проводить
– Как подготовиться
– Как анализировать
– Про некоторые виды исследований

И ещё много полезной информации) Скачивайте, изучайте. Полезно.

@jun_hi

Ребята, нас уже почти 2000 человек, просто офигеть) Не думал, что будет столько людей за достаточно короткий промежуток существования моего канала.

Давайте немножечко познакомимся. Многих я уже знаю лично, кого-то заочно, кто-то был у меня на разборах) Но мне кажется, тут ещё сотни интересных дизайнеров и просто прекрасных людей)

Пишите в комментарии, чем занимаетесь, где работаете, сколько лет опыта) Очень интересно.

Давайте общаться и знакомиться ❤️, возможно, кого-то заметят рекрутеры, если таковые тут есть)

Да и просто хочу сказать всем спасибо! Всех люблю, спасибо вам!)

———

Пост про меня

@jun_hi

Недавно в Британке был интенсив по продуктовому дизайну. И ребята сделали парочку полезных и интересных кейсов с исследованиями, прототипами, всё как полагается.

Крутыши из MAX опубликовали некоторые кейсы. Рекомендую с ними ознакомиться. Всё сделано для реальных клиентов. Внутри есть QR коды на полезные файлики в каждом кейсе.

———

ВТБ — задачка про соцвыплаты
Кейс с решением

СБЕР — задачка про премиальные пакеты услуг
Кейс с решением

Пятерочка — задачка про семейные счета
Кейс с решением

Теле2 – увеличить конверсию в разделе Услуги
Кейс с решением

@jun_hi

В 2020 году у Wrike была конфа, где выступал Дима Щеглов (на тот момент Lead Designer в Revoult).

Я наткнулся на эту запись и посмотрел. И это было очень полезно и рассказано простым языком.

О чем видео:
– Как их дизайн-команда работает над проектами
– Какие используются дизайн-принципы
– Какие критерии оценки качества проектов
– Как коллективно строить дизайн-систему и добиться того, что любая часть продукта выглядела консистентно

Показал внутреннюю кухню, как устроены макеты в Figma и ещё много полезных мыслей.

В общем, кто не посмотрит, тот джун)))

Лайфхак: можно спокойно смотреть все видосы на скорости 1.75. Инфа воспринимается ни чуть не хуже, но тратится сильно меньше времени.

👉 Смотреть доклад

@jun_hi

Вчера прочитал интересную статью о том, как в Яндекс.Драйв обновляли профиль водителя за 8 итераций, в результате которого 90% водителей стали ездить аккуратнее.

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

В общем, рекомендую) Получилось действительно круто, в сравнении с тем, что было в начале.

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

@jun_hi

Дизайн-процесс.

Очень часто на собеседованиях слышу вопрос "Расскажите о вашем дизайн-процессе".

Давайте обсудим в комментариях, что для вас "идеальный" процесс в вашем продукте/студии. Как вы получаете задачи, как их доводите до прода, как исследуете ваш дизайн (если такой процесс есть).

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

Пишите)

@jun_hi

Как раз к посту выше выкладываю дополнение в виде очень полезного видео от моего дорогого товарища и крутого дизайнера Богдана, Lead Product Designer из EPAM.

Он рассказал, как определить уровень дизайнера за 5 простых вопросов на собеседовании, что не нужно делать на собесе, если вы рассчитываете на оффер и ещё много полезной информации про найм дизайнеров.

Будет полезно дизайнерам любого уровня) Можно смотреть на чуть ускоренном режиме, в целом ок.

👉 Смотреть видео

@jun_hi

Начнём понедельник со статьи для E-commerce от ребят из Hardclient.

В этот раз они написали про рейтинг и отзывы о товаре на его странице.

Внутри:
– highlight оценок и отзывов
– rating summary
– оценки характеристик
– блок с отзывами
– полный список отзывов
– сортировка и фильтр
– карточки отзывов
– реакция на отзывы
– ответы

и как обычно масса полезной информации с точки зрения UX и удобства для пользователя

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

@jun_hi

Виталий Фридман написал статью по дизайну поисковой выдачи в интернет-магазинах.

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

Советую к прочтению, статья на английском, но легко читается. Можно перевести в Deepl.

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

@jun_hi

Вчера Apple представила новую macOS 13 Ventura и добавила в неё нативное приложение погоды (наконец-то).

Не знаю как вам, но мне очень нравится дизайн этого) Всё аккуратно, информативно и в стиле эпла.

Как вам дизайн?) А да, ещё дождик капает на фоне) и бьётся прям о верхние плашки как об асфальт, очень круто.

Мой знакомый товарищ Толя Вербицкий из Aliexpress написал статью о том, как они упроситили структуру файлов в Figma.

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

Там же ещё и шаблон проекта, который можно утащить к себе и попробовать использовать у себя.

Читайте, пользуйтесь:)

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

@jun_hi

Одна из лучших 404, которые я встречал, на Dribbble.

Внутри 404 десяток проектов, на которые можно перейти, исходя из выбранной цветовой схемы. Меняете чуть цвет и проекты уже другие.

Очень круто.

Кидайте примеры крутых 404 еще в комменты)

👉 Заценить 404

@jun_hi

Нашёл для вас более 100 примеров экранов Paywall в мобильных приложениях.

Это то самое, когда оформляется подписка.

Внутри можно отфильтровать по категориям

Изучайте и используйте в своих приложениях)

👉 Смотреть пэйволлы

@jun_hi

Задачка про приоритеты.

Представим ситуацию. Вы работаете, например в банке. Вас наняли проектировать кредиты для физ лиц. Но в банке еще есть ипотеки и кабинет юр лиц.

В ипотеках и юр лицах был один дизайнер и он ушел. Остались только вы, 3 продукта и разные продакты, которые отвечают за них.

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

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

Как будете выставлять приоритет трём задачам в разных продуктах с разными продактами? Что предпримите, как дизайнер?

Пишите в комменты :) Обсудим.

@jun_hi

Статья о том, как выбрать метод UX-исследования с приложенным очень подробным фреймворком внутри (он на англ, но можно перевести).

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

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

@jun_hi

Статья о снижении когнитивной нагрузки на пользователя при оформлении заказа

Внутри:
– Страница доставки
– Страница оплаты
– Страница подтверждения заказа
– Размещение заказа

Короткая выжимка от ребят из Uprock

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

@jun_hi

Библиотека бесплатных и красивых 1.100 аутлайн иконок на разные темы:

– Основные
– Layout
– Разработка
- Финансы
– Карты, путешествия
– Погода
– Стрелки
– Пользователь
– Shapes
– Файлы
– Картинки
– Время
– Образование
– Медиа
– Чарты

И многие другие)

Забирайте, пользуйтесь в своих проектах. Можно купить платный пак, там откроются ещё два вида иконок (двойной цвет и двойной тон).

👉 Забрать иконки

@jun_hi

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

На другую вкладку не переводят.

Спасибо Дискорд за заботу)

@jun_hi

Очередной полезный разбор от ребят из Hardclient. На этот раз они разобрали допродажи и cross-sell на странице товара.

– Идеи подборок допродажи
– Идеи подборок cross-sell и навигации
– Общие требования к подборкам
– Аксессуары
– Сравнение товаров
– История просмотров

И тонна другой полезной информации)

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

@jun_hi