Дизайн лучших таблиц
Старая, но до сих пор актуальная статья с минимум текста и максимумом отличных советов по проектированию таблиц.
Материал можно использовать как чек-лист для проверки своих таблиц.
Ссылка на статью
Старая, но до сих пор актуальная статья с минимум текста и максимумом отличных советов по проектированию таблиц.
Материал можно использовать как чек-лист для проверки своих таблиц.
Ссылка на статью
🎉5🔥2❤1
Как рассказать о цене в B2B продукте
Статья о боли многих B2B продуктов — разговор о цене. Почти никто не выводит цену, хотя это один из основных критериев принятия решения о покупке.
Александра Савельева рассуждает о причинах такой ситуации и предлагает ряд решений проблемы с примерами уже существующих сложных сервисов.
Ссылка на статью
Статья о боли многих B2B продуктов — разговор о цене. Почти никто не выводит цену, хотя это один из основных критериев принятия решения о покупке.
Александра Савельева рассуждает о причинах такой ситуации и предлагает ряд решений проблемы с примерами уже существующих сложных сервисов.
Ссылка на статью
❤3🎉1
Как дизайн решает бизнес-задачи
Дизайнеры говорят, что они решают бизнес-задачи. И это правда, иначе бизнес отказался бы платить. Другое дело, что дизайнеры часто не могут объяснить, как именно они это делают.
Авторы статьи вводят понятие «дизайн-задачи», которое помогает определить вклад дизайнеров в решение бизнес-задач. Далее приводятся примеры типовых задач бизнеса и роль дизайнера в них.
Ссылка на статью
Дизайнеры говорят, что они решают бизнес-задачи. И это правда, иначе бизнес отказался бы платить. Другое дело, что дизайнеры часто не могут объяснить, как именно они это делают.
Авторы статьи вводят понятие «дизайн-задачи», которое помогает определить вклад дизайнеров в решение бизнес-задач. Далее приводятся примеры типовых задач бизнеса и роль дизайнера в них.
Ссылка на статью
❤5👍1🎉1
Разработка дизайн-системы (часть 1)
Павел Голюбов — продуктовый дизайнер из Сбера, открыл серию статей по разработке дизайн-системы. Уже со старта материал интересный, всё подробно и примеры годные.
В первой части рассказывается о самых основах:
– Три «природы» артефактов: дизайн, код и процесс;
– Ценности для продуктовой команды, пользователей и бизнеса;
– Ключевые шаги построения дизайн-системы.
Ссылка на статью
UPD: Автор, похоже, удалил статью.
UPD2: Новая ссылка.
Павел Голюбов — продуктовый дизайнер из Сбера, открыл серию статей по разработке дизайн-системы. Уже со старта материал интересный, всё подробно и примеры годные.
В первой части рассказывается о самых основах:
– Три «природы» артефактов: дизайн, код и процесс;
– Ценности для продуктовой команды, пользователей и бизнеса;
– Ключевые шаги построения дизайн-системы.
Ссылка на статью
UPD: Автор, похоже, удалил статью.
UPD2: Новая ссылка.
🔥17❤1🎉1
Чеклист для прототипов
Хорошие практические советы для подготовки прототипа к юзабилити-тестированию от Екатерины Бессчётновой — руководителя направления UX-исследований RuStore.
Внутри статьи:
– Создание сценария;
– Требования к прототипу по сценарию;
– Проверка элементов прототипа;
– Предпросмотр прототипа.
Ссылка на статью
Хорошие практические советы для подготовки прототипа к юзабилити-тестированию от Екатерины Бессчётновой — руководителя направления UX-исследований RuStore.
Внутри статьи:
– Создание сценария;
– Требования к прототипу по сценарию;
– Проверка элементов прототипа;
– Предпросмотр прототипа.
Ссылка на статью
❤9👍3🎉1
Метод дизайн-спринтов
На реальном примере Дима Шувалов — CEO УМ (экосистема AGIMA), разбирает очень интересную методу, которая помогает быстро проверять продуктовые идеи перед их непосредственной реализацией.
Внутри статьи:
– Что такое проектировочный спринт;
– Сколько времени нужно на спринт;
– Структура спринта;
– Дополнительные материалы для изучения.
Ссылка на статью
На реальном примере Дима Шувалов — CEO УМ (экосистема AGIMA), разбирает очень интересную методу, которая помогает быстро проверять продуктовые идеи перед их непосредственной реализацией.
Внутри статьи:
– Что такое проектировочный спринт;
– Сколько времени нужно на спринт;
– Структура спринта;
– Дополнительные материалы для изучения.
Ссылка на статью
❤4🎉1
Шаблон для портфеля на Framer
Craftwork выпустили небольшой шаблон для оформления кейсов в портфолио на Framer. Исходники можно забрать бесплатно по промокоду
Если готовите сейчас свой портфель, то советую обратить внимание на этот простой и одновременно симпатичный шаблон.
Ссылка на шаблон
Craftwork выпустили небольшой шаблон для оформления кейсов в портфолио на Framer. Исходники можно забрать бесплатно по промокоду
sigmafjeri100 (либо покупайте за 18$).Если готовите сейчас свой портфель, то советую обратить внимание на этот простой и одновременно симпатичный шаблон.
Ссылка на шаблон
❤4🔥2🎉1
Как исследователи хранят знания о пользователях
Специалисты Контура и VK обменялись практиками, которые помогают им хранить, а также распространять в команде результаты продуктовых исследований.
Статья будет полезна тем, кто хочет упорядочить или улучшить хранение знаний о пользователях в своём продукте.
Ссылка на статью
Специалисты Контура и VK обменялись практиками, которые помогают им хранить, а также распространять в команде результаты продуктовых исследований.
Статья будет полезна тем, кто хочет упорядочить или улучшить хранение знаний о пользователях в своём продукте.
Ссылка на статью
❤3🎉2
План выполнения тестового на стажировку в Яндексе
В последнюю неделю у меня какая-то лютая загрузка и я только сейчас в глаза увидел тестовое. Выполнять ещё не начал, но накинул план, по которому можно пойти.
Для тех, кто не в курсе, о чём я тут, у Яндекса открыта стажёрская позиция, для которой нужно выполнить тестовое перед откликом. Так вот, у меня есть желание выполнить тестовое. Текст задачи закину в комментарии к посту.
1. Посмотрим, что у других (3 часа)
Самое очевидное, но и в теории вполне эффективное исследование — посмотреть прямых конкурентов, изучить новичков и поискать что-то интересное в смежных областях. С прямыми конкурентами всё понятно, их список можно быстро составить и пройтись. С новичками будет посложнее, я бы пошёл на ProductHunt и поискал там всякие модные «Web3», «Blockchain» почты. В конце стоит заглянуть в смежные продукты и поискать интересных исполнений, которые могут быть полезны для решения задачи.
2. Изучить хорошо почту Яндекса (1 час)
Тут предлагаю хорошо закопаться в информационную архитектуру и нынешний функционал почты, чтобы понимать, что и как уже можно заиспользовать в новой версии дизайна карточки пользователя.
3. Пообщаться с пользователями (6-10 часов)
Перед отрисовкой макетов идеально было бы ещё пообщаться с пользователями и поискать инсайты. Нужно будет выделить сегменты пользователей, которым мог бы потребоваться функционал карточки пользователя, подготовить вопросы, найти респондентов и идти общаться. Думаю, 3-х чел для тестового будет более чем.
4. Отрисовка макетов (3-4 часа)
Данных будет накоплено достаточно и можно будет рисовать макеты. Тут неплохо было бы сделать ещё упор на обновление визуальной составляющей карточки, потому что нынешняя по-любому легаси и слабо соответствует новой внедряемой дизайн-системе.
5. Мини-презентация решения + Loom (1-2 часа)
В конце всё упаковать в небольшую презентацию и дополнить её лумчиком на 3-10 мин. Один час сверху закладываю на миллиард неудачных дублей)
Итого: 20 часов, что как бээээ дохера для тестового. Возможно, на ходу получится на некоторых этапах хорошо срезать и заоптимизироваться, но это уже выяснится в процессе.
Вот мой план. Как у вас? И ещё, признавайтесь, все сперва решили карточку пользователя Telegram засунуть в интерфейс?)
В последнюю неделю у меня какая-то лютая загрузка и я только сейчас в глаза увидел тестовое. Выполнять ещё не начал, но накинул план, по которому можно пойти.
Для тех, кто не в курсе, о чём я тут, у Яндекса открыта стажёрская позиция, для которой нужно выполнить тестовое перед откликом. Так вот, у меня есть желание выполнить тестовое. Текст задачи закину в комментарии к посту.
1. Посмотрим, что у других (3 часа)
Самое очевидное, но и в теории вполне эффективное исследование — посмотреть прямых конкурентов, изучить новичков и поискать что-то интересное в смежных областях. С прямыми конкурентами всё понятно, их список можно быстро составить и пройтись. С новичками будет посложнее, я бы пошёл на ProductHunt и поискал там всякие модные «Web3», «Blockchain» почты. В конце стоит заглянуть в смежные продукты и поискать интересных исполнений, которые могут быть полезны для решения задачи.
2. Изучить хорошо почту Яндекса (1 час)
Тут предлагаю хорошо закопаться в информационную архитектуру и нынешний функционал почты, чтобы понимать, что и как уже можно заиспользовать в новой версии дизайна карточки пользователя.
3. Пообщаться с пользователями (6-10 часов)
Перед отрисовкой макетов идеально было бы ещё пообщаться с пользователями и поискать инсайты. Нужно будет выделить сегменты пользователей, которым мог бы потребоваться функционал карточки пользователя, подготовить вопросы, найти респондентов и идти общаться. Думаю, 3-х чел для тестового будет более чем.
4. Отрисовка макетов (3-4 часа)
Данных будет накоплено достаточно и можно будет рисовать макеты. Тут неплохо было бы сделать ещё упор на обновление визуальной составляющей карточки, потому что нынешняя по-любому легаси и слабо соответствует новой внедряемой дизайн-системе.
5. Мини-презентация решения + Loom (1-2 часа)
В конце всё упаковать в небольшую презентацию и дополнить её лумчиком на 3-10 мин. Один час сверху закладываю на миллиард неудачных дублей)
Итого: 20 часов, что как бээээ дохера для тестового. Возможно, на ходу получится на некоторых этапах хорошо срезать и заоптимизироваться, но это уже выяснится в процессе.
Вот мой план. Как у вас? И ещё, признавайтесь, все сперва решили карточку пользователя Telegram засунуть в интерфейс?)
🔥6👍4🗿2❤1
Обтравка объекта
Небольшой видео урок по обтравке сложного объекта в фотошопе.
Сейчас все умеют проектировать и исследовать, но обтравлять человека, у которого «не прилизаны» волосы единицы, при том что это тоже полезный навык для дизайнера.
Да, скоро нейронки снимут с нас подобные задачи, но пока это время не настало, учимся всё делать ручками.
Ссылка на видео
Небольшой видео урок по обтравке сложного объекта в фотошопе.
Сейчас все умеют проектировать и исследовать, но обтравлять человека, у которого «не прилизаны» волосы единицы, при том что это тоже полезный навык для дизайнера.
Да, скоро нейронки снимут с нас подобные задачи, но пока это время не настало, учимся всё делать ручками.
Ссылка на видео
❤4👎2🔥2
Групповое мышление в работе над продуктом
Интересная статья от NNGroup, где разбирается эффект группового мышления команды, который мешает более комплексно и трезво смотреть на задачи.
Во второй части статьи разбирается пачка негативных примеров группового мышления и советы по выходу из проблемы.
Ссылка на статью
Интересная статья от NNGroup, где разбирается эффект группового мышления команды, который мешает более комплексно и трезво смотреть на задачи.
Во второй части статьи разбирается пачка негативных примеров группового мышления и советы по выходу из проблемы.
Ссылка на статью
❤2
UX форм поиска на сайтах российских клиник
Очередное большое исследование ИЦ Everest, в котором разобран поиск на сайтах многофункциональных медицинских клиник: как он реализован, какие есть удачные решения и где есть возможные точки роста.
Внутри статьи:
– Разбор поисковой строки;
– Разбор поисковых подсказок;
– Разбор страницы результатов;
– Реализация поиска от Everest;
– Выводы по каждой клинике;
– Анализ агрегаторов.
Ссылка на статью
Очередное большое исследование ИЦ Everest, в котором разобран поиск на сайтах многофункциональных медицинских клиник: как он реализован, какие есть удачные решения и где есть возможные точки роста.
Внутри статьи:
– Разбор поисковой строки;
– Разбор поисковых подсказок;
– Разбор страницы результатов;
– Реализация поиска от Everest;
– Выводы по каждой клинике;
– Анализ агрегаторов.
Ссылка на статью
❤4🎉3
Дизайн диаграмм рассеяния
Вышла 3 часть очень крутой серии статей про диаграммы. В этот раз речь пойдёт про дизайн диаграмм рассеивания (или Scatter Plot).
Внутри статьи:
– Что за диаграммы и где используются;
– Дизайн точек;
– Дизайн средних линий;
– Подписи фигур и легенда;
– Временные графики;
– Плотность рассеяния.
Ссылка на статью
Вышла 3 часть очень крутой серии статей про диаграммы. В этот раз речь пойдёт про дизайн диаграмм рассеивания (или Scatter Plot).
Внутри статьи:
– Что за диаграммы и где используются;
– Дизайн точек;
– Дизайн средних линий;
– Подписи фигур и легенда;
– Временные графики;
– Плотность рассеяния.
Ссылка на статью
🔥3❤2🎉1
Как сделать ВкусВилл ещё удобнее?
Первый в этом году разбор Станислава Хрусталёва, автора проекта HardClient. В этот раз речь пойдёт про iOS приложение ВкусВилла, в котором нашлось 160 точек роста.
Внутри статьи:
– Онбординг;
– Каталог товаров;
– Карточки товаров;
– Рейтинг и отзывы;
– Выбор магазина;
– Избранное и списки товаров;
– Корзина;
– Оформление и оплата заказа;
– Отслеживание заказа;
– Авторизация;
– Профиль и карта;
– Поддержка клиентов;
– Уведомления.
Ссылка на статью
Первый в этом году разбор Станислава Хрусталёва, автора проекта HardClient. В этот раз речь пойдёт про iOS приложение ВкусВилла, в котором нашлось 160 точек роста.
Внутри статьи:
– Онбординг;
– Каталог товаров;
– Карточки товаров;
– Рейтинг и отзывы;
– Выбор магазина;
– Избранное и списки товаров;
– Корзина;
– Оформление и оплата заказа;
– Отслеживание заказа;
– Авторизация;
– Профиль и карта;
– Поддержка клиентов;
– Уведомления.
Ссылка на статью
🎉5🔥2❤1
Каналы сбора обратной связи от пользователей
Владислава Епифанова, UX-исследователь из Контура, делится опытом, как она с командой настраивала каналы сбора обратной связи от пользователей и какие результаты были получены.
Внутри статьи:
– Опросы в сервисе;
– Обращения в техподдержку;
– Обратная связь от отдела внедрения;
– Обратная связь от отдела активации;
– Обратная связь от отдела продаж;
– Информация от отдела маркетинга;
– Результаты по каналам и советы.
Ссылка на статью
Владислава Епифанова, UX-исследователь из Контура, делится опытом, как она с командой настраивала каналы сбора обратной связи от пользователей и какие результаты были получены.
Внутри статьи:
– Опросы в сервисе;
– Обращения в техподдержку;
– Обратная связь от отдела внедрения;
– Обратная связь от отдела активации;
– Обратная связь от отдела продаж;
– Информация от отдела маркетинга;
– Результаты по каналам и советы.
Ссылка на статью
🎉8❤1👍1
Ребят, сегодня публикация с полезной статей обязательно будет, но чуть позже. Немного запары со временем)
UPD: А что-то уже 3 статьи прочёл и ни о чём все. Похоже сегодня без полезностей.
UPD: А что-то уже 3 статьи прочёл и ни о чём все. Похоже сегодня без полезностей.
🙏5❤2
Зачем дизайнеру проводить исследования
Интересный рабочий опыт Дарьи Коршуновой, продуктового дизайнера из CберМаркета, про то, как исследования помогли сэкономить время и ресурсы бизнеса, а также как она с командой быстро проводит исследования.
Ссылка на видео
Интересный рабочий опыт Дарьи Коршуновой, продуктового дизайнера из CберМаркета, про то, как исследования помогли сэкономить время и ресурсы бизнеса, а также как она с командой быстро проводит исследования.
Ссылка на видео
❤13👍1🎉1
Люстра
Зачем дизайнеру проводить исследования Интересный рабочий опыт Дарьи Коршуновой, продуктового дизайнера из CберМаркета, про то, как исследования помогли сэкономить время и ресурсы бизнеса, а также как она с командой быстро проводит исследования. Ссылка на видео
У кого-нибудь получается так же дешево проводить немодерируемые UX-исследования? Что-то не нашёл ни одного подтверждения, что такой ценник возможен)
😁2❤1
Как мыслят в продуктовой команде
Виктория Ковтун, главный менеджер продукта в Delivery Hery, провела лекцию по продуктовому подходу, в которой рассказала, что значит «мыслить продуктом» и как это помогает любому участнику продуктовой команды расти быстрее.
Внутри лекции:
– Что такое продуктовый подход;
– Альтернативные подходы;
– Зачем продуктовый подход разным специалистам.
Ссылка на видео
Виктория Ковтун, главный менеджер продукта в Delivery Hery, провела лекцию по продуктовому подходу, в которой рассказала, что значит «мыслить продуктом» и как это помогает любому участнику продуктовой команды расти быстрее.
Внутри лекции:
– Что такое продуктовый подход;
– Альтернативные подходы;
– Зачем продуктовый подход разным специалистам.
Ссылка на видео
❤10🎉2
Как управлять конфликтами
Иван Антипин из AGIMA рассказал, как тимлиду вести себя, если команду штормит или если он сам стал участником столкновения.
Материал не про дизайн и больше для лидов, но, думаю, всё равно многим может пригодиться.
Внутри статьи:
– Зачем управлять конфликтами;
– Причины возникновения конфликтов;
– Стадии конфликта;
– Функции конфликта;
– Как проявляется конфликт;
– Варианты исхода конфликта;
– Как решать конфликты.
Ссылка на статью
Иван Антипин из AGIMA рассказал, как тимлиду вести себя, если команду штормит или если он сам стал участником столкновения.
Материал не про дизайн и больше для лидов, но, думаю, всё равно многим может пригодиться.
Внутри статьи:
– Зачем управлять конфликтами;
– Причины возникновения конфликтов;
– Стадии конфликта;
– Функции конфликта;
– Как проявляется конфликт;
– Варианты исхода конфликта;
– Как решать конфликты.
Ссылка на статью
❤5🎉2
Создание концепции продукта
Мей Чжан, продуктовый дизайнер из Booking, подготовила ментальную карту в Miro, которая призвана помочь в создании концепции продукта. В статье Мей объяснила, зачем нужна данная карта, и пояснила за её основные ветки.
Внутри статьи:
– Влияние дизайнеров на концепцию продукта;
– Ветка «Согласование»: привлечение заинтересованных сторон и создание команды;
– Ветка «Понимание»: понимание пользователей, рынка, бизнеса, технологий и проблем, которые необходимо решить;
– Ветка «Виденье»: определение принципов, возможностей и создание концепции;
– Ветка «Стратегия»: создание стратегии и воплощение концепции в жизнь.
Ссылка на статью
Ссылка на Miro
Мей Чжан, продуктовый дизайнер из Booking, подготовила ментальную карту в Miro, которая призвана помочь в создании концепции продукта. В статье Мей объяснила, зачем нужна данная карта, и пояснила за её основные ветки.
Внутри статьи:
– Влияние дизайнеров на концепцию продукта;
– Ветка «Согласование»: привлечение заинтересованных сторон и создание команды;
– Ветка «Понимание»: понимание пользователей, рынка, бизнеса, технологий и проблем, которые необходимо решить;
– Ветка «Виденье»: определение принципов, возможностей и создание концепции;
– Ветка «Стратегия»: создание стратегии и воплощение концепции в жизнь.
Ссылка на статью
Ссылка на Miro
🎉6❤2