На каком этапе проходит юзабилити-тестирование и для чего оно нужно? Инструкция по применению

На каком этапе проходит юзабилити-тестирование и для чего оно нужно?
Не хочу вставлять выдержки из Википедии с определением, так как предполагаю, что все в этом сообществе хоть отдаленно, но с термином «юзабилити-тестирование» знакомы. Оно помогает понять, насколько легко пользователям решать свои задачи с помощью интерфейса. Отзывы пользователей помогут команде разработки улучшить опыт, чтобы создать полезный продукт, который отвечает всем потребностям клиента.
Юзабилити-тестирование может проводиться на разных этапах создания интерфейса/продукта.
Например, на начальном этапе, когда у тебя только появилась идея, и ты хочешь проверить концепцию. Для этого достаточно нарисовать бумажные прототипы и проверить их в работе: не было ли что-то упущено, насколько понятна логика работы и т.д.
Юзабилити-исследования проводят и когда готов низкочастотный прототип. Результат помогает команде понять, что можно изменить или добавить до начала запуска продукта, и экономит время разработчиков.
Проводят исследования и с уже готовым продуктом. Это тестирование с определенной группой людей с целью понять, как можно изменить конкретную функцию продукта.

Читать статью: https://medium.com/design-pub/на-каком-этапе-проходит-юзабилити-тестирование-и-для-чего-оно-нужно-инструкция-по-применению-e0fe24e0e907

Как применить гештальтпсихологию в графическом дизайне

Человек мыслит шаблонами, и это не всегда плохо. Наш мозг использует накопленные в детстве визуальные образы на протяжении всей жизни, достраивая картинку вокруг «на автомате». Благодаря этому механизму мы неосознанно видим в облаке сердечко, а в пене морской волны — барашков.

Эта справочная статья будет полезна начинающим дизайнерам, коммуникаторам и специалистам, которые работают с пользовательским опытом.

Читать: https://vc.ru/design/187148-kak-primenit-geshtaltpsihologiyu-v-graficheskom-dizayne

Решение проблем неактивных кнопок в дизайне интерфейсов

Неактивная кнопка используется для визуального сообщения, что действие недоступно из-за несоблюдения определенных условий. Однако, когда ему не хватает обратной связи, контекста и руководства, подобный опыт может расстраивать, сбивать с толку и не соответствовать принципам доступности.
«Почему я не могу нажать на этот элемент?», «Что мне делать?», «Почему он больше не доступен?». Давайте рассмотрим три альтернативных решения, которые сделают отключенные кнопки менее неприятными.

Читать статью: https://ux.pub/editorial/rieshieniie-probliem-nieaktivnykh-knopok-v-dizainie-intierfieisov-473b

Руководство, как стать продуктовым Senior-дизайнером

Узнайте, как работают карьерные лестницы и как составить карьерный план, чтобы получить повышение.

Как вы повышаете уровень? С помощью карьерного плана
К этому моменту вы, вероятно, уже создали портфолио, которое привлекло внимание разных компаний. Надеюсь, вас пригласили на собеседование, и вы успешно прошли его. В идеальном мире теперь вы работаете в компании. Что дальше? Пришло время подумать о долгосрочных карьерных целях и о том, как их достичь.
Вы, вероятно, спрашивали себя: «Как мне расти и получать повышения, чтобы стать Senior-дизайнером?» В этой статье я постараюсь ответить на этот вопрос. Она призвана дать вам инструменты, необходимые для понимания карьерной лестницы дизайнера, оценки вашего текущего уровня, дать четкие рекомендации, как повысить уровень, и помогать вам на протяжении всей карьеры. Эта статья поможет вам не сбиться с пути и ускорить ваш карьерный рост по мере того, как вы поднимаетесь все выше и выше.

Читать статью: https://ux.pub/editorial/rukovodstvo-kak-stat-produktovym-senior-dizainierom-3f51

Сколько зарабатывает UX/UI-дизайнер на пике своей формы

UX-дизайнер – специалист, который занимается проектированием и дизайном продуктов и сервисов. Обзор зарплат и навыков в интернет-профессии, интересной востребованной в России и мире. 

Читать статью: https://ux-journal.ru/skolko-zarabatyvaet-ux-ui-dizajner-na-pike-svoej-formy.html

