2788
Обо мне: UI/UX дизайнер участвую в разработке мобильных приложений и веб-сервисов для медицинских центров Москвы. База знаний канала uxbase.levicheva.com Все вопросы и сотрудничество: @poisonnoir
Еще момент, сообщения не отправлялись через бот если кто писал, извините :( . Люблю читать ваши вопросы и фидбек, сейчас все поправила связь налажена, можно писать мне напрямую.
Читать полностью…
Vizydrop — Инструмент для построения различных графиков, визуализации данных.
Читать полностью…
С чего начать дизайн мобильных приложений?
1. Самое основное и очевидное это гайдлайны Android и iOS.
Human Interface Guidelines
Material Design Guidelines
Есть переводы на русский, например:
Полные иллюстрированные гайдлайны по дизайну под iOS 13
Material Design на русском
2. Исследования NNG
User Experience for Mobile Applications and Websites
3. Материалы для скачивания
Apple Design Resources
iOS 14 GUI
MATERIAL DESIGN KIT (платный)
4. Развивайте насмотренность.
pttrns.com
mobbin
ios icon gallery
uisources
uxarchive.com
androidux.com
androidniceties.tumblr.com
app.itize.us
material.uplabs.com
5. Изучайте параллельно платформы и их ограничения, техническую часть.
Можно просмотреть курсы на Designcode
Здесь можно найти курсы по мобильным приложениям от дизайна до программирования для дизайнеров (доступным языком)
или
Teamtreehouse
или
Udacity
Статья о том как выбрать курсы.
Содержание:
1️⃣ Брать узкопрофильные курсы вроде «работы с фигмой» или «аналитики» вместо фундаментальных программ
2️⃣ Учиться в одном формате, выбирать программы, на которых максимум есть лекция и упражнение, вместо комплексных программ с разнообразными типами заданий
3️⃣ Учиться у теоретиков или у тех, кто «просто работает в корпорации с 10 до 19»
4️⃣ Пускать учебу на самотёк, никак не организовывать себя и не планировать время и нагрузку
5️⃣ Решать абстрактные домашние задания про фейковые ситуации и вымышленных героев вместо того, чтобы сразу практиковаться на своем продукте
6️⃣ Покупать «корочку» для бабушки
7️⃣ Искренне верить, что сам курс все сделает за вас
8️⃣ Выбирать форму, а не смысл. Покупать игрушки, потому что модно, видео, потому что красивый продакшен, курс с сайта, на котором есть продающие слова London/New York/Sydney
Инструменты для 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 Новый подход к работе с аудиторией продукта
Всем привет! Несмотря на все события, я взяла всю волю в кулак и довела задуманное до конца. С января перестала работать UXBASE. И теперь она снова доступна на новом сайте, и в ближайшие две недели будет заполняться контентом и меняться.
https://uxbase.levicheva.com/
Вот несколько полезных советов по составлению хороших вопросов для UX-опроса:
1. Не используйте двойные отрицания («Это нетривиальный вопрос? Да/Нет»)
2. Избегайте предвзятых формулировок. К примеру, вопрос «Что вас бесит в этом продукте?» подразумевает, что респонденту в продукте что-то бесит. Не нужно строить догадок. Постарайтесь звучать максимально нейтрально.
3. Задавайте по одному вопросу за раз («Что вы думаете о нашем блоге и о бренде в целом?» — это плохой вопрос)
4. Не задавайте одни и те же вопросы снова и снова («Оцените удобство корзины?» «Оцените удобство сайта в целом?»)
5. Постарайтесь не задавать вопросы о поведении на сайте (что они сделали и как).
6. Используйте сбалансированные шкалы. Если у вас шкала из 4 вариантов ответа (очень плохо, плохо, хорошо, очень хорошо), то людям придется выбирать между «хорошо» и «плохо». Дайте возможность выбрать что-то среднее, чтобы неопределившиеся респонденты не портили вам статистику.
7. Постарайтесь, чтобы значения шкал не пересекались (0-2, 2-4, 4-6)
8. Всегда добавляйте опцию «Другое» или «Я не знаю»
9. Дайте людям возможность поделиться своими мыслями после каждого закрытого вопроса: добавьте необязательное текстовое поле с вопросом «Почему?»
Ссылка на статью
Инструменты для составления CJM — Сustomer journey map
Многофункциональный Miro там же я делаю не только CJM, но и собираю всю информацию о проекте при исследовании, разбивая ее по артбордам.
Но полезно смотреть и на другие ресурсы:
Uxpressia - можно найти шаблоны для Customer Journey Maps и Персон
и еще два инструмента для постраения пути пользователя — это
Сustellence и milkymap
Кто еще не смотрел, рекомендую.
Обсуждение soft skills с Костей Горским и Валерией Розовой.
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-тестирования
⏺ Аналитика
Тепловые карты и Вебвизор в Яндекс.Метрике
Дон Норман о трех составляющих дизайна, которые делают вас счастливым (с русскими субтитрами)
Читать полностью…