Да куда ты кликаешь? Какие задачи дизайна интерфейса решает метод First Click
При работе над интерфейсом неизбежно возникают вопросы: куда разместить кнопку, какой фон выбрать, как назвать раздел. И тут выручает First Click — наиболее наглядный и простой метод UX/UI исследования. В статье расскажут о возможностях метода и тонкостях применения.
Читать: https://vc.ru/design/186315-da-kuda-ty-klikaesh-kakie-zadachi-dizayna-interfeysa-reshaet-metod-first-click
При работе над интерфейсом неизбежно возникают вопросы: куда разместить кнопку, какой фон выбрать, как назвать раздел. И тут выручает First Click — наиболее наглядный и простой метод UX/UI исследования. В статье расскажут о возможностях метода и тонкостях применения.
Читать: https://vc.ru/design/186315-da-kuda-ty-klikaesh-kakie-zadachi-dizayna-interfeysa-reshaet-metod-first-click
vc.ru
Да куда ты кликаешь? Какие задачи дизайна интерфейса решает метод First Click — Дизайн на vc.ru
При работе над интерфейсом неизбежно возникают вопросы: куда разместить кнопку, какой фон выбрать, как назвать раздел. И тут выручает First Click — наиболее наглядный и простой метод UX/UI исследования. В статье расскажу о возможностях метода и тонкостях…
18 решений для фильтрации и сортировки товаров в интернет-магазине, которые упростят выбор и повысят конверсию
Выбирая и сравнивая товары, пользователь чаще всего опирается на информацию в категориях со списком товаров — листингах. Функционал фильтрации на страницах листинга призван упрощать выбор, но содержание и логика работы фильтров не всегда отвечают ожиданиям пользователей, что может негативно сказаться на конверсии.
Читать: https://vc.ru/design/187926-18-resheniy-dlya-filtracii-i-sortirovki-tovarov-v-internet-magazine-kotorye-uprostyat-vybor-i-povysyat-konversiyu
Выбирая и сравнивая товары, пользователь чаще всего опирается на информацию в категориях со списком товаров — листингах. Функционал фильтрации на страницах листинга призван упрощать выбор, но содержание и логика работы фильтров не всегда отвечают ожиданиям пользователей, что может негативно сказаться на конверсии.
Читать: https://vc.ru/design/187926-18-resheniy-dlya-filtracii-i-sortirovki-tovarov-v-internet-magazine-kotorye-uprostyat-vybor-i-povysyat-konversiyu
vc.ru
18 решений для фильтрации и сортировки товаров в интернет-магазине, которые упростят выбор и повысят конверсию — Дизайн на vc.ru
Выбирая и сравнивая товары, пользователь чаще всего опирается на информацию в категориях со списком товаров — листингах. Функционал фильтрации на страницах листинга призван упрощать выбор, но содержание и логика работы фильтров не всегда отвечают ожиданиям…
История презентаций: эпоха до появления Powerpoint
Рассказываем, как развивались способы создания презентаций до появления привычных нам сервисов.
Мы привыкли делать презентации в специальных программах или онлайн-редакторах: у нас есть Powerpoint, Google Slides, Keynote или Prezi. Среди них самым популярным изобретением стал именно Powerpoint: этот сервис верой и правдой служит нам уже более 30 лет. Но что было до его появления? Презентации тоже были. Давайте посмотрим, с помощью каких технологий их создавали.
Какими были первые презентации?
Презентация – это визуальный материал, помогающий вести рассказ. Можно сказать, что и наскальные рисунки были первыми презентациями – ведь через них древние люди общались с себе подобными и передавали опыт. Средневековые витражи тоже по своей концепции были похожи на презентации: с помощью картинок людям рассказывали библейские сюжеты.
Читать: https://habr.com/ru/post/527162/
Рассказываем, как развивались способы создания презентаций до появления привычных нам сервисов.
Мы привыкли делать презентации в специальных программах или онлайн-редакторах: у нас есть Powerpoint, Google Slides, Keynote или Prezi. Среди них самым популярным изобретением стал именно Powerpoint: этот сервис верой и правдой служит нам уже более 30 лет. Но что было до его появления? Презентации тоже были. Давайте посмотрим, с помощью каких технологий их создавали.
Какими были первые презентации?
Презентация – это визуальный материал, помогающий вести рассказ. Можно сказать, что и наскальные рисунки были первыми презентациями – ведь через них древние люди общались с себе подобными и передавали опыт. Средневековые витражи тоже по своей концепции были похожи на презентации: с помощью картинок людям рассказывали библейские сюжеты.
Читать: https://habr.com/ru/post/527162/
Хабр
История презентаций: эпоха до появления Powerpoint (часть 1)
Рассказываем, как развивались способы создания презентаций до появления привычных нам сервисов. Мы привыкли делать презентации в специальных программах или онлайн-редакторах: у нас есть Powerpoint,...
29 инструментов и сайтов для дизайнера, о которых вы никогда не слышали
Инструментов, плагинов, сайтов и ресурсов в индустрии дизайна хоть отбавляй, и все они обещают сделать ваш рабочий процесс более продуктивным, а вас самих — более продвинутыми специалистами. За годы работы я много чего перепробовал, но лишь немногие из этих инструментов действительно выделяются в общей массе.
Список ниже — просто лучшее из лучшего: в нём представлены самые малоизвестные, креативные, уникальные, полезные, необычные ресурсы. Кое-какие из них послужат для вдохновения, остальные — для гарантированного профессионального роста.
Читать: https://vc.ru/design/171961-29-instrumentov-i-saytov-dlya-dizaynera-o-kotoryh-vy-nikogda-ne-slyshali
Инструментов, плагинов, сайтов и ресурсов в индустрии дизайна хоть отбавляй, и все они обещают сделать ваш рабочий процесс более продуктивным, а вас самих — более продвинутыми специалистами. За годы работы я много чего перепробовал, но лишь немногие из этих инструментов действительно выделяются в общей массе.
Список ниже — просто лучшее из лучшего: в нём представлены самые малоизвестные, креативные, уникальные, полезные, необычные ресурсы. Кое-какие из них послужат для вдохновения, остальные — для гарантированного профессионального роста.
Читать: https://vc.ru/design/171961-29-instrumentov-i-saytov-dlya-dizaynera-o-kotoryh-vy-nikogda-ne-slyshali
vc.ru
29 инструментов и сайтов для дизайнера, о которых вы никогда не слышали — Дизайн на vc.ru
Перед началом статьи хочу сказать, что еще больше полезной и нужной информации вы найдете в нашем Телеграм-канале по ссылке: https://t.me/metsolution (Подпишитесь, мне будет очень приятно)
Как мотивировать пользователя закончить прогресс? -Эффект обеспеченного прогресса
Что такое «эффект обеспеченного прогресса»?
Идея заключается в том, что, если вы предоставите людям искусственный прогресс в достижении цели, у них будет больше мотивации для выполнения этой задачи.
В 2006 году Джозеф К. Нуньес и Ксавье Дрезе продемонстрировали эту идею в исследовании под названием «Эффект обеспеченного прогресса: как искусственное развитие увеличивает усилия». Они раздавали постоянным клиентам автомойки карты лояльности. Каждая мойка авто будет засчитываться по штампу на карте. Клиенты могли получить бесплатную мойку получив 8 штампов.
Покупатели были разделены на 2 равные группы:
Группа A: получили карты с 10 слотами, но два слота были уже погашены (прогресс 20%).
Группа B: получили карты с 8 слотами, из которых ни один не был погашен (прогресс 0%).
Исследователи выяснили, что 34% участников группы A (экспериментальная группа) полностью погасили свои карты по сравнению с 19% участников группы B (контрольная группа). В обоих случаях нужно было 8 раз оплатить мойку, но большая часть экспериментальной группы, т.е. группа с форой, выполнила задачу. Один шаг лучше, чем совсем ничего - я чувствовал себя вдохновленным.
Короче говоря, участникам, которым было дано преимущество на пути к достижению цели (2 штампа), казалось, что требуется приложить меньше усилий, и, таким образом, они имели больше мотивации для достижения финишной черты.
Читать статью: https://ux.pub/editorial/kak-motivirovat-polzovatielia-zakonchit-proghriess-effiekt-obiespiechiennogho-proghriessa-2a11
Что такое «эффект обеспеченного прогресса»?
Идея заключается в том, что, если вы предоставите людям искусственный прогресс в достижении цели, у них будет больше мотивации для выполнения этой задачи.
В 2006 году Джозеф К. Нуньес и Ксавье Дрезе продемонстрировали эту идею в исследовании под названием «Эффект обеспеченного прогресса: как искусственное развитие увеличивает усилия». Они раздавали постоянным клиентам автомойки карты лояльности. Каждая мойка авто будет засчитываться по штампу на карте. Клиенты могли получить бесплатную мойку получив 8 штампов.
Покупатели были разделены на 2 равные группы:
Группа A: получили карты с 10 слотами, но два слота были уже погашены (прогресс 20%).
Группа B: получили карты с 8 слотами, из которых ни один не был погашен (прогресс 0%).
Исследователи выяснили, что 34% участников группы A (экспериментальная группа) полностью погасили свои карты по сравнению с 19% участников группы B (контрольная группа). В обоих случаях нужно было 8 раз оплатить мойку, но большая часть экспериментальной группы, т.е. группа с форой, выполнила задачу. Один шаг лучше, чем совсем ничего - я чувствовал себя вдохновленным.
Короче говоря, участникам, которым было дано преимущество на пути к достижению цели (2 штампа), казалось, что требуется приложить меньше усилий, и, таким образом, они имели больше мотивации для достижения финишной черты.
Читать статью: https://ux.pub/editorial/kak-motivirovat-polzovatielia-zakonchit-proghriess-effiekt-obiespiechiennogho-proghriessa-2a11
UXPUB 🇺🇦 Дизайн-спільнота
Как мотивировать пользователя закончить прогресс? -Эффект обеспеченного прогресса
Идея заключается в том, что, если вы предоставите людям искусственный прогресс в достижении цели, у них будет больше мотивации для выполнения этой задачи
Как с помощью копирайтинга придать индивидуальность цифровым продуктам
Правильно подобранные слова сформируют весь опыт.
Подбор текста с помощью пользовательского тестирования – это катастрофа. Нам нужен копирайтер.
Такое сообщение мне отправила бывшая коллега. Она была талантливым продуктовым дизайнером и понимала важность хорошего UX-копирайтинга. Теперь она осознала, что ей нужна помощь.
Недавно она присоединилась к хорошо финансируемому стартапу, и первые несколько месяцев работы были напряженными. Ей было поручено изменить дизайн самого важного продукта компании. «Все идет хорошо», – подумала она.
Она смогла упростить самые сложные юзерфлоу и уменьшить беспорядок в интерфейсе. Она даже подготовила для тестирования прекрасный прототип. Но в ее команде не было копирайтеров. И, когда она представила продукт пользователям, слова не работали.
На следующее утро она позвонила мне в Zoom. Я спросил, что в тексте, по ее мнению, было неправильным. «В том-то и дело», – сказала она. «Все в порядке».
Все участники тестирования прошли через все юзерфлоу. Они предоставили хорошие, хоть и предсказуемые, отзывы о продукте. Многие из них использовали такие слова, как «простой» и «легкий». Но больше они ничего не сказали. Когда их попросили описать продукт, они отказались. Или повторялись. Простой. Легкий. Простой. Легкий.
С текстом все было в порядке. Но в нем не было ничего запоминающегося. Продукт не был сломан, он просто был скучным. У него не было ни капли индивидуальности.
Итак, мы составили план, как это исправить.
Продукт не был сломан, он просто был скучным.
Следующие несколько недель мы совместно работали над проектом. Копирайтинг и дизайн в одном массивном файле Figma. Мы создали новый тон голоса, определили стиль текста и начали использовать язык, который лучше работал с точки зрения стратегии продукта. Мы обновили все экраны прототипа, улучшив интерфейс и изменив почти каждое слово.
В следующем раунде пользовательского тестирования участники не просто знали, как использовать продукт. Им действительно понравилось его использовать. Продукт по-прежнему оставался простым. Но теперь он также был уникальным, современным и умным.
В чем отличия? Копирайтинг. Добавить индивидуальности можно разными способами. С помощью цветов, шрифтов, иллюстраций, анимаций и звуков. Ниже я расскажу вам, как сделать это с помощью слов.
Читать статью: https://ux.pub/editorial/kak-s-pomoshchiu-kopiraitingha-pridat-individualnost-tsifrovym-produktam-1abg
Правильно подобранные слова сформируют весь опыт.
Подбор текста с помощью пользовательского тестирования – это катастрофа. Нам нужен копирайтер.
Такое сообщение мне отправила бывшая коллега. Она была талантливым продуктовым дизайнером и понимала важность хорошего UX-копирайтинга. Теперь она осознала, что ей нужна помощь.
Недавно она присоединилась к хорошо финансируемому стартапу, и первые несколько месяцев работы были напряженными. Ей было поручено изменить дизайн самого важного продукта компании. «Все идет хорошо», – подумала она.
Она смогла упростить самые сложные юзерфлоу и уменьшить беспорядок в интерфейсе. Она даже подготовила для тестирования прекрасный прототип. Но в ее команде не было копирайтеров. И, когда она представила продукт пользователям, слова не работали.
На следующее утро она позвонила мне в Zoom. Я спросил, что в тексте, по ее мнению, было неправильным. «В том-то и дело», – сказала она. «Все в порядке».
Все участники тестирования прошли через все юзерфлоу. Они предоставили хорошие, хоть и предсказуемые, отзывы о продукте. Многие из них использовали такие слова, как «простой» и «легкий». Но больше они ничего не сказали. Когда их попросили описать продукт, они отказались. Или повторялись. Простой. Легкий. Простой. Легкий.
С текстом все было в порядке. Но в нем не было ничего запоминающегося. Продукт не был сломан, он просто был скучным. У него не было ни капли индивидуальности.
Итак, мы составили план, как это исправить.
Продукт не был сломан, он просто был скучным.
Следующие несколько недель мы совместно работали над проектом. Копирайтинг и дизайн в одном массивном файле Figma. Мы создали новый тон голоса, определили стиль текста и начали использовать язык, который лучше работал с точки зрения стратегии продукта. Мы обновили все экраны прототипа, улучшив интерфейс и изменив почти каждое слово.
В следующем раунде пользовательского тестирования участники не просто знали, как использовать продукт. Им действительно понравилось его использовать. Продукт по-прежнему оставался простым. Но теперь он также был уникальным, современным и умным.
В чем отличия? Копирайтинг. Добавить индивидуальности можно разными способами. С помощью цветов, шрифтов, иллюстраций, анимаций и звуков. Ниже я расскажу вам, как сделать это с помощью слов.
Читать статью: https://ux.pub/editorial/kak-s-pomoshchiu-kopiraitingha-pridat-individualnost-tsifrovym-produktam-1abg
UXPUB 🇺🇦 Дизайн-спільнота
Как с помощью копирайтинга придать индивидуальность цифровым продуктам
Добавить индивидуальности можно разными способами. С помощью цветов, шрифтов, иллюстраций, анимаций и звуков. Я расскажу вам, как сделать это с помощью слов
Как иллюстрировать неиллюстрируемое
Иллюстрировать тексты про прибыль или налоги — та ещё задачка. За время работы автор выработал несколько способов иллюстрировать абстрактное.
Этих способов три:
иллюстрировать действие
иллюстрировать героев
иллюстрировать проблему (или результаты)
Конечно, есть и другие способы. Но с помощью этих трёх можно придумать иллюстрацию на любую абстрактную тему.
Но прежде, чем поговорим о картинках, давайте подумаем, где читатель её увидит. Когда придумываешь картинку, важно помнить про контекст, в котором она появится в поле зрения читателя.
Читать статью: https://vc.ru/media/186846-kak-illyustrirovat-neillyustriruemoe
Иллюстрировать тексты про прибыль или налоги — та ещё задачка. За время работы автор выработал несколько способов иллюстрировать абстрактное.
Этих способов три:
иллюстрировать действие
иллюстрировать героев
иллюстрировать проблему (или результаты)
Конечно, есть и другие способы. Но с помощью этих трёх можно придумать иллюстрацию на любую абстрактную тему.
Но прежде, чем поговорим о картинках, давайте подумаем, где читатель её увидит. Когда придумываешь картинку, важно помнить про контекст, в котором она появится в поле зрения читателя.
Читать статью: https://vc.ru/media/186846-kak-illyustrirovat-neillyustriruemoe
vc.ru
Как иллюстрировать неиллюстрируемое — Медиа на vc.ru
Привет. Я главред журнала про финансы, веду личный блог и кучу контентных проектов. Для всего этого мне постоянно приходится придумывать заглавные картинки. Вот как я это делаю.
Как быстро создать и безболезненно внедрить большой набор иконок для цифровых продуктов и сервисов: опыт Райффайзенбанка
Во время работы над новой цифровой айдентикой Райффайзенбанка в Вене, совместно с филиалами в других странах, разработали новую стилистику иконок. Необходимо было ее поддержать и обновить текущий набор, дополнив новыми метафорами. Авторы статьи делятся опытом, как выстроить максимально продуктивную работу с дизайнерами и сделать процесс внедрения новых иконок простым и легким для команд и разработчиков.
Читать:https://vc.ru/design/195932-kak-bystro-sozdat-i-bezboleznenno-vnedrit-bolshoy-nabor-ikonok-dlya-cifrovyh-produktov-i-servisov-opyt-rayffayzenbanka
Во время работы над новой цифровой айдентикой Райффайзенбанка в Вене, совместно с филиалами в других странах, разработали новую стилистику иконок. Необходимо было ее поддержать и обновить текущий набор, дополнив новыми метафорами. Авторы статьи делятся опытом, как выстроить максимально продуктивную работу с дизайнерами и сделать процесс внедрения новых иконок простым и легким для команд и разработчиков.
Читать:https://vc.ru/design/195932-kak-bystro-sozdat-i-bezboleznenno-vnedrit-bolshoy-nabor-ikonok-dlya-cifrovyh-produktov-i-servisov-opyt-rayffayzenbanka
vc.ru
Как быстро создать и безболезненно внедрить большой набор иконок для цифровых продуктов и сервисов: опыт Райффайзенбанка — Дизайн…
Во время работы над новой цифровой айдентикой Райффайзенбанка в Вене мы, совместно с филиалами в других странах, разработали новую стилистику иконок. Необходимо было ее поддержать и обновить текущий набор, дополнив новыми метафорами. Делюсь опытом, как выстроить…
Копирование — основа дизайна
Одно дело копировать. Совсем другое — побуждать других людей копировать вас. Ричард Столлман пошёл ещё дальше — он предоставил людям право копировать.
В 1983 г. Ричард Столлман хотел создать новую операционную систему. В то время самой популярной и влиятельной операционкой была Unix, но лицензировать её было дорого. Коммерческие лицензии стоили 20 000 $ (это 52 028 $ на 2020 год). Помимо этого, исходный код Unix был закрыт.
Так что 27 сентября 1983 г. на доске объявлений Unix Wizards появилось следующее сообщение от Столлмана:
Unix бесплатно!
В этот День благодарения я собираюсь начать писать полностью Unix-совместимую программную систему под названием GNU (Gnu’s Not Unix, Gnu — не Unix) и раздать её безвозмездно всем желающим. Крайне приветствуются пожертвования в виде времени, денег, программ и оборудования.
Сама идея, что Столлман напишет программное обеспечение (ПО) и раздаст его людям для неограниченного использования, была весьма радикальной. Чтобы довести эту идею до конца, Столлман написал манифест свободного ПО («свободное ПО — это ПО, которое пользователи вправе распространять и изменять»). Этот манифест положил начало целому движению за свободное ПО.
Неизменным новшеством движения Столлмана было то, как он и его сообщники использовали лицензии на ПО. Они перевернули традиционное лицензирование с ног на голову.
Вместо того чтобы запрещать копирование или распространение программ, лицензия на свободное программное обеспечение гарантирует право людей использовать, изменять, распространять и изучать его код.
Новые виды лицензий были не единственным продуктом движения за свободное ПО. Идеологические ответвления быстро превратились в новые группы, такие как движение за open-source ПО (программное обеспечение с открытым исходным кодом).
Группа сторонников свободного ПО Столлмана была сосредоточена вокруг небольшой группы радикально настроенных программистов — а движение за open-source было более широким и всеобъемлющим. Его представители отказались от некоторых политических формулировок Столлмана, чтобы расшириться и найти новую аудиторию.
Разрешительное лицензирование и системы распределённого контроля исходного кода формируют двигатель современной разработки ПО. Они создают петлю обратной связи, или симбиотическую пару, или живой организм, или, может, даже вирус: инструменты, которые используют разработчики ПО, сами являются продуктами философии open-source. Свободный и open-source код воспроизводит себя, мутирует и мгновенно распространяется по всему миру.
Читать статью: https://deadsign.ru/workflow/copying-is-the-way-design-works-part-2/
Одно дело копировать. Совсем другое — побуждать других людей копировать вас. Ричард Столлман пошёл ещё дальше — он предоставил людям право копировать.
В 1983 г. Ричард Столлман хотел создать новую операционную систему. В то время самой популярной и влиятельной операционкой была Unix, но лицензировать её было дорого. Коммерческие лицензии стоили 20 000 $ (это 52 028 $ на 2020 год). Помимо этого, исходный код Unix был закрыт.
Так что 27 сентября 1983 г. на доске объявлений Unix Wizards появилось следующее сообщение от Столлмана:
Unix бесплатно!
В этот День благодарения я собираюсь начать писать полностью Unix-совместимую программную систему под названием GNU (Gnu’s Not Unix, Gnu — не Unix) и раздать её безвозмездно всем желающим. Крайне приветствуются пожертвования в виде времени, денег, программ и оборудования.
Сама идея, что Столлман напишет программное обеспечение (ПО) и раздаст его людям для неограниченного использования, была весьма радикальной. Чтобы довести эту идею до конца, Столлман написал манифест свободного ПО («свободное ПО — это ПО, которое пользователи вправе распространять и изменять»). Этот манифест положил начало целому движению за свободное ПО.
Неизменным новшеством движения Столлмана было то, как он и его сообщники использовали лицензии на ПО. Они перевернули традиционное лицензирование с ног на голову.
Вместо того чтобы запрещать копирование или распространение программ, лицензия на свободное программное обеспечение гарантирует право людей использовать, изменять, распространять и изучать его код.
Новые виды лицензий были не единственным продуктом движения за свободное ПО. Идеологические ответвления быстро превратились в новые группы, такие как движение за open-source ПО (программное обеспечение с открытым исходным кодом).
Группа сторонников свободного ПО Столлмана была сосредоточена вокруг небольшой группы радикально настроенных программистов — а движение за open-source было более широким и всеобъемлющим. Его представители отказались от некоторых политических формулировок Столлмана, чтобы расшириться и найти новую аудиторию.
Разрешительное лицензирование и системы распределённого контроля исходного кода формируют двигатель современной разработки ПО. Они создают петлю обратной связи, или симбиотическую пару, или живой организм, или, может, даже вирус: инструменты, которые используют разработчики ПО, сами являются продуктами философии open-source. Свободный и open-source код воспроизводит себя, мутирует и мгновенно распространяется по всему миру.
Читать статью: https://deadsign.ru/workflow/copying-is-the-way-design-works-part-2/
На каком этапе проходит юзабилити-тестирование и для чего оно нужно? Инструкция по применению
На каком этапе проходит юзабилити-тестирование и для чего оно нужно?
Не хочу вставлять выдержки из Википедии с определением, так как предполагаю, что все в этом сообществе хоть отдаленно, но с термином «юзабилити-тестирование» знакомы. Оно помогает понять, насколько легко пользователям решать свои задачи с помощью интерфейса. Отзывы пользователей помогут команде разработки улучшить опыт, чтобы создать полезный продукт, который отвечает всем потребностям клиента.
Юзабилити-тестирование может проводиться на разных этапах создания интерфейса/продукта.
Например, на начальном этапе, когда у тебя только появилась идея, и ты хочешь проверить концепцию. Для этого достаточно нарисовать бумажные прототипы и проверить их в работе: не было ли что-то упущено, насколько понятна логика работы и т.д.
Юзабилити-исследования проводят и когда готов низкочастотный прототип. Результат помогает команде понять, что можно изменить или добавить до начала запуска продукта, и экономит время разработчиков.
Проводят исследования и с уже готовым продуктом. Это тестирование с определенной группой людей с целью понять, как можно изменить конкретную функцию продукта.
Читать статью: https://medium.com/design-pub/на-каком-этапе-проходит-юзабилити-тестирование-и-для-чего-оно-нужно-инструкция-по-применению-e0fe24e0e907
На каком этапе проходит юзабилити-тестирование и для чего оно нужно?
Не хочу вставлять выдержки из Википедии с определением, так как предполагаю, что все в этом сообществе хоть отдаленно, но с термином «юзабилити-тестирование» знакомы. Оно помогает понять, насколько легко пользователям решать свои задачи с помощью интерфейса. Отзывы пользователей помогут команде разработки улучшить опыт, чтобы создать полезный продукт, который отвечает всем потребностям клиента.
Юзабилити-тестирование может проводиться на разных этапах создания интерфейса/продукта.
Например, на начальном этапе, когда у тебя только появилась идея, и ты хочешь проверить концепцию. Для этого достаточно нарисовать бумажные прототипы и проверить их в работе: не было ли что-то упущено, насколько понятна логика работы и т.д.
Юзабилити-исследования проводят и когда готов низкочастотный прототип. Результат помогает команде понять, что можно изменить или добавить до начала запуска продукта, и экономит время разработчиков.
Проводят исследования и с уже готовым продуктом. Это тестирование с определенной группой людей с целью понять, как можно изменить конкретную функцию продукта.
Читать статью: https://medium.com/design-pub/на-каком-этапе-проходит-юзабилити-тестирование-и-для-чего-оно-нужно-инструкция-по-применению-e0fe24e0e907
Medium
На каком этапе проходит юзабилити-тестирование и для чего оно нужно? Инструкция по применению
На каком этапе проходит юзабилити-тестирование и для чего оно нужно?
Как применить гештальтпсихологию в графическом дизайне
Человек мыслит шаблонами, и это не всегда плохо. Наш мозг использует накопленные в детстве визуальные образы на протяжении всей жизни, достраивая картинку вокруг «на автомате». Благодаря этому механизму мы неосознанно видим в облаке сердечко, а в пене морской волны — барашков.
Эта справочная статья будет полезна начинающим дизайнерам, коммуникаторам и специалистам, которые работают с пользовательским опытом.
Читать: https://vc.ru/design/187148-kak-primenit-geshtaltpsihologiyu-v-graficheskom-dizayne
Человек мыслит шаблонами, и это не всегда плохо. Наш мозг использует накопленные в детстве визуальные образы на протяжении всей жизни, достраивая картинку вокруг «на автомате». Благодаря этому механизму мы неосознанно видим в облаке сердечко, а в пене морской волны — барашков.
Эта справочная статья будет полезна начинающим дизайнерам, коммуникаторам и специалистам, которые работают с пользовательским опытом.
Читать: https://vc.ru/design/187148-kak-primenit-geshtaltpsihologiyu-v-graficheskom-dizayne
vc.ru
Как применить гештальтпсихологию в графическом дизайне — Дизайн на vc.ru
Человек мыслит шаблонами, и это не всегда плохо. Наш мозг использует накопленные в детстве визуальные образы на протяжении всей жизни, достраивая картинку вокруг «на автомате». Благодаря этому механизму мы неосознанно видим в облаке сердечко, а в пене морской…
Решение проблем неактивных кнопок в дизайне интерфейсов
Неактивная кнопка используется для визуального сообщения, что действие недоступно из-за несоблюдения определенных условий. Однако, когда ему не хватает обратной связи, контекста и руководства, подобный опыт может расстраивать, сбивать с толку и не соответствовать принципам доступности.
«Почему я не могу нажать на этот элемент?», «Что мне делать?», «Почему он больше не доступен?». Давайте рассмотрим три альтернативных решения, которые сделают отключенные кнопки менее неприятными.
Читать статью: https://ux.pub/editorial/rieshieniie-probliem-nieaktivnykh-knopok-v-dizainie-intierfieisov-473b
Неактивная кнопка используется для визуального сообщения, что действие недоступно из-за несоблюдения определенных условий. Однако, когда ему не хватает обратной связи, контекста и руководства, подобный опыт может расстраивать, сбивать с толку и не соответствовать принципам доступности.
«Почему я не могу нажать на этот элемент?», «Что мне делать?», «Почему он больше не доступен?». Давайте рассмотрим три альтернативных решения, которые сделают отключенные кнопки менее неприятными.
Читать статью: https://ux.pub/editorial/rieshieniie-probliem-nieaktivnykh-knopok-v-dizainie-intierfieisov-473b
UXPUB 🇺🇦 Дизайн-спільнота
Решение проблем неактивных кнопок в дизайне интерфейсов
Неактивная кнопка используется для визуального сообщения, что действие недоступно из-за несоблюдения определенных условий. Давайте рассмотрим три альтернативных решения, которые сделают отключенные кнопки менее неприятными
Руководство, как стать продуктовым Senior-дизайнером
Узнайте, как работают карьерные лестницы и как составить карьерный план, чтобы получить повышение.
Как вы повышаете уровень? С помощью карьерного плана
К этому моменту вы, вероятно, уже создали портфолио, которое привлекло внимание разных компаний. Надеюсь, вас пригласили на собеседование, и вы успешно прошли его. В идеальном мире теперь вы работаете в компании. Что дальше? Пришло время подумать о долгосрочных карьерных целях и о том, как их достичь.
Вы, вероятно, спрашивали себя: «Как мне расти и получать повышения, чтобы стать Senior-дизайнером?» В этой статье я постараюсь ответить на этот вопрос. Она призвана дать вам инструменты, необходимые для понимания карьерной лестницы дизайнера, оценки вашего текущего уровня, дать четкие рекомендации, как повысить уровень, и помогать вам на протяжении всей карьеры. Эта статья поможет вам не сбиться с пути и ускорить ваш карьерный рост по мере того, как вы поднимаетесь все выше и выше.
Читать статью: https://ux.pub/editorial/rukovodstvo-kak-stat-produktovym-senior-dizainierom-3f51
Узнайте, как работают карьерные лестницы и как составить карьерный план, чтобы получить повышение.
Как вы повышаете уровень? С помощью карьерного плана
К этому моменту вы, вероятно, уже создали портфолио, которое привлекло внимание разных компаний. Надеюсь, вас пригласили на собеседование, и вы успешно прошли его. В идеальном мире теперь вы работаете в компании. Что дальше? Пришло время подумать о долгосрочных карьерных целях и о том, как их достичь.
Вы, вероятно, спрашивали себя: «Как мне расти и получать повышения, чтобы стать Senior-дизайнером?» В этой статье я постараюсь ответить на этот вопрос. Она призвана дать вам инструменты, необходимые для понимания карьерной лестницы дизайнера, оценки вашего текущего уровня, дать четкие рекомендации, как повысить уровень, и помогать вам на протяжении всей карьеры. Эта статья поможет вам не сбиться с пути и ускорить ваш карьерный рост по мере того, как вы поднимаетесь все выше и выше.
Читать статью: https://ux.pub/editorial/rukovodstvo-kak-stat-produktovym-senior-dizainierom-3f51
UXPUB 🇺🇦 Дизайн-спільнота
Руководство, как стать продуктовым Senior-дизайнером
Узнайте, как работают карьерные лестницы и как составить карьерный план, чтобы получить повышение
Сколько зарабатывает UX/UI-дизайнер на пике своей формы
UX-дизайнер – специалист, который занимается проектированием и дизайном продуктов и сервисов. Обзор зарплат и навыков в интернет-профессии, интересной востребованной в России и мире.
Читать статью: https://ux-journal.ru/skolko-zarabatyvaet-ux-ui-dizajner-na-pike-svoej-formy.html
UX-дизайнер – специалист, который занимается проектированием и дизайном продуктов и сервисов. Обзор зарплат и навыков в интернет-профессии, интересной востребованной в России и мире.
Читать статью: https://ux-journal.ru/skolko-zarabatyvaet-ux-ui-dizajner-na-pike-svoej-formy.html
Продуктовый дизайн (UX/UI), брендинг и аналитика
Сколько зарабатывает UX/UI-дизайнер на пике своей формы
Собрала обзор зарплат и навыков в интернет-профессии, интересной востребованной в России и мире. Держите! 🌿👌
Копирование - неотъемлемая часть дизайна
В наши дни автоматическая защита от копирования есть практически для всего. Вы не можете легко скачать видео с Netflix, скопировать книги Kindle или скачать с торрентов Adobe Creative Cloud. Но дизайн бывает разным. Чтобы скопировать дизайн, вам понадобится калька.
Фактически, вам даже не нужно рисовать. Вытащите телефон, сделайте снимок и сохраните его на доске Pinterest. Вы можете использовать палитру цветов для извлечения точного оттенка из дизайна, использовать физический или цифровой измерительный инструмент для получения точных размеров, а также использовать WhatTheFont для изучения шрифтов, используемых в дизайне.
Если вы просматриваете веб-сайт, то можете просто щелкнуть «Просмотр кода страницы» и просмотреть все дизайн-решения с подробным описанием. Именно так я прошел путь от копирования комиксов до дизайнера: я копировал дизайны с понравившихся мне сайтов и вставлял их в свой блог Xanga.
Читать статью: https://ux.pub/editorial/kopirovaniie-nieotiemliemaia-chast-dizaina-5581
В наши дни автоматическая защита от копирования есть практически для всего. Вы не можете легко скачать видео с Netflix, скопировать книги Kindle или скачать с торрентов Adobe Creative Cloud. Но дизайн бывает разным. Чтобы скопировать дизайн, вам понадобится калька.
Фактически, вам даже не нужно рисовать. Вытащите телефон, сделайте снимок и сохраните его на доске Pinterest. Вы можете использовать палитру цветов для извлечения точного оттенка из дизайна, использовать физический или цифровой измерительный инструмент для получения точных размеров, а также использовать WhatTheFont для изучения шрифтов, используемых в дизайне.
Если вы просматриваете веб-сайт, то можете просто щелкнуть «Просмотр кода страницы» и просмотреть все дизайн-решения с подробным описанием. Именно так я прошел путь от копирования комиксов до дизайнера: я копировал дизайны с понравившихся мне сайтов и вставлял их в свой блог Xanga.
Читать статью: https://ux.pub/editorial/kopirovaniie-nieotiemliemaia-chast-dizaina-5581
UXPUB 🇺🇦 Дизайн-спільнота
Копирование - неотъемлемая часть дизайна
Копирование может быть поучительным, трудным или революционным. Для меня копирование – это веселье
Книга «Хороший интерфейс — невидимый интерфейс»
Бесплатная электронная книга, где Голден Кришна заставляет нас критически взглянуть на назойливый экранный мир и демонстрирует, как можно создавать продвинутые технологии без цифровых интерфейсов. В своей умной, суровой и зачастую уморительной критической манере Голден подсказывает удивительные идеи, позволяющие выйти из плоскости экрана и при помощи всего трех принципов добиться более плодотворных инноваций. Если вы работаете в инженерной сфере или просто опасаетесь надвигающегося засилья гаджетов, эта книга будет для вас интересной и информативной. Вы сами убедитесь, что обходиться без интерфейсов можно и нужно.
Читать: https://habr.com/ru/company/piter/blog/525606/
Бесплатная электронная книга, где Голден Кришна заставляет нас критически взглянуть на назойливый экранный мир и демонстрирует, как можно создавать продвинутые технологии без цифровых интерфейсов. В своей умной, суровой и зачастую уморительной критической манере Голден подсказывает удивительные идеи, позволяющие выйти из плоскости экрана и при помощи всего трех принципов добиться более плодотворных инноваций. Если вы работаете в инженерной сфере или просто опасаетесь надвигающегося засилья гаджетов, эта книга будет для вас интересной и информативной. Вы сами убедитесь, что обходиться без интерфейсов можно и нужно.
Читать: https://habr.com/ru/company/piter/blog/525606/
Хабр
Книга «Хороший интерфейс — невидимый интерфейс»
Привет, Хаброжители! Сегодня мы решили поделиться бесплатной электронной книгой, где Голден Кришна заставляет нас критически взглянуть на назойливый экранный мир и демонстрирует, как можно создавать...
Использование реальных данных в Figma
Сейчас создается целая уйма программного обеспечения и инструментов для преодоления разрыва между проектированием и разработкой. Важно продемонстрировать свою работу максимально близко к тому, как она будет выглядеть и функционировать в руках пользователей.
Читать статью:
https://ux.pub/editorial/ispolzovaniie-riealnykh-dannykh-v-figma-1p0i
Сейчас создается целая уйма программного обеспечения и инструментов для преодоления разрыва между проектированием и разработкой. Важно продемонстрировать свою работу максимально близко к тому, как она будет выглядеть и функционировать в руках пользователей.
Читать статью:
https://ux.pub/editorial/ispolzovaniie-riealnykh-dannykh-v-figma-1p0i
UXPUB 🇺🇦 Дизайн-спільнота
Использование реальных данных в Figma
Важно продемонстрировать свою работу максимально близко к тому, как она будет выглядеть и функционировать в руках пользователей
6 инструментов для быстрой проверки работы сайта на разных устройствах
При создании сайта важно помнить, что он не только должен работать и отлично выглядеть на устройстве, на котором вы его создаете, но и на всех других устройствах, на которых он также может использоваться.
Оптимизация для мобильных устройств и планшетов важна не только для пути пользователя, но и с точки зрения SEO.
Поскольку на рынок выходит все больше и больше устройств, вам необходимо проверять, совместим ли любой созданный вами веб-сайт по всем направлениям. Один неудачный опыт, и пользователи, скорее всего, уйдут и больше не вернутся. Это может иметь катастрофические последствия для бизнеса, особенно если он только в начале пути.
Очень важно проверить, как сайт выглядит и ведет себя при просмотре в любых условиях. Вы думаете, что пользователи смотрят его только на мобильных устройствах в портретном режиме? Ну что ж, вы ошибаетесь.
Вот 6 инструментов, которые избавят вас от необходимости заводить библиотеку всех устройств и ускорят процесс.
https://say-hi.me/design/web-design/6-tools-cross-device-check.html
При создании сайта важно помнить, что он не только должен работать и отлично выглядеть на устройстве, на котором вы его создаете, но и на всех других устройствах, на которых он также может использоваться.
Оптимизация для мобильных устройств и планшетов важна не только для пути пользователя, но и с точки зрения SEO.
Поскольку на рынок выходит все больше и больше устройств, вам необходимо проверять, совместим ли любой созданный вами веб-сайт по всем направлениям. Один неудачный опыт, и пользователи, скорее всего, уйдут и больше не вернутся. Это может иметь катастрофические последствия для бизнеса, особенно если он только в начале пути.
Очень важно проверить, как сайт выглядит и ведет себя при просмотре в любых условиях. Вы думаете, что пользователи смотрят его только на мобильных устройствах в портретном режиме? Ну что ж, вы ошибаетесь.
Вот 6 инструментов, которые избавят вас от необходимости заводить библиотеку всех устройств и ускорят процесс.
https://say-hi.me/design/web-design/6-tools-cross-device-check.html
Сей-Хай
6 инструментов для быстрой проверки работы сайта на разных устройствах – Сей-Хай
При создании сайта важно помнить, что он не только должен работать и отлично выглядеть на устройстве, на котором вы его создаете, но и на всех других
6 способов добиться карьерного роста дизайнеру
Полезные советы, которые помогут вам улучшить навыки продуктового дизайнера и получить продвижение по службе.
Стремитесь ли вы заполучить новую должность или просто пытаетесь улучшить навыки продуктового дизайнера, следующие советы помогут вам достичь и того и другого. Medium завален статьями о том, как получить работу в сфере UX или продуктового дизайна, или списками профессиональных навыков, которые должен знать каждый продуктовый дизайнер, но я хочу поговорить о том, как повысить ваш текущий уровень. И, должен сказать, эта формула довольно проста. Следующие советы помогли мне как добиться карьерного роста, так и в некоторой степени улучшить личную жизнь.
Читать: https://ux.pub/editorial/6-sposobov-dobitsia-kariernogho-rosta-dizainieru-40ho
Полезные советы, которые помогут вам улучшить навыки продуктового дизайнера и получить продвижение по службе.
Стремитесь ли вы заполучить новую должность или просто пытаетесь улучшить навыки продуктового дизайнера, следующие советы помогут вам достичь и того и другого. Medium завален статьями о том, как получить работу в сфере UX или продуктового дизайна, или списками профессиональных навыков, которые должен знать каждый продуктовый дизайнер, но я хочу поговорить о том, как повысить ваш текущий уровень. И, должен сказать, эта формула довольно проста. Следующие советы помогли мне как добиться карьерного роста, так и в некоторой степени улучшить личную жизнь.
Читать: https://ux.pub/editorial/6-sposobov-dobitsia-kariernogho-rosta-dizainieru-40ho
UXPUB 🇺🇦 Дизайн-спільнота
6 способов добиться карьерного роста дизайнеру
Полезные советы, которые помогут вам улучшить навыки продуктового дизайнера и получить продвижение по карьере
Что такое Customer Journey Map (CJM) и как построить ее правильно
Customer journey map (CJM), или карта пути пользователя — это инструмент, который помогает улучшить клиентский опыт. Рассказывают на примерах, как построить карту и с помощью каких инструментов это удобнее сделать.
Читать:
https://ux-journal.ru/kak-stroit-customer-journey-map.html
Customer journey map (CJM), или карта пути пользователя — это инструмент, который помогает улучшить клиентский опыт. Рассказывают на примерах, как построить карту и с помощью каких инструментов это удобнее сделать.
Читать:
https://ux-journal.ru/kak-stroit-customer-journey-map.html
Продуктовый дизайн (UX/UI), брендинг и аналитика
Что такое Customer Journey Map (CJM) и как построить ее правильно
Customer journey map (CJM) помогает улучшить клиентский опыт. В статье примеры на русском, инструкция, чек-лист и инструменты создания.