Поиск
Close this search box.
Поиск
Close this search box.

UI/UX дизайн обучение принципам веб дизайна.

Взаимодействие с пользователем (UX) посредством пользовательского интерфейса (UI). UXD как инструмент менеджера

Взаимодействие с пользователем (UX) и пользовательский интерфейс (UI), — термины, которые должен знать каждый менеджер по продукту, давайте начнем с вопроса и определения: что такое сокращение UXD и как его можно определить? 

Я дам вам 20 секунд, чтобы ответить …

  • 3, 2, 1…

Ответ: 

UXD (или UEX или XD — англ. User Expirience Design) —  дизайн пользовательского опыта, и его можно определить как область дизайна, которая создает простые в использовании и приятные / приятные / восхитительные (на ваш выбор) продукты, ориентированные на потребности вашего пользователя.

Я уверен, что само собой разумеется, что UX является одним из самых важных элементов для вас, как менеджера по продукту, потому что он является одним из ключевых компонентов четырех столпов лидерства продукта (ага, еще несколько терминов, которые вы должны знать: деловая хватка, знание предметной области и технические навыки).

UI/UX дизайн, по сути, является еще одной безделушкой в ​​вашем сундуке с сокровищами для управления продуктами. Все это помогает вам создавать и поставлять наилучший продукт, который решает болевые точки ваших пользователей и уменьшает разочарование и сомнения, связанные со многими продуктами, особенно SaaS (software as a service) приложения.  





Определение терминов, связанных с UI и UX: небольшая история.

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

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

И не забудьте добавить этот пост в закладки для последних условий UI / UX! Мы будем продолжать поддерживать и расширять список по мере развития терминологии.

Давайте начнем наше UI/UX дизайн обучение.

Стив — новичок в работе: это его первый день в качестве менеджера по продукту и его первый день в новой компании под названием TopUser.pro. Как и ожидалось, он довольно нервный, но некоторое время занимался разработкой программного обеспечения, и за последний год он уже прошел несколько интенсивных онлайн-курсов по управлению продуктами .

Фактически, одним из наиболее интенсивных курсов для него был тот, где ему пришлось выучить 15 терминов и определений, связанных с UI и UX, а затем пройти тест с множественным выбором. В то время ему удалось забить только 8 из 15, что было неплохо для новичка. 

Для тех, кого он ошибся, он составил для них учебный лист и теперь прикрепил их к стене своего нового офиса. Вот как выглядит его учебный лист:

Голос заказчика:

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

Регистрация пользователя.

Зарегистрировать пользователя означает создать радушный и приятный опыт для новых пользователей, облегчая им изучение того, как использовать ваш продукт / приложение. Хороший или плохой опыт может сделать или сломать ваш бизнес — важное замечание!

Что такое UI/UX дизайн-мышление?

Дизайн-мышление — это итеративный процесс, в котором участники команды разработчиков стремятся как можно лучше понять пользователя, оспорить предположения и переопределить проблемы. Это сделано, для того, чтобы помочь определить альтернативные стратегии и решения. Дизайн-мылшение также дает основанный на решении подход к решению проблем. Он помогает с сочувствием и пониманием того, что хочет и что хочет целевой пользователь, и включает постоянные эксперименты, такие как создание эскизов, создание прототипов, тестирование и опробование концепций.

Макет сайта.

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

Что такое прототип сайта?

Интересный факт: Prototype — это латинское слово, означающее «примитивную форму», поэтому по сути это ранний образец или модель, созданная для проверки концепции, идеи или процесса 

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

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

В чем разница между каркасами, макетами и прототипами?

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

Джефф: «Стив, кроме макетов и прототипов, тебе также необходимо рассмотреть каркасные модели . Теперь, это может немного запутать, поэтому обратите внимание. Каркасы, макеты и прототипы просто представляют разные этапы процесса проектирования .

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

 Тем не менее, он должен выражать дизайнерские идеи и не должен пропускать / пропускать важные части. Еще раз, это статично и не должно содержать слишком много деталей / контента.

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