Копирование - неотъемлемая часть дизайна

В наши дни автоматическая защита от копирования есть практически для всего. Вы не можете легко скачать видео с Netflix, скопировать книги Kindle или скачать с торрентов Adobe Creative Cloud. Но дизайн бывает разным. Чтобы скопировать дизайн, вам понадобится калька.
Фактически, вам даже не нужно рисовать. Вытащите телефон, сделайте снимок и сохраните его на доске Pinterest. Вы можете использовать палитру цветов для извлечения точного оттенка из дизайна, использовать физический или цифровой измерительный инструмент для получения точных размеров, а также использовать WhatTheFont для изучения шрифтов, используемых в дизайне.
Если вы просматриваете веб-сайт, то можете просто щелкнуть «Просмотр кода страницы» и просмотреть все дизайн-решения с подробным описанием. Именно так я прошел путь от копирования комиксов до дизайнера: я копировал дизайны с понравившихся мне сайтов и вставлял их в свой блог Xanga.

Читать статью: https://ux.pub/editorial/kopirovaniie-nieotiemliemaia-chast-dizaina-5581

Книга «Хороший интерфейс — невидимый интерфейс»

Бесплатная электронная книга, где Голден Кришна заставляет нас критически взглянуть на назойливый экранный мир и демонстрирует, как можно создавать продвинутые технологии без цифровых интерфейсов. В своей умной, суровой и зачастую уморительной критической манере Голден подсказывает удивительные идеи, позволяющие выйти из плоскости экрана и при помощи всего трех принципов добиться более плодотворных инноваций. Если вы работаете в инженерной сфере или просто опасаетесь надвигающегося засилья гаджетов, эта книга будет для вас интересной и информативной. Вы сами убедитесь, что обходиться без интерфейсов можно и нужно.

Читать: https://habr.com/ru/company/piter/blog/525606/

Использование реальных данных в Figma

Сейчас создается целая уйма программного обеспечения и инструментов для преодоления разрыва между проектированием и разработкой. Важно продемонстрировать свою работу максимально близко к тому, как она будет выглядеть и функционировать в руках пользователей.

Читать статью:
https://ux.pub/editorial/ispolzovaniie-riealnykh-dannykh-v-figma-1p0i

6 инструментов для быстрой проверки работы сайта на разных устройствах

При создании сайта важно помнить, что он не только должен работать и отлично выглядеть на устройстве, на котором вы его создаете, но и на всех других устройствах, на которых он также может использоваться.
Оптимизация для мобильных устройств и планшетов важна не только для пути пользователя, но и с точки зрения SEO.
Поскольку на рынок выходит все больше и больше устройств, вам необходимо проверять, совместим ли любой созданный вами веб-сайт по всем направлениям. Один неудачный опыт, и пользователи, скорее всего, уйдут и больше не вернутся. Это может иметь катастрофические последствия для бизнеса, особенно если он только в начале пути.
Очень важно проверить, как сайт выглядит и ведет себя при просмотре в любых условиях. Вы думаете, что пользователи смотрят его только на мобильных устройствах в портретном режиме? Ну что ж, вы ошибаетесь.
Вот 6 инструментов, которые избавят вас от необходимости заводить библиотеку всех устройств и ускорят процесс.

https://say-hi.me/design/web-design/6-tools-cross-device-check.html

6 способов добиться карьерного роста дизайнеру

Полезные советы, которые помогут вам улучшить навыки продуктового дизайнера и получить продвижение по службе.

Стремитесь ли вы заполучить новую должность или просто пытаетесь улучшить навыки продуктового дизайнера, следующие советы помогут вам достичь и того и другого. Medium завален статьями о том, как получить работу в сфере UX или продуктового дизайна, или списками профессиональных навыков, которые должен знать каждый продуктовый дизайнер, но я хочу поговорить о том, как повысить ваш текущий уровень. И, должен сказать, эта формула довольно проста. Следующие советы помогли мне как добиться карьерного роста, так и в некоторой степени улучшить личную жизнь.

Читать: https://ux.pub/editorial/6-sposobov-dobitsia-kariernogho-rosta-dizainieru-40ho

Что такое Customer Journey Map (CJM) и как построить ее правильно

