2181
Обо мне: UI/UX дизайнер участвую в разработке мобильных приложений и веб-сервисов для медицинских центров Москвы. База знаний канала uxbase.levicheva.com Все вопросы (рекламу не продаю): @poisonnoir
Инструменты для UX-дизайнера
Trint — анализ интервью с пользователем
отличный инструмент для расшифровки аудиозаписей интервью, фокус-групп и других методов сбора качественных данных.
Для User Flow FlowMapp — это онлайн-инструмент для создания карт сайта и пользовательских потоков.
Для аналитики
Hotjar — это одновременно инструмент аналитики и приложение для обратной связи. Список функций этого инструмента включает тепловые карты, записи сеансов, анализ форм и многое другое.
Lookback — это платформа для модерируемого или немодерируемого исследования пользователей.
Обновление UXBASE
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Интерфейс
Баланс в композиции: как сбалансировать дизайн?
Дизайн таблиц для постоянного использования
UX от А до Я: 16 советов по проектированию отличной формы
⏺ Инструменты
Как организовать файлы в Figma?
Как работает Figma Variants
⏺ Креатив
Как найти идею: 7 инструментов для создания рабочих гипотез
⏺ Исследования
Метасценарии взаимодействий
Обзор 20 методов UX-исследований от NNGroup: какой метод выбрать и когда
Как мы прокачали пользовательские интервью на удалёнке
21 метод UX-исследований: какой выбрать
⏺ Работа в команде
Интро для интроверта
Как влиться в креативный поток агентства, если ты — интроверт.
К — Команда
Айти — командная игра. Одиночки в ней давно неконкурентны.
⏺ Аccessibility
Доступный дизайн: как сделать интерфейс удобным для пожилых
Где искать респондентов для исследования. Сколько им платить?
И так допустим мы прошли этап SR (secondary research). Теперь мы должны найти респондентов.
Где искать?
- Сообщество по интересам группы на fb и vk.
- Форумы
- Знакомые знакомых и друзей (главное, чтобы они точно подходили под описание ЦА в проекте)
- Таргетированная реклама
- Реклама у блогеров
- Спросить контакты/базу контактов у клиента
- Агентства по рекрутингу
- Если это оффлайн бизнес можно сделать опрос клиентов очно
- Сделать баннер прямо в мобильном приложении или/и веб-версии
Сколько платить?
Договорится о беседе можно и бесплатно, некоторые люди охотно чем-то делятся, если чувствуют себя экспертом, тут важно понимать, что точно ли этот человек эксперт в этой области.
Цена за беседу тоже может быть разной от 100 рублей на телефон до промокода. Я предпочитаю давать промокод, это стразу отсеет людей которые, хотят просто получить деньги и постоянно участвуют в опросах. Плюс для заказчика промокод на скидку может стать дешевле, чем данная сумма в деньгах.
Блоги, которые полезно читать дизайнерам.
Советы бюро Горбунова
Tilda Education
🇬🇧 Inside Design
🇬🇧 Marvel blog
🇬🇧 Ideo blog
🇬🇧 Intercom blog
🇬🇧 NNG blog
Бесплатные курсы по UX
1️⃣ UX Crash Course: 31 Fundamentals
Перевод данного курса на русский язык
2️⃣ Специализация Проектирование взаимодействия от Coursera
3️⃣ Product Design от Udacity
4️⃣ История дизайна
5️⃣ Digital Skills: User Experience
Курсы на Skillshare
6️⃣ UX/UI Design Essentials
7️⃣ Move from Graphic Design to UI/UX | Design a Mobile App From Scratch
Одно из различий опытного дизайнера, от новичка — скорость работы. Конечно, быстрая генерация гипотез придет с опытом, но ускорить этот процесс поможет использование горячих клавиш при отрисовке концептов, для этого советую, приложение shortcutter.ru .
И помните для одной задачи должно быть не менее 4 гипотез (дивергенция), чтобы выбрать лучшее решение (конвергенция).
Забрала третью книгу DesignWorkout. На этот раз это не задачник, она выполнена виде списков. Это исследования людей от 1 до 100 лет, то что они на самом деле любят в жизни больше всего. Можно узнать свою аудиторию и использовать при составлении персон, а можно и подумать о жизни.
Читать полностью…
У канала появился чат для подписчиков:
/channel/chatuiux
Обновление UXBASE
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Паттерны в интерфейсе
Как отображать прохождение шагов в мобильном приложении
⏺ Библиотеки
Epic growth Epic Growth Premium собраны доклады от тех, кто вошел в рейтинги Fortune, Inc и Forbes как самые быстрорастущие IT-компании.
🇺🇸 Более 370 семинаров от экспертов UX-дизайна
⏺ CJM
История одной CJM: как собрать данные и что с ними делать, Алёна Егорова, UX-дизайнер QIWI
⏺ Интервью с пользователями
Maratovich_Romanovskaya/%D1%85%D0%B2%D0%B0%D1%82%D0%B8%D1%82-%D1%81%D0%B8%D0%BC%D1%83%D0%BB%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D0%BA%D0%B0%D0%BA-%D0%BF%D0%BE%D0%BB%D1%83%D1%87%D0%B8%D1%82%D1%8C-%D0%B8%D0%BD%D1%81%D0%B0%D0%B9%D1%82-%D0%B8%D0%BB%D0%B8-%D1%87%D1%82%D0%BE-%D1%81%D0%BA%D1%80%D1%8B%D1%82%D0%BE-%D0%B2-%D1%87%D0%B5%D1%80%D0%BD%D0%BE%D0%BC-%D1%8F%D1%89%D0%B8%D0%BA%D0%B5-73bfb0fa54f">Хватит симулировать: как получить инсайт или что скрыто в черном ящике
Нужно ли платить респондентам? Мнения лидеров индустрии — продактов, маркет и UX-исследователей
⏺ Интерфейс
Подробное руководство по дизайну текстовых полей и форм
⏺ Аналитика
Шесть способов повысить метрики с помощью UX-дизайна
Аналитическая стратегия цифровых продуктов
Разгоняем аналитику через систему триггеров
⏺ Исследования
Качественное исследование в Telegram — как мы изучали культурный контекст целого города «на удаленке»
Юрий Ветров
Дайджест “Откуда берешь время на прочтение и публикации?”
Применение прочитанного на практике
Когда выйдет книга?
Почему Райффайзен?
Эко-системы компаний
Дизайн коммьюнити в Райффайзен
HR бренд
Дизайн конференции. Будет ли продолжение?
Структура команды и коммуникация
Менеджмент у дизайнера
Сценарий хорошей ретроспективы
Боязни у дизайнеров
Почему дизайнеру важно показывать свои работы?
Типичный рабочий день
Три тезиса жизненной активности
«Классные компании думают о своих пользователях. Очень классные компании думают о проблемах и потребностях своих пользователей. Инновационные компании думают о проблемах и потребностях своих пользователей и тех, кто пока еще не использует продукт.»
Из статьи Jobs To Be Done Новый подход к работе с аудиторией продукта
Пост для начинающих в дизайне.
Когда только начинала карьеру дизайнера на фрилансе постоянно делала мудбоарды строго под проект, у меня не было стиля и да что уж говорить, даже не знала о том, что он нужен. Просто брифовались с клиентом он сам присылал референсы, что ему нравится. Но с опытом понимаешь, что клиент идет на портфолио дизайнера, потому что именно твой стиль важен для него плюс сразу можно выделится среди других дизайнеров, да и сам заказчик меньше делает правок, тут все очевидно.
Подумав, стала собирать мудбоард для профессионального роста в дизайне, собираю и разбиваю по стилям, чтобы выработать свой неповторимый.
Где можно собирать мудбоарды для роста в дизайне:
1. Dropmark - сейчас пользуюсь этим сервисом, важно не только поместить картинку, но и в комментариях описать, что именно в ней нравится, также я помечаю тегами, например «Типографика»
2. Eagle
3. Miro
4. Niice
5. Savee
Виды дизайна
Интерфейсный дизайн (Interface design)
Информационная архитектура, юзабилити-тестирование, графический дизайн, типографика, цветовые схемы и общий вид.
Дизайн опыта (Experience design)
Процесс, который оценивает качество опыта пользователя при взаимодействии с конкретным дизайном или продуктом. Основное внимание уделяется конкретной технологии, то есть людям, взаимодействующим с конкретным продуктом, и опыту, который они получают от этого взаимодействия.
Дизайн взаимодействия (Interaction design)
В отличие от сервисного дизайна, ориентированный только на точки соприкосновения, а не на более широкий сервис. Акцент сделан на качество опыта, включая культурно значимые решения. Хотя это часто взаимозаменяемо, в отличие от чистого UX, его можно расширить, чтобы охватить все точки соприкосновения, с которыми сталкивается клиент при взаимодействии с компанией, а не только с одним продуктом/услугой.
Сервисный дизайн (Service design)
Методология организации предоставления услуг по взаимодействию между пользователями, контактными точками, обслуживающим персоналом и другими участниками. Рассматривает людей, инфраструктуру, связь и материальные компоненты услуги и не ограничивается диджиталом или отдельным продуктом / услугой.
Человекоориентированный дизайн (Human centred design)
Всеобъемлющая основа процессов, которая объединяет широкий набор практик, связанных с пониманием потребностей, желаний и ограничений конечных пользователей, например, людей. Помогает улучшить принятие стратегических решений, а также повысить эффективность отдельных программ и услуг.
Ребят, привет! До сентября я в отпуске, кто писал мне и я не ответила ссори сейчас не на связи практически :)
Читать полностью…
Список систем продуктовой аналитики:
1. Только для мобильных приложений
Adjust
adjust.com
AppMetrica
appmetrica.yandex.ru
AppSee
appsee.com
AppsFlyer
appsflyer.com
Flurry
flurry.com
2. Для мобильных и веб-сервисов
Countly
count.ly
Mixpanel
mixpanel.com
Amplitude
amplitude.com
Devtodev
devtodev.com
Firebase
firebase.google.com
5 инструментов для работы с цветом
Muzli Colors
Ищите, открывайте, тестируйте и создавайте красивые цветовые палитры для своих проектов
Color Hunt
открытая коллекция цветовых палитр с модными цветами
Colorsinspo - это большой ресурс, узнаете все о цветах
Sip Color Picker для Mac. Лучший способ собрать и упорядочить цвета
Web Gradients
180 линейных градиентов в CSS3, Photoshop и Sketch
Вопросы для интервью, как составить?
Все составляется исходя из задач и опыта.
Есть некоторые базовые разделы, на основе которых, можно составить свои готовые вопросы для интервью.
▶️ Основное
Занимаемая должность, перспективы в карьере, основные задачи на работе.
▶️ Личное
Их интересы, хобби, какими гаджетами пользуются, сколько тратится времени на решение данной задачи.
▶️ Выяснить необходимость
Как сейчас закрывается потребность? Насколько важно решить данную задачу? Зачем им нужен данный сервис? Как они будут использовать это в жизни?
▶️ Проблемы
Какая самая сильная боль? Какие есть разочарования связанные с проблемой?
▶️ Привычки
Какие есть привычки с решением потребности сейчас? Какой процесс решения? Пробовали решить по другому?
▶️ Страхи
Что их пугает в данной проблеме? Что самое сложное в решении?
▶️ Доверие
Кому они могут доверять решение проблемы? Почему? Пробовали другие инструменты? Выясняем сильные и слабые стороны похожих продуктов на рынке.
▶️ Предложения
Какие их ожидания? Чтобы они хотели иметь? Какой по их мнению идеальный сервис.
Чтобы правильно составить готовые вопросы рекомендую к прочтению:
Роб Фитцпатрик «Спроси маму»
Стейнар Квале «Исследовательское интервью»
Сергей Белановский «Глубокое интервью»
Сеймур Садмен «Как люди отвечают на вопросы», «Как правильно задавать вопросы»
Подготовка к интервью. (Primary research)
Для того, чтобы подготовиться к интервью нужно составить бланк с вопросами, но эти вопросы должны быть актуальны для проекта и вести к целям.
Что нужно знать для того, чтобы составить грамотно вопросы?
1. Цели бизнеса и его проблемы
2. Составляем список DOD - Definition Of Done (Критерии готовности). Те пункты, при которых ваша задача будет считаться выполненной.
3. Метрики продукта
4. Итоги и гипотезы из secondary research
Помните, что вам не нужно создавать список из десятков скучных вопросов и не читайте вопросы с листочка при интервью, у вас нет цели сторого их придерживаться. Вопросы это чек лист, они должны направлять беседу и помогать вам, особенно в начале интервью.
А вы уже подвели итоги года?
Резюме постов за 2020 год
Создание персоны для проекта
Простой тайм-менеджмент
Концептуальный дизайн, методы
В чем разница UXD (user experience design) от SD (Service Design)
Использование Double Diamond
Про портфолио
Коротко чем отличается Secondary от Primary Research?
Интервью со стейкхолдерами. Пример самого базового плана.
Моя любимая техника «5 почему»
Список систем продуктовой аналитики
Про нужную информацию о проекте
MVP — minimum viable product, минимально жизнеспособный продукт
Отличие User Stories от User cases
Аналитика. Один из вариантов набора инструментов.
Инструменты для решения проблем
Карточная сортировка
Secondary research
Виды дизайна
Пост для начинающих в дизайне
О творчестве
Где искать вдохновение?
Друзья, если вы ищете полезные инструменты по дизайну, прототипам, UX - и так далее.
Можете поискать их в новом канале: @Visionislandinstruments
Коллеги собирают полезное, нужное и редкое.
Сервисы, боты, приложения - для комфортной работы и не только.
Поизучайте.
Дизайн в хлам — канал о дизайне, где два дизайнера постят подборки ресурсов, которые они действительно используют в работе ежедневно. А также хлам-разбор сайтов, интересные интервью и все о диджитал среде. Присоединяйся @design_in_trash
Читать полностью…
Где искать вдохновение?
⏺ Основное
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
4 метода визуального фидбека в интерфейсах
1. Визуальный фидбек, показывающий местоположение пользователя или его прогресс
Где я? Сколько шагов для этого требуется
2. Визуальный фидбек, подтверждающий действия пользователя
Нажатие на кнопку «Нравится». Включение / выключение чего-либо. Добавление элемента в закладки. Добавление объекта в корзину.
3. Визуальный фидбек, показывающий состояние системы
Показывает, что система что-то делает. Контент загружается.
4. События
Уведомления / Индикаторы. Запрос действий пользователя.
Творчество — это инструмент, некий алгоритм, а не озарение, чтобы быстро и качественно генерировать идеи нужно тренировать мозг.
Как это делать? Что может помочь? Сделала подборку книг и задачников.
Задачники:
DesignWorkout 1 и 2 сезоны
Латеральная логика Гарет Мур
Книги:
Рисовый штурм + карточки
Взлом креатива
Обновление UXBASE
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Исследования
Как сделать b2b-продукт сильнее с помощью качественных исследований
Ещё одна статья о рекрутинге — как жить, если тебе сложно находить респондентов для исследования
Как правильно интегрировать исследования пользователей и рынка в вашу продуктовую команду
Простые правила, чтобы извлечь максимум из онлайн-опроса
⏺ Аccessibility
Вступил в силу новый ГОСТ для цифровых ресурсов: все платформы должны быть доступны для инвалидов
Доступность интерфейсов — Дмитрий Батогов
Разработка удобного интерфейса для пользователей с ограниченными возможностями
Мир и интерфейс в восприятии незрячих
⏺ Паттерны в интерфейсах
Что лучше: подтверждение действия или возможность его отмены?
Form design patterns. Обзор книги
⏺ Работа в команде
Работает ли нарратив в проектной документации?
OKR. Как достигать амбициозных целей
Как дизайнеру-новичку работать с фидбеком, чтобы стать профи
⏺ JTBD
teplorod/jtbd-personas-segmentation-6614f231e7d3">Персоны, JTBD и сегментация здорового человека
Jobs To Be Done Новый подход к работе с аудиторией продукта
⏺ А/B тестирование
Кейс: как определять качество системы A/B-тестирования
⏺ Аналитика
Тепловые карты и Вебвизор в Яндекс.Метрике
Дон Норман о трех составляющих дизайна, которые делают вас счастливым (с русскими субтитрами)
Читать полностью…
Обновление UXBASE
uxbase.levicheva.com
Дополнены и обновлены следующие разделы:
⏺ Инструменты
Интенсив по Figma — полный обзор от А до Я за 45 минут
Сервис для UX тестирования (Яндекс Взгляд+Яндекс Толока)
⏺ Библиотеки
The Psychology of Design
Психология дизайна: 101 когнитивных предубеждений и принципов, которые влияют на ваш UX
⏺ Работа в команде
Как передавать макеты в разработку?
⏺ Исследования
Что анализировать перед проектированием интерфейса
⏺ Инструменты
Простое руководство по Webflow для начинающих
⏺ Интерфейс
Дизайн и информационная безопасность
Как нарисовать сет иконок?
От чего отталкиваться — от сетки, радиусов или?
⏺ Юзабилити тестирование
Юзабилити-тестирование по дешевке
⏺ А/B тестирование
12 принципов для A/B-тестирования
⏺ Библиотеки
Сокровищница аналитика
⏺ USM
Функциональная архитектура и User Story Mapping
Secondary research
- дешевый способ исследования
- основа для Primary research
- фундамент для построения гипотез
План по secondary research.
1️⃣ Определите тему и вопрос исследования
Начните с вопроса исследования. Подумайте, почему вы проводите исследование и что вы хотите сделать в дальнейшем со своими результатами (персонами, CJM и т. д.).
2️⃣ Поиск информации
Соберите список заинтересовавших вас на тему исследования внутренних и/или внешних источников и попытайтесь оценить их достоверность. Это могут быть: книги, новости, форумы, блоги и т.п
3️⃣ Учитесь
Систематически собирать данные. Просмотрите список, который вы создали, и изучите потенциально интересную информацию. Читайте статьи или просматривайте статистику, которую вы нашли. Также посмотрите какие источники используется в статьях.
4️⃣ Выдвигайте гипотезы
Создайте резюме своего исследования. Оно может быть более формальным (отчет) или визуальным (майнд карта). Используйте эту информацию, чтобы создать гипотезы.
В итоге:
Вам нужно построить гипотезы и составить вопросы, чтобы разобраться в теме, прежде чем перейти к Primary research
🇬🇧 Бесплатный онлайн UX Хакатон, если у вас трудности с портфолио, это хорошая возможность всего за 2 дня его пополнить интересным проектом. Также пройдут 3 воркшопа по инструментам для создания прототипов (Figma, Adobe XD и InVision Studio).
https://www.protothon.info/
Не у всех работал сайт uxbase.levicheva.com
Мы исправили проблему.