Наконец, ваш макет похож на статическую схему, которая должна показывать информационные фреймы и статически предоставлять контент и функции. По сравнению с каркасным макетом макет напоминает прототип / готовый продукт , но, что более важно, он НЕ интерактивный и НЕ кликабельный — в основном это просто графическое представление

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

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

UX дизайн

Теперь, когда Стив имеет более глубокое понимание этих трех терминов, он замечает, что есть график, который дал ему Джефф, который содержит слово «верность». 

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

UI и UX различия (и многое другое).

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

  • 1) Перечислить различия между UI и UX,
  • 2) провести различие между модерируемым пользовательским тестом и немодерируемым пользовательским тестом и
  • 3) дать определения адаптивного веб-дизайна и информационной архитектуры.

Благодарный за задачу, Стив возвращается в свой новый офис, чтобы проверить свои знания: (Быстрый тест, прежде чем Стив даст свои ответы: как бы вы различали эти концепции? Давайте посмотрим, похожи ли ваши определения на те, что предлагает Стив) .

Определить пользовательский опыт. (UX)

  • Что чувствует пользователь при взаимодействии с продуктом (отрицательный или положительный опыт?).
  • Он охватывает все аспекты взаимодействия конечного пользователя с компанией, ее услугами и продуктами.
  • Это требует слияния нескольких отделов (таких как инжиниринг, маркетинг и различные формы дизайна).
  • Разработчики UX должны изучить и оценить, как пользователи чувствуют, оценивая такие аспекты, как простота использования, восприятие ценности продукта, полезность и эффективность при выполнении задач.
  • Он произошел от улучшений пользовательского интерфейса за последние годы.

Что такое пользовательский интерфейс?

  • Пользовательский интерфейс — это серия экранов, страниц и визуальных элементов (таких как кнопки, значки, клавиатуры, звуки, индикаторы), которые позволяют пользователю взаимодействовать с продуктом / услугой.
  • Это то, с чем пользователь может взаимодействовать при использовании продукта.
  • Он является частью пользовательского опыта (сложный или непрактичный пользовательский интерфейс заставит конечного пользователя разочароваться в продукте, а это означает, что пользователь будет негативно воспринимать его, и это будет способствовать общему опыту работы с продуктом и компанией). ,

Значение модерируемого пользовательского теста.

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

Определить немодерированный пользовательский тест.

  • Это пользовательский тест без интерактивного взаимодействия между командой тестирования и тестовым пользователем, т. Е. Пользователь может выполнять тест в любое время.
  • Используется для сбора количественных результатов с помощью видеоклипов экрана пользователя / аудиозаписи голоса пользователя и т. Д.

Что такое адаптивный веб-дизайн (RWD)?

  • RWD — это то, что обеспечивает оптимальное качество просмотра на всех платформах и устройствах. Это означает, что контент и макет веб-сайта всегда должны адаптироваться / соответствовать размерам и техническим возможностям устройства, на котором он открыт.

Объясните Информационную Архитектуру. (IA).

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

По завершении своего задания Стив возвращается к Джеффу и показывает ему свои ответы. Джефф быстро перечитывает текст и очень впечатлен и удовлетворен ответами Стива. Наконец, Стив начинает чувствовать себя немного более уверенно в первый день.

Обучение стажеров о UI и UX-концепциях.

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

Стив разослал молодым специалистам краткий опрос, спрашивая их, что они хотели бы узнать. Оказывается, они также заинтересованы в изучении концепций UX и UI (какое совпадение!). Стив назначает презентацию на пятницу и начинает планировать урок.

Чтобы облегчить знакомство с таким количеством новых терминов и понятий, Стив решил сосредоточиться только на семи из них — он сделает остальное на следующем уроке.

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

Он решает дать каждому стажеру определение для изучения, а затем привести пример того, как это будет работать в реальной жизни:

Стажер 1, Элон: Каково определение пользовательского потока?

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

