«Яндекс.Взгляд» и «Яндекс.Толока» запустили возможность проводить UX-тесты.
Ссылка на сервис
Ссылка на сервис
Ребят, привет! До сентября я в отпуске, кто писал мне и я не ответила ссори сейчас не на связи практически :)
Secondary research
- дешевый способ исследования
- основа для Primary research
- фундамент для построения гипотез
План по secondary research.
1️⃣ Определите тему и вопрос исследования
Начните с вопроса исследования. Подумайте, почему вы проводите исследование и что вы хотите сделать в дальнейшем со своими результатами (персонами, CJM и т. д.).
2️⃣ Поиск информации
Соберите список заинтересовавших вас на тему исследования внутренних и/или внешних источников и попытайтесь оценить их достоверность. Это могут быть: книги, новости, форумы, блоги и т.п
3️⃣ Учитесь
Систематически собирать данные. Просмотрите список, который вы создали, и изучите потенциально интересную информацию. Читайте статьи или просматривайте статистику, которую вы нашли. Также посмотрите какие источники используется в статьях.
4️⃣ Выдвигайте гипотезы
Создайте резюме своего исследования. Оно может быть более формальным (отчет) или визуальным (майнд карта). Используйте эту информацию, чтобы создать гипотезы.
В итоге:
Вам нужно построить гипотезы и составить вопросы, чтобы разобраться в теме, прежде чем перейти к Primary research
- дешевый способ исследования
- основа для Primary research
- фундамент для построения гипотез
План по secondary research.
1️⃣ Определите тему и вопрос исследования
Начните с вопроса исследования. Подумайте, почему вы проводите исследование и что вы хотите сделать в дальнейшем со своими результатами (персонами, CJM и т. д.).
2️⃣ Поиск информации
Соберите список заинтересовавших вас на тему исследования внутренних и/или внешних источников и попытайтесь оценить их достоверность. Это могут быть: книги, новости, форумы, блоги и т.п
3️⃣ Учитесь
Систематически собирать данные. Просмотрите список, который вы создали, и изучите потенциально интересную информацию. Читайте статьи или просматривайте статистику, которую вы нашли. Также посмотрите какие источники используется в статьях.
4️⃣ Выдвигайте гипотезы
Создайте резюме своего исследования. Оно может быть более формальным (отчет) или визуальным (майнд карта). Используйте эту информацию, чтобы создать гипотезы.
В итоге:
Вам нужно построить гипотезы и составить вопросы, чтобы разобраться в теме, прежде чем перейти к Primary research
Виды дизайна
Интерфейсный дизайн (Interface design)
Информационная архитектура, юзабилити-тестирование, графический дизайн, типографика, цветовые схемы и общий вид.
Дизайн опыта (Experience design)
Процесс, который оценивает качество опыта пользователя при взаимодействии с конкретным дизайном или продуктом. Основное внимание уделяется конкретной технологии, то есть людям, взаимодействующим с конкретным продуктом, и опыту, который они получают от этого взаимодействия.
Дизайн взаимодействия (Interaction design)
В отличие от сервисного дизайна, ориентированный только на точки соприкосновения, а не на более широкий сервис. Акцент сделан на качество опыта, включая культурно значимые решения. Хотя это часто взаимозаменяемо, в отличие от чистого UX, его можно расширить, чтобы охватить все точки соприкосновения, с которыми сталкивается клиент при взаимодействии с компанией, а не только с одним продуктом/услугой.
Сервисный дизайн (Service design)
Методология организации предоставления услуг по взаимодействию между пользователями, контактными точками, обслуживающим персоналом и другими участниками. Рассматривает людей, инфраструктуру, связь и материальные компоненты услуги и не ограничивается диджиталом или отдельным продуктом / услугой.
Человекоориентированный дизайн (Human centred design)
Всеобъемлющая основа процессов, которая объединяет широкий набор практик, связанных с пониманием потребностей, желаний и ограничений конечных пользователей, например, людей. Помогает улучшить принятие стратегических решений, а также повысить эффективность отдельных программ и услуг.
Интерфейсный дизайн (Interface design)
Информационная архитектура, юзабилити-тестирование, графический дизайн, типографика, цветовые схемы и общий вид.
Дизайн опыта (Experience design)
Процесс, который оценивает качество опыта пользователя при взаимодействии с конкретным дизайном или продуктом. Основное внимание уделяется конкретной технологии, то есть людям, взаимодействующим с конкретным продуктом, и опыту, который они получают от этого взаимодействия.
Дизайн взаимодействия (Interaction design)
В отличие от сервисного дизайна, ориентированный только на точки соприкосновения, а не на более широкий сервис. Акцент сделан на качество опыта, включая культурно значимые решения. Хотя это часто взаимозаменяемо, в отличие от чистого UX, его можно расширить, чтобы охватить все точки соприкосновения, с которыми сталкивается клиент при взаимодействии с компанией, а не только с одним продуктом/услугой.
Сервисный дизайн (Service design)
Методология организации предоставления услуг по взаимодействию между пользователями, контактными точками, обслуживающим персоналом и другими участниками. Рассматривает людей, инфраструктуру, связь и материальные компоненты услуги и не ограничивается диджиталом или отдельным продуктом / услугой.
Человекоориентированный дизайн (Human centred design)
Всеобъемлющая основа процессов, которая объединяет широкий набор практик, связанных с пониманием потребностей, желаний и ограничений конечных пользователей, например, людей. Помогает улучшить принятие стратегических решений, а также повысить эффективность отдельных программ и услуг.
Обновление UXBASE
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Инструменты
Интенсив по Figma — полный обзор от А до Я за 45 минут
Сервис для UX тестирования (Яндекс Взгляд+Яндекс Толока)
⏺ Библиотеки
The Psychology of Design
Психология дизайна: 101 когнитивных предубеждений и принципов, которые влияют на ваш UX
⏺ Работа в команде
Как передавать макеты в разработку?
⏺ Исследования
Что анализировать перед проектированием интерфейса
⏺ Инструменты
Простое руководство по Webflow для начинающих
⏺ Интерфейс
Дизайн и информационная безопасность
Как нарисовать сет иконок?
От чего отталкиваться — от сетки, радиусов или?
⏺ Юзабилити тестирование
Юзабилити-тестирование по дешевке
⏺ А/B тестирование
12 принципов для A/B-тестирования
⏺ Библиотеки
Сокровищница аналитика
⏺ USM
Функциональная архитектура и User Story Mapping
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Инструменты
Интенсив по Figma — полный обзор от А до Я за 45 минут
Сервис для UX тестирования (Яндекс Взгляд+Яндекс Толока)
⏺ Библиотеки
The Psychology of Design
Психология дизайна: 101 когнитивных предубеждений и принципов, которые влияют на ваш UX
⏺ Работа в команде
Как передавать макеты в разработку?
⏺ Исследования
Что анализировать перед проектированием интерфейса
⏺ Инструменты
Простое руководство по Webflow для начинающих
⏺ Интерфейс
Дизайн и информационная безопасность
Как нарисовать сет иконок?
От чего отталкиваться — от сетки, радиусов или?
⏺ Юзабилити тестирование
Юзабилити-тестирование по дешевке
⏺ А/B тестирование
12 принципов для A/B-тестирования
⏺ Библиотеки
Сокровищница аналитика
⏺ USM
Функциональная архитектура и User Story Mapping
Пост для начинающих в дизайне.
Когда только начинала карьеру дизайнера на фрилансе постоянно делала мудбоарды строго под проект, у меня не было стиля и да что уж говорить, даже не знала о том, что он нужен. Просто брифовались с клиентом он сам присылал референсы, что ему нравится. Но с опытом понимаешь, что клиент идет на портфолио дизайнера, потому что именно твой стиль важен для него плюс сразу можно выделится среди других дизайнеров, да и сам заказчик меньше делает правок, тут все очевидно.
Подумав, стала собирать мудбоард для профессионального роста в дизайне, собираю и разбиваю по стилям, чтобы выработать свой неповторимый.
Где можно собирать мудбоарды для роста в дизайне:
1. Dropmark - сейчас пользуюсь этим сервисом, важно не только поместить картинку, но и в комментариях описать, что именно в ней нравится, также я помечаю тегами, например «Типографика»
2. Eagle
3. Miro
4. Niice
5. Savee
Когда только начинала карьеру дизайнера на фрилансе постоянно делала мудбоарды строго под проект, у меня не было стиля и да что уж говорить, даже не знала о том, что он нужен. Просто брифовались с клиентом он сам присылал референсы, что ему нравится. Но с опытом понимаешь, что клиент идет на портфолио дизайнера, потому что именно твой стиль важен для него плюс сразу можно выделится среди других дизайнеров, да и сам заказчик меньше делает правок, тут все очевидно.
Подумав, стала собирать мудбоард для профессионального роста в дизайне, собираю и разбиваю по стилям, чтобы выработать свой неповторимый.
Где можно собирать мудбоарды для роста в дизайне:
1. Dropmark - сейчас пользуюсь этим сервисом, важно не только поместить картинку, но и в комментариях описать, что именно в ней нравится, также я помечаю тегами, например «Типографика»
2. Eagle
3. Miro
4. Niice
5. Savee
Дон Норман о трех составляющих дизайна, которые делают вас счастливым (с русскими субтитрами)
Ted
Дон Норман о трех составляющих дизайна, которые делают вас счастливым
В своем выступлении 2003 года критик дизайна Дон Норман обращается к красоте, удовольствию, игре и эмоциям в поисках дизайна, который дарит людям счастье. Он называет три эмоциональные составляющие, которые создают по-настоящему успешный продукт.
«Классные компании думают о своих пользователях. Очень классные компании думают о проблемах и потребностях своих пользователей. Инновационные компании думают о проблемах и потребностях своих пользователей и тех, кто пока еще не использует продукт.»
Из статьи Jobs To Be Done Новый подход к работе с аудиторией продукта
Из статьи Jobs To Be Done Новый подход к работе с аудиторией продукта
Обновление UXBASE
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Исследования
Как сделать b2b-продукт сильнее с помощью качественных исследований
Ещё одна статья о рекрутинге — как жить, если тебе сложно находить респондентов для исследования
Как правильно интегрировать исследования пользователей и рынка в вашу продуктовую команду
Простые правила, чтобы извлечь максимум из онлайн-опроса
⏺ Аccessibility
Вступил в силу новый ГОСТ для цифровых ресурсов: все платформы должны быть доступны для инвалидов
Доступность интерфейсов — Дмитрий Батогов
Разработка удобного интерфейса для пользователей с ограниченными возможностями
Мир и интерфейс в восприятии незрячих
⏺ Паттерны в интерфейсах
Что лучше: подтверждение действия или возможность его отмены?
Form design patterns. Обзор книги
⏺ Работа в команде
Работает ли нарратив в проектной документации?
OKR. Как достигать амбициозных целей
Как дизайнеру-новичку работать с фидбеком, чтобы стать профи
⏺ JTBD
Персоны, JTBD и сегментация здорового человека
Jobs To Be Done Новый подход к работе с аудиторией продукта
⏺ А/B тестирование
Кейс: как определять качество системы A/B-тестирования
⏺ Аналитика
Тепловые карты и Вебвизор в Яндекс.Метрике
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Исследования
Как сделать b2b-продукт сильнее с помощью качественных исследований
Ещё одна статья о рекрутинге — как жить, если тебе сложно находить респондентов для исследования
Как правильно интегрировать исследования пользователей и рынка в вашу продуктовую команду
Простые правила, чтобы извлечь максимум из онлайн-опроса
⏺ Аccessibility
Вступил в силу новый ГОСТ для цифровых ресурсов: все платформы должны быть доступны для инвалидов
Доступность интерфейсов — Дмитрий Батогов
Разработка удобного интерфейса для пользователей с ограниченными возможностями
Мир и интерфейс в восприятии незрячих
⏺ Паттерны в интерфейсах
Что лучше: подтверждение действия или возможность его отмены?
Form design patterns. Обзор книги
⏺ Работа в команде
Работает ли нарратив в проектной документации?
OKR. Как достигать амбициозных целей
Как дизайнеру-новичку работать с фидбеком, чтобы стать профи
⏺ JTBD
Персоны, JTBD и сегментация здорового человека
Jobs To Be Done Новый подход к работе с аудиторией продукта
⏺ А/B тестирование
Кейс: как определять качество системы A/B-тестирования
⏺ Аналитика
Тепловые карты и Вебвизор в Яндекс.Метрике
Юрий Ветров
Дайджест “Откуда берешь время на прочтение и публикации?”
Применение прочитанного на практике
Когда выйдет книга?
Почему Райффайзен?
Эко-системы компаний
Дизайн коммьюнити в Райффайзен
HR бренд
Дизайн конференции. Будет ли продолжение?
Структура команды и коммуникация
Менеджмент у дизайнера
Сценарий хорошей ретроспективы
Боязни у дизайнеров
Почему дизайнеру важно показывать свои работы?
Типичный рабочий день
Три тезиса жизненной активности
Дайджест “Откуда берешь время на прочтение и публикации?”
Применение прочитанного на практике
Когда выйдет книга?
Почему Райффайзен?
Эко-системы компаний
Дизайн коммьюнити в Райффайзен
HR бренд
Дизайн конференции. Будет ли продолжение?
Структура команды и коммуникация
Менеджмент у дизайнера
Сценарий хорошей ретроспективы
Боязни у дизайнеров
Почему дизайнеру важно показывать свои работы?
Типичный рабочий день
Три тезиса жизненной активности
YouTube
Untitled #7. feat. Юрий Ветров
Творчество — это инструмент, некий алгоритм, а не озарение, чтобы быстро и качественно генерировать идеи нужно тренировать мозг.
Как это делать? Что может помочь? Сделала подборку книг и задачников.
Задачники:
DesignWorkout 1 и 2 сезоны
Латеральная логика Гарет Мур
Книги:
Рисовый штурм + карточки
Взлом креатива
Как это делать? Что может помочь? Сделала подборку книг и задачников.
Задачники:
DesignWorkout 1 и 2 сезоны
Латеральная логика Гарет Мур
Книги:
Рисовый штурм + карточки
Взлом креатива
Обновление UXBASE
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Паттерны в интерфейсе
Как отображать прохождение шагов в мобильном приложении
⏺ Библиотеки
Epic growth Epic Growth Premium собраны доклады от тех, кто вошел в рейтинги Fortune, Inc и Forbes как самые быстрорастущие IT-компании.
🇺🇸 Более 370 семинаров от экспертов UX-дизайна
⏺ CJM
История одной CJM: как собрать данные и что с ними делать, Алёна Егорова, UX-дизайнер QIWI
⏺ Интервью с пользователями
Хватит симулировать: как получить инсайт или что скрыто в черном ящике
Нужно ли платить респондентам? Мнения лидеров индустрии — продактов, маркет и UX-исследователей
⏺ Интерфейс
Подробное руководство по дизайну текстовых полей и форм
⏺ Аналитика
Шесть способов повысить метрики с помощью UX-дизайна
Аналитическая стратегия цифровых продуктов
Разгоняем аналитику через систему триггеров
⏺ Исследования
Качественное исследование в Telegram — как мы изучали культурный контекст целого города «на удаленке»
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Паттерны в интерфейсе
Как отображать прохождение шагов в мобильном приложении
⏺ Библиотеки
Epic growth Epic Growth Premium собраны доклады от тех, кто вошел в рейтинги Fortune, Inc и Forbes как самые быстрорастущие IT-компании.
🇺🇸 Более 370 семинаров от экспертов UX-дизайна
⏺ CJM
История одной CJM: как собрать данные и что с ними делать, Алёна Егорова, UX-дизайнер QIWI
⏺ Интервью с пользователями
Хватит симулировать: как получить инсайт или что скрыто в черном ящике
Нужно ли платить респондентам? Мнения лидеров индустрии — продактов, маркет и UX-исследователей
⏺ Интерфейс
Подробное руководство по дизайну текстовых полей и форм
⏺ Аналитика
Шесть способов повысить метрики с помощью UX-дизайна
Аналитическая стратегия цифровых продуктов
Разгоняем аналитику через систему триггеров
⏺ Исследования
Качественное исследование в Telegram — как мы изучали культурный контекст целого города «на удаленке»
4 метода визуального фидбека в интерфейсах
1. Визуальный фидбек, показывающий местоположение пользователя или его прогресс
Где я? Сколько шагов для этого требуется
2. Визуальный фидбек, подтверждающий действия пользователя
Нажатие на кнопку «Нравится». Включение / выключение чего-либо. Добавление элемента в закладки. Добавление объекта в корзину.
3. Визуальный фидбек, показывающий состояние системы
Показывает, что система что-то делает. Контент загружается.
4. События
Уведомления / Индикаторы. Запрос действий пользователя.
1. Визуальный фидбек, показывающий местоположение пользователя или его прогресс
Где я? Сколько шагов для этого требуется
2. Визуальный фидбек, подтверждающий действия пользователя
Нажатие на кнопку «Нравится». Включение / выключение чего-либо. Добавление элемента в закладки. Добавление объекта в корзину.
3. Визуальный фидбек, показывающий состояние системы
Показывает, что система что-то делает. Контент загружается.
4. События
Уведомления / Индикаторы. Запрос действий пользователя.
UXPUB 🇺🇦 Дизайн-спільнота
4 метода визуального фидбека в интерфейсах
Сообщая о текущем состоянии системы, вы даете пользователям ощущение контроля над системой, а это чувство контроля помогает вам завоевать доверие
Где искать вдохновение?
⏺ Основное
behance.net
dribbble.com
ru.pinterest.com
abduzeedo.com/tags/ui-ux
littlebigdetails.com — это тщательно отобранная коллекция мельчайших деталей дизайна, обновляемая каждый день.
artsy.net — В Artsy собраны ведущие мировые галереи, музейные коллекции, фонды, поместья художников, художественные ярмарки и благотворительные аукционы.
⏺ Сайты
onepagelove.com
hoverstat.es
bm.straightline.jp — Японский сайт
awwwards.com — Всемирный
calltoidea.com
land-book.com — Лендинги
verynicesites.com
mediaqueri.es — Сайты и их адаптированные версии
designmadeingermany.de/sites-we-like/
csswinner.com
cssdesignawards.com
cssdsgn.com
siteinspire.com
admiretheweb.com
⏺ Интерфейс
interfaces.convertux.com — это коллекция примеров дизайна пользовательского интерфейса (UI), ориентированная на бренд. Эта коллекция помогает амбициозным и опытным дизайнерам принимать более обоснованные решения в работе, принимая подходы успешных мировых брендов.
codemyui.com — интересные UI в коде.
screenlane.com — Примеры анимации UI.
collectui.com
emptystat.es — галерея, демонстрирующая дизайны, для которых нет данных в пользовательском интерфейсе.
⏺ Мобильные приложения
pttrns.com
uxarchive.com
androidux.com
androidniceties.tumblr.com
app.itize.us
material.uplabs.com
Ну и конечно же гайдлайны:
material.io — Android
developer.apple.com — iOS
⏺ Основное
behance.net
dribbble.com
ru.pinterest.com
abduzeedo.com/tags/ui-ux
littlebigdetails.com — это тщательно отобранная коллекция мельчайших деталей дизайна, обновляемая каждый день.
artsy.net — В Artsy собраны ведущие мировые галереи, музейные коллекции, фонды, поместья художников, художественные ярмарки и благотворительные аукционы.
⏺ Сайты
onepagelove.com
hoverstat.es
bm.straightline.jp — Японский сайт
awwwards.com — Всемирный
calltoidea.com
land-book.com — Лендинги
verynicesites.com
mediaqueri.es — Сайты и их адаптированные версии
designmadeingermany.de/sites-we-like/
csswinner.com
cssdesignawards.com
cssdsgn.com
siteinspire.com
admiretheweb.com
⏺ Интерфейс
interfaces.convertux.com — это коллекция примеров дизайна пользовательского интерфейса (UI), ориентированная на бренд. Эта коллекция помогает амбициозным и опытным дизайнерам принимать более обоснованные решения в работе, принимая подходы успешных мировых брендов.
codemyui.com — интересные UI в коде.
screenlane.com — Примеры анимации UI.
collectui.com
emptystat.es — галерея, демонстрирующая дизайны, для которых нет данных в пользовательском интерфейсе.
⏺ Мобильные приложения
pttrns.com
uxarchive.com
androidux.com
androidniceties.tumblr.com
app.itize.us
material.uplabs.com
Ну и конечно же гайдлайны:
material.io — Android
developer.apple.com — iOS
Design made in Germany
Sites we like
Our daily bookmarks for your inspiration
Забрала третью книгу DesignWorkout. На этот раз это не задачник, она выполнена виде списков. Это исследования людей от 1 до 100 лет, то что они на самом деле любят в жизни больше всего. Можно узнать свою аудиторию и использовать при составлении персон, а можно и подумать о жизни.
This media is not supported in your browser
VIEW IN TELEGRAM
Дизайн в хлам — канал о дизайне, где два дизайнера постят подборки ресурсов, которые они действительно используют в работе ежедневно. А также хлам-разбор сайтов, интересные интервью и все о диджитал среде. Присоединяйся @design_in_trash
Одно из различий опытного дизайнера, от новичка — скорость работы. Конечно, быстрая генерация гипотез придет с опытом, но ускорить этот процесс поможет использование горячих клавиш при отрисовке концептов, для этого советую, приложение shortcutter.ru .
И помните для одной задачи должно быть не менее 4 гипотез (дивергенция), чтобы выбрать лучшее решение (конвергенция).
И помните для одной задачи должно быть не менее 4 гипотез (дивергенция), чтобы выбрать лучшее решение (конвергенция).