Руководство по UX-исследованиям для начинающих
Вы заинтересованы в том, чтобы узнать больше о UX-исследовании, даже если у вас нет опыта?
Эта статья станет исчерпывающим руководством, которое поможет вам ответить на семь распространенных вопросов о UX-исследованиях, которые задают новички.
Автор поделится идеями, которые узнал от Джейн Сури директора по дизайну в IDEO, UX-исследователя из Google, чтобы помочь ответить на любые возможные вопросы касательно того, кто такой UX-исследователь.
Читать: https://ux.pub/editorial/rukovodstvo-po-ux-issliedovaniiam-dlia-nachinaiushchikh-3png
Вы заинтересованы в том, чтобы узнать больше о UX-исследовании, даже если у вас нет опыта?
Эта статья станет исчерпывающим руководством, которое поможет вам ответить на семь распространенных вопросов о UX-исследованиях, которые задают новички.
Автор поделится идеями, которые узнал от Джейн Сури директора по дизайну в IDEO, UX-исследователя из Google, чтобы помочь ответить на любые возможные вопросы касательно того, кто такой UX-исследователь.
Читать: https://ux.pub/editorial/rukovodstvo-po-ux-issliedovaniiam-dlia-nachinaiushchikh-3png
UXPUB 🇺🇦 Дизайн-спільнота
Руководство по UX-исследованиям для начинающих
Не бойтесь, эта статья станет исчерпывающим руководством, которое поможет вам ответить на семь распространенных вопросов о UX-исследованиях, которые задают новички
7 волшебных «больше» для улучшения UX/UI
Когда цифровой продукт не оправдывает ожиданий, мы начинаем отчаянно искать объяснение. Сайт выглядит хорошо, все функции на месте – так где же активные пользователи? Почему конверсия не становится больше? Что пошло не так?
Прежде чем потратиться на дорогостоящее тестирование, посмотрите на свой сайт или приложение через призму 7-ми «больше». Этот метод поистине волшебен, так как выявляет скрытые причины.
Что значит «больше»? Представьте группу равнодушных гостей, вяло раскладывающих еду по тарелкам. Что случилось? Еда должна быть вкуснее? Хозяин более гостеприимным? Гости голоднее? Атмосфера более расслабляющей?
Иногда что-то не работает просто потому, что этого недостаточно. Гости не едят, потому что еда недосолена. Растение не растет, потому что ему мало света. Аккумулятор не работает, потому что разряжен. Протестировав свой продукт с помощью 7-ми «больше», вы сразу увидите, чего ему не хватает.
Читать: https://design-glory.com/?p=10496
Когда цифровой продукт не оправдывает ожиданий, мы начинаем отчаянно искать объяснение. Сайт выглядит хорошо, все функции на месте – так где же активные пользователи? Почему конверсия не становится больше? Что пошло не так?
Прежде чем потратиться на дорогостоящее тестирование, посмотрите на свой сайт или приложение через призму 7-ми «больше». Этот метод поистине волшебен, так как выявляет скрытые причины.
Что значит «больше»? Представьте группу равнодушных гостей, вяло раскладывающих еду по тарелкам. Что случилось? Еда должна быть вкуснее? Хозяин более гостеприимным? Гости голоднее? Атмосфера более расслабляющей?
Иногда что-то не работает просто потому, что этого недостаточно. Гости не едят, потому что еда недосолена. Растение не растет, потому что ему мало света. Аккумулятор не работает, потому что разряжен. Протестировав свой продукт с помощью 7-ми «больше», вы сразу увидите, чего ему не хватает.
Читать: https://design-glory.com/?p=10496
Design Glory
Design Glory - Сайт для дизайнеров
Материалы для начинающих и опытных UX\UI дизайнеров. Делимся инсайдами от лучших брендов, даем практические советы и публикуем свежие новости сферы дизайна.
Подборка интересных сайтов. SaaS продукты, лендинги стартапов и бонус
Очень простой лендинг saas продукта, но с некоторым количеством интересных деталей, которые освежают эту работу
→ juni.co
Лендинг уже взрослого стартапа с простым и понятным визуальным стилем.
→ moderntreasury.com
Стильная работа от ребят из Ragged Edge для компании Circa5000 – обязательно зацените полный кейс на сайте студии.
→ circa5000.com
Модный стиль в духе времени с интересными иллюстрациями.
→ ironcladapp.com
Когда вырасту, хочу делать такие сайты для продуктов: живые, простые, красивые, рассказывающие историю
→ superlist.com
Интересный визуальный стиль с проработкой деталей в стиле James McDonald.
→ meter.com
Японский необанк, зацепили очень ламповые и приятные фотографии с интерфейсами.
→ arigatobank.com
Лендинг Coherence просто великолепный, идеальный расставленные акценты
→ withcoherence.com
Лендинг (да и брендинг в целом) для сервиса Convo
→ convo.app
Kosmik – апп для визуальных заметок.
→ kosmik.app
Источник
Очень простой лендинг saas продукта, но с некоторым количеством интересных деталей, которые освежают эту работу
→ juni.co
Лендинг уже взрослого стартапа с простым и понятным визуальным стилем.
→ moderntreasury.com
Стильная работа от ребят из Ragged Edge для компании Circa5000 – обязательно зацените полный кейс на сайте студии.
→ circa5000.com
Модный стиль в духе времени с интересными иллюстрациями.
→ ironcladapp.com
Когда вырасту, хочу делать такие сайты для продуктов: живые, простые, красивые, рассказывающие историю
→ superlist.com
Интересный визуальный стиль с проработкой деталей в стиле James McDonald.
→ meter.com
Японский необанк, зацепили очень ламповые и приятные фотографии с интерфейсами.
→ arigatobank.com
Лендинг Coherence просто великолепный, идеальный расставленные акценты
→ withcoherence.com
Лендинг (да и брендинг в целом) для сервиса Convo
→ convo.app
Kosmik – апп для визуальных заметок.
→ kosmik.app
Источник
Вёрстка email-рассылки: 6 лайфхаков от дизайнера
Далеко не все дизайнеры готовы заниматься вёрсткой email-рассылок. Якобы письма загоняют творчество в жёсткие рамки. Мы считаем иначе: веб-дизайн писем помогает истинному творцу раскрыться. Как и в других сферах, в email есть правила. Если чётко им следовать, рассылки будут круто выглядеть на всех устройствах и почтовиках и приносить бизнесу доход.
Читать статью: https://vc.ru/design/213751-verstka-email-rassylki-6-layfhakov-ot-dizaynera
Далеко не все дизайнеры готовы заниматься вёрсткой email-рассылок. Якобы письма загоняют творчество в жёсткие рамки. Мы считаем иначе: веб-дизайн писем помогает истинному творцу раскрыться. Как и в других сферах, в email есть правила. Если чётко им следовать, рассылки будут круто выглядеть на всех устройствах и почтовиках и приносить бизнесу доход.
Читать статью: https://vc.ru/design/213751-verstka-email-rassylki-6-layfhakov-ot-dizaynera
vc.ru
Вёрстка email-рассылки: 6 лайфхаков от дизайнера — Дизайн на vc.ru
Далеко не все дизайнеры готовы заниматься вёрсткой email-рассылок. Якобы письма загоняют творчество в жёсткие рамки. Мы считаем иначе: веб-дизайн писем помогает истинному творцу раскрыться. Как и в других сферах, в email есть правила. Если чётко им следовать…
Дизайн процесс – обман? 10 особенностей проектирования продуктов, о которых не говорят
Если вы изучали дизайн или что-нибудь читали о нем, вы, вероятно, знакомы по крайней мере с одним фреймворком, описывающим, каким должен быть процесс проектирования.
Обычно вы начинаете с понимания проблемы. После этого вы исследуете идеи, которые могли бы решить указанную проблему. И в конечном итоге это приводит к решению.
Когда у вас есть решение, вы пробуете его и отслеживаете, чтобы научиться и провести еще один цикл понимание> исследование> реализация.
Есть много разных форм, которые иллюстрируют этот процесс… круги, петли, ромбы, двойные ромбы, спирали, что угодно. Но, в конце концов, все они придерживаются одной и той же идеи, что это бесконечный цикл обучения и повторения.
Это описание идеального процесса, но, если перенести его в реальную жизнь, он не всегда проходит так гладко. Реальная жизнь хаотична, и нет лучшего примера, чем 2020 год.
Итак… с какими проблемами мы можем столкнуться в реальности?
Читать: https://ux.pub/editorial/dizain-protsiess-obman-10-osobiennostiei-proiektirovaniia-produktov-o-kotorykh-nie-ghovoriat-32dc
Если вы изучали дизайн или что-нибудь читали о нем, вы, вероятно, знакомы по крайней мере с одним фреймворком, описывающим, каким должен быть процесс проектирования.
Обычно вы начинаете с понимания проблемы. После этого вы исследуете идеи, которые могли бы решить указанную проблему. И в конечном итоге это приводит к решению.
Когда у вас есть решение, вы пробуете его и отслеживаете, чтобы научиться и провести еще один цикл понимание> исследование> реализация.
Есть много разных форм, которые иллюстрируют этот процесс… круги, петли, ромбы, двойные ромбы, спирали, что угодно. Но, в конце концов, все они придерживаются одной и той же идеи, что это бесконечный цикл обучения и повторения.
Это описание идеального процесса, но, если перенести его в реальную жизнь, он не всегда проходит так гладко. Реальная жизнь хаотична, и нет лучшего примера, чем 2020 год.
Итак… с какими проблемами мы можем столкнуться в реальности?
Читать: https://ux.pub/editorial/dizain-protsiess-obman-10-osobiennostiei-proiektirovaniia-produktov-o-kotorykh-nie-ghovoriat-32dc
UXPUB 🇺🇦 Дизайн-спільнота
Дизайн процесс – обман? 10 особенностей проектирования продуктов, о которых не говорят
На рынке есть куча фреймворков, описывающих идеальный процесс проектирования интерфейсов, но бывает ли идеальный процесс?
Бесячие «висячие»
Это должен был быть короткий пост, но тут такая увлекательная история споров и дискуссий, что захотелось рассказать об этом по подробнее и подвести к конкретному итогу.
О чем речь. В профессиональном сообществе дизайнеров и верстальщиков вдруг разгорелись нешуточные холивары по поводу «висячих» предлогов, союзов и частиц. Весь спор можно уложить в два вопроса:
А действительно ли нужно переносить висячие предлоги, союзы и частицы, и откуда вообще растут ноги у этого правила?
Адепты правила аргументируют его использование улучшенной смысловой читаемостью текста и универсальностью такого подхода, противники же заявляют что аргументы ничем не подкреплены и вообще эту фигню придумал Тёма, а ему, как вы знаете, профессионального доверия у молодых дизайнеров нет.
Читать статью: https://ux.pub/shaba/biesiachiie--49o5
Это должен был быть короткий пост, но тут такая увлекательная история споров и дискуссий, что захотелось рассказать об этом по подробнее и подвести к конкретному итогу.
О чем речь. В профессиональном сообществе дизайнеров и верстальщиков вдруг разгорелись нешуточные холивары по поводу «висячих» предлогов, союзов и частиц. Весь спор можно уложить в два вопроса:
А действительно ли нужно переносить висячие предлоги, союзы и частицы, и откуда вообще растут ноги у этого правила?
Адепты правила аргументируют его использование улучшенной смысловой читаемостью текста и универсальностью такого подхода, противники же заявляют что аргументы ничем не подкреплены и вообще эту фигню придумал Тёма, а ему, как вы знаете, профессионального доверия у молодых дизайнеров нет.
Читать статью: https://ux.pub/shaba/biesiachiie--49o5
UXPUB 🇺🇦 Дизайн-спільнота
Бесячие «висячие»
Это должен был быть короткий пост, но тут такая увлекательная история споров и дискуссий, что...
Докопаться до сути: как провести глубинное интервью
Как понять проблемы и потребности клиента, которые он и сам зачастую не осознаёт? Простой опрос или анкетирование тут не поможет. Чтобы докопаться до самой сути, вам понадобятся более тонкие инструменты – такие, как глубинное интервью.
Глубинное интервью – это живая и открытая беседа с представителем целевой аудитории вашего продукта. Оно применяется, когда вам нужно выявить наиболее глубинные (отсюда и название) проблемы и потребности человека, в которых он, как правило, не отдаёт отчёта даже самому себе.
Почему здесь не работают другие методы исследования? Да просто потому, что на поверхности, на уровне сознания у вашего респондента могут лежать одни соображения (и именно их он назовёт в ответ на прямой вопрос), но в действительности руководить его поведением и предпочтениями могут совсем другие причины и побудительные мотивы. Вот до них-то вам и предстоит «докопаться» в ходе глубинного интервью.
Понимание реальных потребностей клиента позволит вам создать значительно более востребованный продукт и найти тот инсайт, который поможет этот продукт продать.
Читать статью: https://vc.ru/design/385214-dokopatsya-do-suti-kak-provesti-glubinnoe-intervyu
Как понять проблемы и потребности клиента, которые он и сам зачастую не осознаёт? Простой опрос или анкетирование тут не поможет. Чтобы докопаться до самой сути, вам понадобятся более тонкие инструменты – такие, как глубинное интервью.
Глубинное интервью – это живая и открытая беседа с представителем целевой аудитории вашего продукта. Оно применяется, когда вам нужно выявить наиболее глубинные (отсюда и название) проблемы и потребности человека, в которых он, как правило, не отдаёт отчёта даже самому себе.
Почему здесь не работают другие методы исследования? Да просто потому, что на поверхности, на уровне сознания у вашего респондента могут лежать одни соображения (и именно их он назовёт в ответ на прямой вопрос), но в действительности руководить его поведением и предпочтениями могут совсем другие причины и побудительные мотивы. Вот до них-то вам и предстоит «докопаться» в ходе глубинного интервью.
Понимание реальных потребностей клиента позволит вам создать значительно более востребованный продукт и найти тот инсайт, который поможет этот продукт продать.
Читать статью: https://vc.ru/design/385214-dokopatsya-do-suti-kak-provesti-glubinnoe-intervyu
vc.ru
Докопаться до сути: как провести глубинное интервью
В рамках подготовки к онлайн-конференции «UX-исследования в новой реальности» предлагаем вспомнить одну из наших самых популярных публикаций, посвящённых теме пользовательских исследований. Это статья, подготовленная по ключевым тезисам доклада Надежды Щетининой…
9 UI/UX инструментов обязательных для любого дизайнера
Есть инструменты, которые должен знать каждый UI / UX дизайнер, и инструменты, которые просто полезно знать. Давайте рассмотрим некоторые из них!
Читать: https://ux.pub/editorial/9-uiux-instrumientov-obiazatielnykh-dlia-liubogho-dizainiera-4ia0
Есть инструменты, которые должен знать каждый UI / UX дизайнер, и инструменты, которые просто полезно знать. Давайте рассмотрим некоторые из них!
Читать: https://ux.pub/editorial/9-uiux-instrumientov-obiazatielnykh-dlia-liubogho-dizainiera-4ia0
UXPUB 🇺🇦 Дизайн-спільнота
9 UI/UX инструментов обязательных для любого дизайнера
Есть инструменты, которые должен знать каждый UI / UX дизайнер, и инструменты, которые просто полезно знать. Давайте рассмотрим некоторые из них
Адаптация таблиц под мобильные устройства
Для кого эта статья
Почти все дизайнеры сталкиваются с проблемой адаптации при отрисовке таблиц в интерфейсах - а именно адаптации таблиц под мобильные устройства. Справедливо также будет отметить полезность статьи для Frontend разработчиков, которые эти самые таблицы верстают.
Проблема
Проблема у дизайнера начинается в тот момент, когда таблица из десктопной версии интерфейса адаптируется под мобильные устройства. Как мы знаем — таблицы могут иметь много столбцов, что влечёт за собой вылеты таблицы за ширину экрана на мобильном устройстве.
Данная проблема встречается повсеместно, и усугубить ее может пожалуй лишь контент ячейки, который не переносится построчно, увеличивая тем самым ширину колонки.
Читать: https://habr.com/ru/post/547046/
Для кого эта статья
Почти все дизайнеры сталкиваются с проблемой адаптации при отрисовке таблиц в интерфейсах - а именно адаптации таблиц под мобильные устройства. Справедливо также будет отметить полезность статьи для Frontend разработчиков, которые эти самые таблицы верстают.
Проблема
Проблема у дизайнера начинается в тот момент, когда таблица из десктопной версии интерфейса адаптируется под мобильные устройства. Как мы знаем — таблицы могут иметь много столбцов, что влечёт за собой вылеты таблицы за ширину экрана на мобильном устройстве.
Данная проблема встречается повсеместно, и усугубить ее может пожалуй лишь контент ячейки, который не переносится построчно, увеличивая тем самым ширину колонки.
Читать: https://habr.com/ru/post/547046/
Хабр
Адаптация таблиц под мобильные устройства
Для кого эта статья Почти все дизайнеры сталкиваются с проблемой адаптации при отрисовке таблиц в интерфейсах - а именно адаптации таблиц под мобильные устройства. Справедливо также будет отметить...
10 навыков, которые отличают великого дизайнера
Какие навыки делают дизайнера ценным сотрудником? Вот мой топ-10
Итак... в этом году я с удовольствием принял на себя несколько новых обязанностей, среди них одна приятная – быть отцом маленькой девочки (сейчас ей 9 месяцев), что частично объясняет, почему я долгое время не писал новых статей. Также я впервые выступил в роли нанимателя. Я искал дизайнера для моей команды. Так, впервые за свою карьеру я оказался по другую сторону «баррикад». Это заставило меня много думать о том, что делает хороший дизайнер. Я придумал этот список, потому что мне показалось, что это может быть хорошей разминкой для ума, может пригодиться в будущем, и это может также стать отправной точкой для хорошей статьи. Статьи, которая может быть полезна не только для тех, кто находится в том же положении, что был я несколько месяцев назад, но и для всех людей, связанных с дизайном. Я написал эту статью основываясь на собственном опыте, в основном на навыках, которые помогли моему карьерному росту, а также навыках, которые я вижу у других дизайнеров, которыми я восхищаюсь и которых уважаю. Вы также увидите, что некоторые из примеров больше сфокусированы на UX дизайне, потому что это сфера, с которой я больше знаком.
Читать: https://ux.pub/editorial/10-navykov-kotoryie-otlichaiut-vielikogho-dizainiera-ocd
Какие навыки делают дизайнера ценным сотрудником? Вот мой топ-10
Итак... в этом году я с удовольствием принял на себя несколько новых обязанностей, среди них одна приятная – быть отцом маленькой девочки (сейчас ей 9 месяцев), что частично объясняет, почему я долгое время не писал новых статей. Также я впервые выступил в роли нанимателя. Я искал дизайнера для моей команды. Так, впервые за свою карьеру я оказался по другую сторону «баррикад». Это заставило меня много думать о том, что делает хороший дизайнер. Я придумал этот список, потому что мне показалось, что это может быть хорошей разминкой для ума, может пригодиться в будущем, и это может также стать отправной точкой для хорошей статьи. Статьи, которая может быть полезна не только для тех, кто находится в том же положении, что был я несколько месяцев назад, но и для всех людей, связанных с дизайном. Я написал эту статью основываясь на собственном опыте, в основном на навыках, которые помогли моему карьерному росту, а также навыках, которые я вижу у других дизайнеров, которыми я восхищаюсь и которых уважаю. Вы также увидите, что некоторые из примеров больше сфокусированы на UX дизайне, потому что это сфера, с которой я больше знаком.
Читать: https://ux.pub/editorial/10-navykov-kotoryie-otlichaiut-vielikogho-dizainiera-ocd
UXPUB 🇺🇦 Дизайн-спільнота
10 навыков, которые отличают великого дизайнера
Я написал эту статью основываясь на собственном опыте, в основном на навыках, которые помогли моему карьерному росту, а также навыках, которые я вижу у других дизайнеров, которыми я восхищаюсь и которых уважаю.
Восприятие цвета в интерфейсе: почему мы видим его по-разному
Про инклюзивность в интерфейсах и то, как дизайнеру учесть особенности цветового зрения.
Привет! Меня зовут Николай Комиссаров, я руковожу командой дизайна Пульса и медиапроектов в VK, а также занимаюсь социальными проектами компании.
Недавно, работая над одним из своих продуктов, я обнаружил, что вижу цвет не так, как другие люди. Если смотрю только правым глазом — цвета более насыщенные, левым — тусклые, а если обоими глазами — цвет получается средним по насыщенности.
В этой статье я делюсь базовой информацией об особенностях цветового зрения, а также полезными инструментами и ресурсами, которыми сам пользуюсь. Буду рад, если в комментариях продолжите тему своими знаниями и кейсами!
Читать: https://habr.com/ru/company/vk/blog/656933/
Про инклюзивность в интерфейсах и то, как дизайнеру учесть особенности цветового зрения.
Привет! Меня зовут Николай Комиссаров, я руковожу командой дизайна Пульса и медиапроектов в VK, а также занимаюсь социальными проектами компании.
Недавно, работая над одним из своих продуктов, я обнаружил, что вижу цвет не так, как другие люди. Если смотрю только правым глазом — цвета более насыщенные, левым — тусклые, а если обоими глазами — цвет получается средним по насыщенности.
В этой статье я делюсь базовой информацией об особенностях цветового зрения, а также полезными инструментами и ресурсами, которыми сам пользуюсь. Буду рад, если в комментариях продолжите тему своими знаниями и кейсами!
Читать: https://habr.com/ru/company/vk/blog/656933/
Хабр
Восприятие цвета в интерфейсе: почему мы видим его по-разному
Про инклюзивность в интерфейсах и то, как дизайнеру учесть особенности цветового зрения. Привет! Меня зовут Николай Комиссаров, я руковожу командой дизайна Пульса ( pulse.mail.ru ) и...