Пример: пользователь переходит на домашнюю страницу Tesla на страницу категории «Электромобили». Отсюда пользователь нажимает на автомобиль по своему выбору ( красный родстер ). Оттуда они нажимают на значки, которые позволяют им добавлять спецификации. Затем они могут нажать «запросить тест-драйв», представить свои данные и затем покинуть веб-сайт.

Стажер 2, Билл: Что такое вариант / концепция дизайна?

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

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

Стажер 3, Джули: что такое гештальт-принципы?

Это также известно как «Закон простоты» и гласит, что каждый стимул воспринимается в его простейшей форме. Другими словами, люди не просто видят предметы в изоляции — они видят их как часть целого.

Стажер 4, Алисия: Что такое отставание?

Это легко! Это просто наращивание работы, которая должна быть завершена. Пример не нужен;).

Стажер 5, апрель: на что указывает показатель чистого промоутера (NPS) ?

NPS указывает, насколько вероятно, что пользователь порекомендует продукт другу. Если они рекомендуют это, вы знаете, что они находят ваш продукт довольно ценным!

Пример: апрель Биллу: «Ух ты, Билл, разве тебе не нравится работать со Слэком здесь, в офисе? Его так просто использовать — я надеюсь, что следующая компания, в которой я работаю, тоже будет его использовать. На самом деле, если они его не используют, я определенно предложу им это сделать!

Стажер 6, Гибсон: что такое тестирование А / Б?

A / B-тестирование, которое также можно назвать сплит-тестированием или групповым тестированием, включает сравнение двух версий веб-страницы или приложения друг с другом, чтобы определить, какая версия работает лучше. 

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

И важно помнить: вы должны менять только ОДИН элемент за раз. Если вы измените более одного, вы никогда не узнаете, кто из них был ответственен за результат.

Пример: Netflix имеет рекламу последних фильмов, которые он показывает. Команда решает протестировать рекламу, изменив цвет кнопки призыва к действию (красный против белого). 

После этого половина трафика будет отображаться в исходной версии страницы (красная кнопка призыва к действию), а другая половина — в измененной версии страницы (белая кнопка призыва к действию). 

Затем проводится анализ данных, чтобы увидеть влияние на поведение посетителей .

Да, и призыв к действию или CTA — это слово или фраза, которые заставляют пользователей взаимодействовать с продуктом желаемым образом.

Стажер 7, Дон: Как вы определяете коэффициент конверсии?

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

Пример: Verizon хочет, чтобы вы подписались на их новую рассылку. У них есть CTA с надписью «подписаться на нашу рассылку». Они будут измерять коэффициент конверсии, деля количество людей, которые фактически заполняют форму регистрации, на количество людей, которые просто нажимают на CTA и посещают страницу регистрации без фактической регистрации.

Излишне говорить, что Стив был очень доволен результатом своего урока.

Рассылка

Обучение UI и UX продолжается!

Несколько недель спустя, после того, как он начал вникать в дела, Джефф говорит Стиву, что примет участие в своей первой конференции по дизайну, которая состоится в Силиконовой долине. Такая прекрасная возможность, но определенно немного нервная. 

Поэтому Стив решает потратить некоторое время на изучение этой конференции, посмотреть, кто будет присутствовать, и что он может подготовить. Он очень быстро понимает, что есть еще несколько терминов, в которых он не уверен на 100%, поэтому он решает немного расширить свой словарный запас и базу знаний — и он решает снова привлечь стажеров.

На этот раз он дает материал для стажеров для изучения, а затем просит их определить определения, которые они выучили:

Стив: Билл, как бы вы определили nteraction дизайн ?

Билл: 

Дизайн взаимодействия — это изучение того, как пользователь взаимодействует с продуктом или приложением. Он сокращен до IXD и его не следует путать с UX-дизайном или пользовательским интерфейсом.

Стив: Хороший ответ. А теперь, апрель, можете ли вы объяснить, что такое правило 3-х нажатий и 5-секундный тест ?

Апрель. Правило « 3 клика» предполагает, что пользователи покинут приложение, если не смогут успешно выполнить то, что хотят, в течение трех щелчков мыши

