2788
Обо мне: UI/UX дизайнер участвую в разработке мобильных приложений и веб-сервисов для медицинских центров Москвы. База знаний канала uxbase.levicheva.com Все вопросы и сотрудничество: @poisonnoir
А вы уже подвели итоги года?
Резюме постов за 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-тесты.
Ссылка на сервис
Мутная суть дизайна (Овчаренко Александр)
- Статья начинается с пояснения, чем отличается проблема от задачи и как их легко можно перепутать. Для одного может быть проблемой, то, что для другого просто задача. Также, то, что мы делаем в первый раз может вызывать у нас трудности, а если мы уже это делали несколько раз, сейчас это просто задача с алгоритмом.
- Этимология дизайна. De-sign
- Следствие 1. Карго-культ и дизайн-культ
Решение проблем — энергозатратнее, чем решение задач, и требует определенной проактивности. Но поскольку без затрат энергии легко и не узнать, что первое пришедшее в голову или найденное в гугле решение — чушь, то такая история происходит постоянно. Тот самый эффект Даннинга-Крюгера.
- Следствие 2. Незаметная смерть дизайнера
Если для дизайнера больше нет проблем, а одни задачи (на все есть решение). Он перестает развиваться и это очень плохо, рынок может поменяться и тогда дизайнер окажется невостребованным. Дизайн деятельность — это постоянный напряг!
- Следствие 3. Дизайнеров больше чем дизайнеров
Каждый, кто решает проблемы, по сути могут считаться дизайнерами. Именно поэтому существует столько споров о том что такое дизайн, где его рамки.
- Следствие 4. Дизайнеры и художники
Дизайнеры не придумывают символы и знаки — они получают их на входе от внешних стейкхолдеров. Разумеется, разница между знаком и конечным продуктом может быть радикальной, но при этом мы всё равно будем решать поставленную извне проблему.
Художник же будет решать что-то своё, придумывать свой собственный знак и его воплощение. Такое тоже регулярно случается среди дизайнеров, но к духу дизайна отношения не имеет.
Ссылка на статью
Записи лекций с дизайн выходных.
Сергей Прокофьев. «Качай в себе менеджера»
Валерий Гольников. «Коммерческая иллюстрация или как на этом заработать»
Саша Загорский. «Русская красота. Русский дизайн. Русский путь»
Сергей Тимофеев. «Как прокачиваться продуктовому дизайнеру»
Дмитрий Подлужный «Дизайн, который устроит всех»
Макс Десятых «Репутация русскоговорящего дизайнера в мире»
Влад Меркулов «Как они вам это согласовали?»
Юрий Гордон «Рассказ о «Книге про мои буквы»
https://designer.ru/dw2020suzdal/
Инструменты для решения проблем
1️⃣ Первые принципы
Возьмите свою проблему и:
- Разбейте ее на основные части. Запишите свои текущие предположения о ней.
- Используя эти части, разбейте их на фундаментальные принципы. Задавая вопросы к каждой части.
- Ответьте на вопросы. На основе этого, вы сможете создавать новые решения.
2️⃣ Инверсия
Попробуйте инверсию, чтобы посмотреть проблему на 360 градусов. Для этого вам нужно думать не об идеальных решениях, а о плохих, а затем спросите себя: «Как мы можем избежать этого?»
Этот метод хорош в ситуациях, когда вы хотите подойти к проблеме с альтернативной точки зрения, или когда вы хотите убедиться, что избегаете наихудших сценариев.
3️⃣ Лестница абстракции
Начните с постановки задачи.
Затем задайте вопрос «Как?», чтобы получить более конкретные утверждения. Вы также можете задать вопросы «Почему? Зачем?», чтобы получить более абстрактные утверждения.
Аналитика. Один из вариантов набора инструментов.
1. Google analytics
Какое сейчас состояние страницы?
Откуда приходят люди и куда они идут?
Ваша задача — проверить какие есть проблемы, найти
поведенческие паттерны и модели пользователей
Обучение аналитике Google
2. Hotjar
Тепловые карты и пользовательские сессии.
Какой контент они ищут? На что они смотрят и обращают внимание в первую очередь?
3. Market research
Если люди приходят и уходят, куда еще они идут? Что мы можем предложить, чтобы они вернулись?
Бесплатные курсы по 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)
Всеобъемлющая основа процессов, которая объединяет широкий набор практик, связанных с пониманием потребностей, желаний и ограничений конечных пользователей, например, людей. Помогает улучшить принятие стратегических решений, а также повысить эффективность отдельных программ и услуг.
Ребят, привет! До сентября я в отпуске, кто писал мне и я не ответила ссори сейчас не на связи практически :)
Читать полностью…
Карточная сортировка.
Открытая
Пользователей просят организовать карточки по группам, затем назвать каждую созданную ими категорию групп. Этот метод обычно используется для новых/существующих ИА (информационных архитектур) или организации продуктов на сайте или при создании новой ИА с нуля.
Закрытая
Пользователям предоставляются карточки с содержанием, а также названия категорий, и им предлагается поместить карточки в эти категории. Этот метод обычно используется при добавлении нового контента на существующий сайт или во второй итерации анализа, после открытой карточной сортировки.
Сортировка карт также может быть удаленной или лицом к лицу:
Удаленная
При проведении сеанса удаленной сортировки карт пользователь будет самостоятельно работать с помощью онлайн-инструмента. Некоторые из наиболее распространенных инструментов - Optimal Sort, Simple card sort and Usabilitest. Эти интерактивные программные инструменты предоставляют вам несколько способов анализа данных. Поскольку тест проводится удаленно, с пользователем нет контакта, поэтому нет способа понять причину, по которой пользователь организовал карты определенным образом.
Сортировка карт лично, лицом к лицу
Сеансы сортировки карт лицом к лицу проводятся лично с модератором. Пользователям предоставляется набор карточек для перемещения, и им предлагается обсудить свои мысли и аргументы в пользу своих решений. Модератор имеет возможность уточнить любые наблюдения, в которых он не уверен, чтобы лучше понять, почему пользователь сделал такой выбор.
Подборка видео от Дмитрия Карпова
Как развить уверенность в себе? Эффективная практика
Как обучаться быстрее и эффективней? Картина мира, результатов и фактов. Кратко.
Как достигать результатов и составлять работающий план? Эффективная стратегия.
Как принять верное решение? Как не сожалеть о своем выборе. Теория сожаления
Как эффективней изучать софт? Методы и приемы изучения новых инструментов
Adobe 99U — ежегодная дорогостоящая конференция, которая проводится в Нью-Йорке для креативных людей, цель которых — узнать что-то новое и получить всплеск вдохновения от экспертов из разных областей искусства. В этом году мероприятие пройдёт 17 июня в онлайн-режиме и бесплатно.
Ссылка на регистрацию
🇬🇧 65 методов UX и когда их использовать
В этой статье сгруппированы по этапам проектирования и описаны, инструменты и методы, которые могут пригодиться при разработке UX-дизайна.