Customer journey map (CJM), или карта пути пользователя — это инструмент, который помогает улучшить клиентский опыт. Рассказывают на примерах, как построить карту и с помощью каких инструментов это удобнее сделать.

Читать:
https://ux-journal.ru/kak-stroit-customer-journey-map.html

Современные тренды UI-дизайна и способы их применения в ваших мобильных приложениях

Все интерфейсы основных операционных систем начинают выглядеть одинаково, от контурных иконок до переключателей.

Если вы похожи на меня, то вы в восторге от крупных релизов софта и с удовольствием читаете обзоры новых функций и настроек интерфейса, сравнивая их с предыдущей версией. После выхода в этом году Windows 11, Android 12 и iOS 15 (и прошлогодней macOS Big Sur) я заметил довольно много общего в дизайнах основных операционных систем. А в некоторых случаях это похоже на конвергенцию. Сходство варьируется от использования контурных иконок до вариативных шрифтов интерфейса и вставных элементов.

Это сходство показывает, что дизайнеры придумывают новые стандарты цифровых интерфейсов, и дает подсказки, в каком направлении будут развиваться интерфейсы в следующем десятилетии, и как изменится мышление, лежащее в основе UI-дизайна.

Я работаю фронтенд разработчиком в Rowy, и недавно я провел редизайн интерфейса с целью улучшения насыщенного информацией десктопного опыта. Кроме того, я хотел отойти от Material Design 2015 года, ориентированного на мобильные устройства, к чему-то более современному и соответствующему нашему текущему видению интерфейса. Тренды, которые я заметил, помогли определить этот редизайн и, надеюсь, помогут вам в проектировании ваших приложений.

Читать статью: https://ux.pub/editorial/sovriemiennyie-triendy-ui-dizaina-i-sposoby-ikh-primienieniia-v-vashikh-mobilnykh-prilozhieniiakh-5bil

Три книги, способные изменить мышление

Каждая книга способна изменить жизнь. Всего лишь одна найденная идея способна оправдать не только покупку этой книги, но и всех остальных книг, прочитанных в жизни. В этой небольшой подборке я поделюсь с вами тремя книгами, которые способны изменить вашу жизнь к лучшему.
Размышления (Марк Аврелий)
Римский император делится своими мыслями о жизни, которые не устарели, а быть может и более актуальны в сегодняшнем мире. Главное, что получает читатель после прочтения книги, — это более спокойное, взвешенное и мудрое отношение к происходящему вокруг и внутри себя.

Антихрупкость (Нассим Талеб)
В прошлом успешный трейдер делится концепцией, которая помогает выйти более сильным и успешным из любой, даже негативной ситуации. Автор показывает, какие отрасли, компании, профессии менее устойчивы и как сделать свою карьеру открытой к позитивным случайностям.

Думай быстро … решай медленно (Даниэль Канеман)
Известный психолог в сфере поведенческой экономики делится результатами исследований, которые выявляют вроде бы простые, но важные ошибки в человеческом мышлении. Книга помогает размышлять более здраво и совершать меньше ошибок в принятии решений.

Все эти три книги не просты в прочтении. Марк Аврелий пишет местами запутанно, Нассим Талеб много рассуждает, а Даниэль Канеман приводит не самые увлекательные исследования. Но в каждой этой книге заложена идея, способная изменить вашу жизнь.

Источник

UX в создании плагинов Figma
10 эвристик создания плагинов для Figma.
Плагины – это способ кастомизации, расширения и автоматизации Figma.

Создавая плагин, вы по сути меняете темп своего рабочего процесса. Также вы получаете определенное удовлетворение от решения задачи, которая раньше занимала несколько часов, или от гипероптимизации определенного взаимодействия или части интерфейса.
Эта статья – попытка систематизировать ряд эвристик создания плагинов Figma. Я буду ссылаться, где это уместно, на примеры из созданных мною плагинов. Мне нравятся инструменты дизайна и разработка интерфейса, и я стремлюсь привнести в эту работу мастерство и точность. Надеюсь, эта статья будет интересна как создателям плагинов, так и их пользователям.

Читать: https://ux.pub/editorial/ux-v-sozdanii-plaghinov-figma-5da1