5-второй тест включает в себя показывает пользователям единой страницы содержимого в течение пяти секунд , чтобы оценить свои первоначальные реакции . Ох, и подожди! Ты не упомянул F-Pattern, Стив! 

Это важно знать другим стажерам. F-образец относится к тому, как читатели читают веб-страницы по F-образному образцу — две горизонтальные полосы и одна вертикальная полоса (фокусировка на левой стороне страницы).

Стив: Отличная работа, апрель. Да, F-образный рисунок позволяет читателям очень быстро читать веб-страницу — довольно интересно, верно? Что касается темы горизонтальных и вертикальных линий, может кто-нибудь сказать мне, что такое сетка ?

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

Стив: Отлично. А как насчет золотого сечения ?

Дон: Это математическое соотношение, встречающееся в природе, и люди считают, что это наиболее эстетически привлекательный дизайн для человеческого глаза. Соотношение составляет около 1618. Кроме того, я хотел спросить, что такое правило 60-30-10 ?

Стив: Хороший вопрос. Это правило, которое поможет вам составить цветовую схему. 60% + 30% + 10% используется, чтобы сбалансировать цвета, используемые в любом пространстве. 

Основное правило заключается в выборе основного цвета, который доминирует на 60% площади, вторичного цвета, который занимает около 30% площади, и акцентного цвета, составляющего 10%.

Джули: На самом деле я также столкнулась с тем, что называется правилом 80/20. Кто-нибудь может мне это объяснить?

Гибсон: Конечно. Правило 80/20 гласит, что примерно 80% последствий происходит от 20% причин s. Другими словами, 80% использования продукта включает в себя только 20% его функций или 80% дохода компании от 20% его продуктов. Это отличное правило для использования при расстановке приоритетов при проектировании.

Стив: Теперь, главное, кто-нибудь может рассказать мне о минимально жизнеспособном продукте ?

Апрель: Как следует из названия, это продукт с достаточным количеством функций, чтобы удовлетворить потребности первых клиентов

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

Дон: Пока мы говорим о клиентах, можете ли вы быстро объяснить, что такое карта путешествий клиентов ?

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

Карта путешествий клиента отображает текущий процесс, который проходит ваш клиент — от первого до последнего касания — и помогает вам увидеть, достигают ли ваши клиенты своих целей или что можно сделать, чтобы помочь им достичь своих целей.

Стив: Дон, ты знаешь, что такое CX ?

Дон: Да, это опыт клиентов, правильно? Это относится к взаимодействию между продуктом и клиентом на протяжении всего отношения — с самого первого момента, когда ваш клиент привлечен к вашему продукту вплоть до покупки и использования. 

И это не следует путать с UX. Я читал, что CX — намного более недавняя разработка — всего около 12 лет. И это относится к тому, как клиенты воспринимают свое взаимодействие с компанией.

Стив: Правильно! И быстрый факт: согласно исследованиям, клиенты готовы платить почти в 5 раз больше за продукт или услугу, если качество обслуживания клиентов хорошее. А как насчет успеха клиента ?

Алисия: Команда по работе с клиентами в компании отвечает за управление отношениями между клиентом и компанией , поэтому они играют важную роль в оказании помощи клиенту в достижении его целей. 

Они хотят сделать клиента как можно более успешным (и счастливым!), Тем самым уменьшая отток клиентов и увеличивая стоимость жизни компании (CLTV). CS — это больше стратегия, чем отдел.

Стив: Отлично. Билл, можешь ли ты определить ценность проп. а USP?

Билл: Конечно. USP — это уникальное торговое предложение (вы также можете сказать, что оно имеет смысл), и они являются основными причинами, по которым пользователь выбирает один продукт вместо другого. Почему вы выбрали бы Android, например, iOS?

Стив: Давай не будем вступать в эту дискуссию …

Билл: Да, извините. Возвращаясь к другому определению: ценностное предложение описывает основную причину / мотивацию пользователя для использования продукта или основное преимущество / преимущество, которое они получают от него.

Стив: Хорошо, хорошо. Алисия, ты можешь дать мне несколько последних определений, которые нам нужно обсудить сегодня. 

  • Вы знаете, что такое целевая страница
  • А персона
  • Как насчет конечного пользователя
  • Или взаимодействие с пользователем
  • Просто дай мне быстрые определения.

Просто дай мне быстрые определения.

Алисия: Целевая страница — это одностраничный веб-сайт или веб-страница, на которую пользователь переходит после нажатия на определенную ссылку . Он также известен как целевая страница или страница назначения. 

Personal — это создание репрезентативного пользователя на основе данных и опросов пользователей. Личные данные могут быть или не быть вымышленными, но информация, использованная для создания этого пользователя, не является. 

Он предназначен для представления группы пользователей. Конечный пользователь — это просто человек, который использует продукт / веб-сайт или те, кто участвует в научных исследованиях. 

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

Стив: Хорошо, всем хорошо. Похоже, вы уже на пути к тому, чтобы самим стать менеджерами по продукту!

Определение UX Writing.

Несколько недель спустя Стиву предлагается поработать с маркетинговой командой компании и автором UX над созданием текстов для нескольких целевых страниц. 

У него также есть хороший разговор с Алексе, писателем UX компании . Она говорит Стиву, что она отвечает за написание копии продукта и веб-страниц компании и что ей необходимо провести обширное исследование, понять лучшие практики UX и создать пользовательский опыт от начала до конца.

Стив уже имел представление о UX-письме , но, поскольку он впервые работает менеджером по продукту, ему было полезно провести глубокое и глубокое обсуждение с Алексе о ее профессии. Она даже дала ему цитату, которую он должен помнить при обучении интернов о написании UX:

Справедливо сказать, что авторы UX должны быть контент-стратегами, но не все контент-стратеги должны быть UX-писателями.

UX против юзабилити и UX против CX.

После того, как несколько месяцев спустя он окончательно утвердился в своем положении, стажеры решили обратиться к Стиву, когда им понадобится некоторая помощь. Дон немного запутался между UX и юзабилити , поэтому он просит Стива объяснить:

Важно помнить, что удобство использования является частью пользовательского опыта

Они определенно не одно и то же. Пользовательский опыт в основном является общим термином, который охватывает все аспекты пользовательского опыта, когда он / она взаимодействует с продуктом, программным обеспечением, услугой и т. Д.

Таким образом, юзабилити относится к UX и относится к простоте доступа и / или использования продукта, услуги или веб-сайта.

UX-дизайн и удобство использования когда-то были взаимозаменяемыми, но это уже не так: удобство использования является важным вкладом в UX, но это НЕ весь опыт. UX — это ВЕСЬ опыт. Если это поможет, вы можете задать следующие вопросы:

  • Удобство использования: может ли пользователь успешно достичь своей цели? Является ли программное обеспечение, например, легким в освоении и достаточно простым в использовании?

UX : У пользователя был лучший опыт?

Да, и не путайте между UX и UX Design — UX Design — это реальный процесс создания продуктов, которые предоставляют пользователям значимый, актуальный и практический опыт.

В этот момент Алисия рассказывает Стиву, что недавно посетила конференцию, и была удивлена, что некоторые эксперты там взаимозаменяемо использовали термины CX и UX. Она убеждена, что UX и CX — это отдельные термины, которые на самом деле не должны использоваться взаимозаменяемо.

Стив говорит ей, что она права и что CX и UX действительно различаются. Он объясняет ей простыми словами:

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

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

UX, следовательно, больше по объему.

И как раз когда Стиву показалось, что он знает примерно 100% всех определений UX / UI, в которых он нуждался, Ким, последнее дополнение компании к команде UX, представляет Стиву еще несколько терминов. Он решает составить один последний список для себя, чтобы наклеить на стену.

Надеюсь, это все, что ему нужно … пока, по крайней мере!

Окончательный список условий UI / UX Стива.

Что такое сортировка карт?

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

Анализ потока кликов означает:

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

Объясните анализ конкурентов.

Точно так, как следует из названия. Оценка сильных и слабых сторон конкурентов, старых, текущих или будущих.

Что такое анализ использования контекста?

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

Что такое карта сопереживания?

Карта сопереживания — Инструмент совместной визуализации, который описывает то, что известно о конкретном типе пользователя

Он используется для более глубокого и глубокого понимания вашего пользователя / клиента.

Объясните поле ввода.

Где пользователи делают текст или ввод данных.

Что такое диаграмма Fishbone?

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

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

Определить рамки сущности.

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

UXD сущность

Объясните закон Хика.

Закон, который описывает время, которое требуется человеку для принятия решения на основе количества возможных вариантов, которые он / она имеет. Чем больше вариантов, тем больше времени потребуется для принятия решения.

Что такое обучаемость?

Насколько легко (или сложно) научиться эффективно использовать программное обеспечение / интерфейс и т. Д.

Значение совместного дизайна.

Проектный подход, который вовлекает все заинтересованные стороны в процесс проектирования.

Определить мысли вслух.

Метод, используемый для сбора данных в юзабилити-тестировании, когда пользователя просят вслух подумать о том, что он видит.

Объясните исследование пользователя.

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

Добавление UI и UX в ваш комплект Superhero.

Если вы читали наши посты в блоге (не так ли?), Вы будете знать, что мы называли менеджеров по продукту супергероями компании. Я также натолкнулся на статью, описывающую управление продукцией как «все профессии». Определенно верно. У вас есть несколько критически важных задач для разных отделов и одновременно.

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

Да, вы супергерой, но у супергероев есть свои особенности. Человек-паук — Человек-паук из-за его способностей типа паукообразного. Супермен умеет летать. Халк просто … зеленый и сильный. Вы понимаете, о чем я.

Ваша супердержава — менеджер по продукту, и эта супердержава состоит из вас, обладающих определенным уровнем знаний во всех областях

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

Мониторинг важен.

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

И по словам Альберта Эйнштейна: «Если вы не можете объяснить это просто, вы не понимаете это достаточно хорошо», так что здесь мы надеемся, что моя небольшая история поможет вам сохранить эти термины UI и UX свежими в памяти — вы никогда знаю, когда они могут понадобиться.

Теперь, когда вы знакомы с некоторыми терминами UI / UX, почему бы не узнать, готов ли ваш SaaS-бизнес взять на себя задачу процветания в эпоху, основанную на продукте?

✓ Что такое прототип сайта?

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

✓ Зачем нужен прототип сайта?

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

✓ Что такое карта путешествий клиентов ?

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

✓ Что такое UX тексты?

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

✓ Как мне изучить UI и UX дизайн?

9 шагов как стать дизайнером UX/UI, без опыта работы и ученой степени.
Понять все направления веб-дизайна.
Изучить инструменты для работы.
Начать обращать внимание на готовый веб-дизайн.
Окружить себя дизайном.
Смотреть и копировать других.
Найти наставников.
Запастись терпением и взять верный курс.

✓ Что такое UI и UX в веб-дизайне?

Пользовательский интерфейс (UI) — специализация веб-дизайна, связанная с элементами управления, которые люди используют для взаимодействия с веб-сайтом или приложением, включая отображение кнопок и управление жестами. Пользовательский опыт (UX) — еще одна специализация веб-дизайна, касающаяся поведения и ощущений пользователя при использовании сайта или приложения.

✓ Как я могу бесплатно изучить UI/UX-дизайн онлайн?

Лучшие курсы для изучения UX/UI бесплатно.
Udacity — Дизайн продукта от Google.
DesignTalk от InVision.
DesignBetter от InVision.
Coursera — Введение в дизайн пользовательского опыта.
Future Learn — Цифровые навыки. Пользовательский опыт.
Hack Design.
Принципы UX-дизайна от InVision.
Lynda.com (обучение в LinkedIn).

✓ Каковы шесть основных принципов веб-дизайна?

6 основных принципов веб-дизайна — это баланс, близость, выравнивание, повторение, контраст и пространство.

✓ Сколько времени занимает изучение UX-дизайна?

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

UI/UX дизайн сайта. Принципы и примеры UX дизайна.

Магический UX

Сегодня число разнообразных направлений и терминов в среде разработки программного обеспечения и ИТ-продуктов растет в геометрической прогрессии.

Для человека, который косвенно связан с IT-индустрией, может быть трудно понять эти термины, не говоря уже о простых пользователях.





Так что же это за загадочный UX и UI/UX дизайн?

UX, по сути, буквально означает пользовательский опыт. То есть это опыт пользователя при взаимодействии с продуктом или веб-страницей. Более конкретно, это взаимодействие с интерфейсом, потому что именно через интерфейс соединяются пользователь и продукт.

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

UI/UX подразумевает пересечение планирования, проектирования и взаимодействия с пользовательским интерфейсом. Учитывает удобство использования продукта, а не только красоту его внешнего вида.

Примеры UX-дизайна вне компьютерных технологий.

Концепция Usability-дизайна может быть применена не только к современным ИТ-продуктам, но и практически к любому инструменту, который используют люди.

Обычный топор может быть использован в качестве простейшего примера. Этот инструмент существует уже несколько тысяч лет, и даже в далеком веке, когда он был «разработан», были использованы навыки проектирования UX.

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

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

Еще один пример использования UX-дизайна до появления информационных технологий — это швейная машина.

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

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

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

UX Designer — мощный шаман в WordPress.

Теперь, когда ИТ-рынок имеет почти бесконечное количество продуктов, одним из основных конкурентных преимуществ продуктов является удобство каждого продукта для пользователя.

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

Используйте принципы UX дизайна.

Несмотря на скрупулезные исследования рынка и феноменальное кодирование и разработку, продукты, в которых пользователи просто не понимали, как использовать интерфейс или перемещаться по нему, почти всегда обречены на полный провал.

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

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

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

UX дизайнерские навыки.

Учитывая то, на чем основана сфера дизайна UX, можно выделить основные навыки, которые должен иметь UX-дизайнер, чтобы эффективно выполнять свои (или ее) обязанности.

Первостепенное значение в наборе инструментов UX-дизайнера — это навык, который часто упускают из виду: коммуникабельность.

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

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

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

Заключение.

Хотя термин UX design появился сравнительно недавно, его область применения существует довольно давно.

В конце концов, Юзабилити — это просто предвидение целей и потребностей пользователя и продукта и, как следствие, успешная реализация инноваций, которые помогают улучшить взаимодействие между ними. Хотя этот термин может быть относительно новым, но необходимость использования UX-дизайнера в любой команде на данный момент очень важна.

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

Часто задаваемые вопросы. FAQ.

✔️ Что такое UX?

Это взаимодействия пользователя с любым продуктом или с вещью. ⏩ Что такое UX?

✔️ Какие вопросы решает UX специалист?

UX — это ваше взаимодействие со всеми вещами в этом мире. Задача перед специалистами UX — это сделать взаимодействие с вещами удобнее и веселей.

✔️ Что такое Usability?

Со стороны пользователя, это удобство пользования. Со стороны продавца, это уровень конверсии.

✔️ Как научится Юзабилити дизайну?

Изучить юзабилити можно пройдя специализированные курсы обучения, а также постоянно проводя A/B тестирование своих дизайнов.

✔️ В чём разница между UI и UX?

UX обеспечивает полезность и функциональность продукта. UI делает сайт или приложение красивым и интерактивным.

✔️ Что формируется первым UI или UX?

Обычно, UX-дизайн сначала появляется на этапе создания продукта, а затем на этапе создания пользовательского интерфейса. Дизайнер UX отображает базовую структуру пути пользователя. Затем дизайнер пользовательского интерфейса загружает в него визуальные и интерактивные элементы.

✔️ Насколько востребован дизайн UX/UI?

Согласно отчету LinkedIn, UX-дизайн входит в 5 самых востребованных профессий.

Обратный Звонок

Напишите нам