• Вконтакте
  • Facebook
  • Instagram
  • Telegram
Минск, ул. Жилуновича д. 15, офис 402
+375 (29) 700-34-11
+375 (29) 101-23-23
+375 (17) 388-24-23
Заказать звонок
media-maxi.by
Компания
  • О компании
  • Сертификаты
  • Партнеры
  • Отзывы
  • Реквизиты
  • Вакансии
  • Публичный договор
  • Политика конфеденциальности
Услуги
  • Контекстная реклама
    • Контекстная реклама в Яндекс Директ
    • Контекстная реклама в Google Реклама
    • Яндекс Маркет
  • Продвижение сайтов
    • Продвижение молодых сайтов
    • Продвижение интернет - магазина
    • Продвижение сайта по запросам
    • Комплексный аудит сайта
    • Технический аудит сайта
    • Юзабилити аудит сайта
    • Разовая оптимизация сайта
    • SEO на этапе создания сайта
    • Крауд маркетинг
  • Реклама в социальных сетях
    • Реклама в Facebook
    • Реклама в Одноклассниках
    • Реклама ВКонтакте
    • Реклама в Instagram
    • Ведение групп в социальных сетях
    • Видеореклама на Youtube
  • Аналитика
    • Сквозная аналитика
    • Управление репутацией в интернете ORM
    • Call-Tracking (КОЛЛТРЕКИНГ)
  • Повышаем эффективность
    • CRM
  • Разработка сайтов
    • Одностраничные сайты (Landing Page)
    • Корпоративные сайты
    • Интернет-магазины
Продукты
  • CRM системы
  • Пакеты услуг
  • Готовые решения
  • 1С-Битрикс: Управление сайтом
Готовые решения
Новости
Блог
Контакты
Ещё
    media-maxi.by
    Меню  
    • Компания
      • О компании
      • Сертификаты
      • Партнеры
      • Отзывы
      • Реквизиты
      • Вакансии
      • Публичный договор
      • Политика конфеденциальности
    • Услуги
      • Контекстная реклама  
        • Контекстная реклама в Яндекс Директ
        • Контекстная реклама в Google Реклама
        • Яндекс Маркет
      • Продвижение сайтов  
        • Продвижение молодых сайтов
        • Продвижение интернет - магазина
        • Продвижение сайта по запросам
        • Комплексный аудит сайта
        • Технический аудит сайта
        • Юзабилити аудит сайта
        • Разовая оптимизация сайта
        • SEO на этапе создания сайта
        • Крауд маркетинг
      • Реклама в социальных сетях  
        • Реклама в Facebook
        • Реклама в Одноклассниках
        • Реклама ВКонтакте
        • Реклама в Instagram
        • Ведение групп в социальных сетях
        • Видеореклама на Youtube
      • Аналитика  
        • Сквозная аналитика
        • Управление репутацией в интернете ORM
        • Call-Tracking (КОЛЛТРЕКИНГ)
      • Повышаем эффективность  
        • CRM
      • Разработка сайтов  
        • Одностраничные сайты (Landing Page)
        • Корпоративные сайты
        • Интернет-магазины
    • Продукты
      • CRM системы
      • Пакеты услуг
      • Готовые решения
      • 1С-Битрикс: Управление сайтом
    • Готовые решения
    • Новости
    • Блог
    • Контакты
    Заказать звонок
    +375 (29) 700-34-11
    +375 (29) 101-23-23
    +375 (17) 388-24-23
    media-maxi.by
    • Компания
      • Назад
      • Компания
      • О компании
      • Сертификаты
      • Партнеры
      • Отзывы
      • Реквизиты
      • Вакансии
      • Публичный договор
      • Политика конфеденциальности
    • Услуги
      • Назад
      • Услуги
      • Контекстная реклама
        • Назад
        • Контекстная реклама
        • Контекстная реклама в Яндекс Директ
        • Контекстная реклама в Google Реклама
        • Яндекс Маркет
      • Продвижение сайтов
        • Назад
        • Продвижение сайтов
        • Продвижение молодых сайтов
        • Продвижение интернет - магазина
        • Продвижение сайта по запросам
        • Комплексный аудит сайта
        • Технический аудит сайта
        • Юзабилити аудит сайта
        • Разовая оптимизация сайта
        • SEO на этапе создания сайта
        • Крауд маркетинг
      • Реклама в социальных сетях
        • Назад
        • Реклама в социальных сетях
        • Реклама в Facebook
        • Реклама в Одноклассниках
        • Реклама ВКонтакте
        • Реклама в Instagram
        • Ведение групп в социальных сетях
        • Видеореклама на Youtube
      • Аналитика
        • Назад
        • Аналитика
        • Сквозная аналитика
        • Управление репутацией в интернете ORM
        • Call-Tracking (КОЛЛТРЕКИНГ)
      • Повышаем эффективность
        • Назад
        • Повышаем эффективность
        • CRM
      • Разработка сайтов
        • Назад
        • Разработка сайтов
        • Одностраничные сайты (Landing Page)
        • Корпоративные сайты
        • Интернет-магазины
    • Продукты
      • Назад
      • Продукты
      • CRM системы
      • Пакеты услуг
      • Готовые решения
      • 1С-Битрикс: Управление сайтом
    • Готовые решения
    • Новости
    • Блог
    • Контакты
    • Личный кабинет
    • +375 (29) 700-34-11
      • Назад
      • Обратная связь
      • +375 (29) 700-34-11
      • +375 (29) 101-23-23
      • +375 (17) 388-24-23
      • Заказать звонок
    Будьте на связи
    Минск, ул. Жилуновича д. 15, офис 402
    [email protected]

    • Facebook
    • Вконтакте
    • Instagram
    • Telegram

    UX vs. UI: Отличия. Как не запутаться в популярных терминах

    • Блог
    • UX vs. UI: Отличия. Как не запутаться в популярных терминах
    19 февраля 2020 13:00

    Сегодня многие уже знают о существовании таких модных понятий, как User Experience (UX) и User Interface (UI), но не все понимают, что они значат, из чего складываются и к чему применимы.

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

    Знаете, какое самое распространенное мнение о том, что такое UX/UI дизайн?

    Юзабилити.

    И сразу ноу, это не так.

    Давайте определимся с тем, что юзабилити не есть UX/UI. Предугадываю ваше удивление в глазах, как так-то? 😱

    Но..как же

    Рассказываю (можете потом поспорить со мной в комментариях).

    Юзабилити принято называть удобство сайта. Ну вроде логично, с англ. “use” переводится как “использование”, а “ability” как “способность”/”возможность”, т.е. возможность использования. Раз мы можем пользоваться ресурсом и нам не хочется закрыть его и больше никогда не открывать, то он “юзабелен”. Выбросите это понятие из своего лексикона! Его используют только дилетанты, без обид. Мы же учиться хотим. «Юзабилити» как термин хорош тем, что он ничего не значит, ничем не измеряется, сомнительный показатель, как по мне.

    Добавим лучше понятия UX/UI

    UX аббревиатура, расшифровывается как User Experience. По-простому, это опыт взаимодействия пользователя с вашим интерфейсом. Это то, как каждый пользователь воспринимает работу интерфейса по отношению к себе.

    !Запомните, для каждого человека UX будет уникальным. Ведь опыт у каждого свой.
    UI расшифровывается как User Interface. Это внешний вид интерфейса, то, как он выглядит и какие эмоции этим вызывает у пользователя. Работа с визуальной составляющей: изображениями, анимацией, шрифтами, цветами, кнопками.

    Мое любимое сравнение - с бутылками кетчупа и протоптанной дорогой (сейчас вам все станет понятно):

    UX/UI на примере бутылки кетчупаUX/UI на примере дороги через парк

    Давайте подробнее разбираться в том, что такое UX/UI.

    UX-дизайнер/UI-дизайнер

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

    • Информационная архитектура. Если совсем просто, то это структура всей информации, которая размещена на ресурсе, «скелет» будущего продукта. Качественно проработанную информационную структуру легко воспринимать и понимать. В целом ведь любой интерфейс - это организация информации, следовательно, на этом показателе важно сосредоточить свое внимание, чтобы получить на выходе прочную информационную архитектуру.
    • Пользовательское исследование. Это интервью, опросы, тестирование и любые другие методы исследования пользователя. Выбор метода всегда зависит от цели, которую вы перед собой ставите. Таким образом вы оцениваете ваши решения и это дает вам возможность совершенствовать продукт.
    • Бизнес-анализ. Определенный набор техник, которые используются сторонами-участниками для понимания целостности структуры, определенных операций в рамках бизнеса. Нужно уметь погружаться в бизнес-процессы своего клиента, ведь только так вы сможете максимально полно охватить все направления разработки продукта.
    • Удобство и эффективность использования. То, что все так любят называть «юзабилити». Но мы уже договорились, что этого термина не существует. Если продукт неудобен в использовании, то как бы он ни был хорош визуально, эффективным он не станет.

    Так вот, UX - это широкое понятие, которое объединяет в себе все вышесказанное и все это в оболочке UI.

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

    Мем - концепция vs UX

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

    Делать и тестировать!

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

    Не бойтесь ошибаться, не бойтесь, что какой-то вариант не «выстрелит», не сработает. Делайте и все тестируйте! Так вы сможете быстрее достигнуть цели.

    Условно, приведу пример.

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

    Долгожданный релиз. И ооо, каково же будет ваше разочарование, когда вы поймете, что что-то отрабатывает не так, как вы ожидали. Вдруг окажется, что тот самый конверсионный блок, на который вы «ставили» совсем не приносит заявок, а заявки оставляют с другой формы, на которую вы потратили меньше всего времени. Где кнопка совсем не красная/зеленая/оранжевая и над шрифтом вы там не «парились».

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

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

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

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

    Бурло Ольга

    Бурло Ольга

    Практикующий SEO-специалист MAXI.BY media.

    Свято верит в аналитику. Засыпает и просыпается с мыслями о UX/UI.


    Поделиться
    Назад к списку
    • Комментарии
    Загрузка комментариев...
    Это интересно
    • Нечестный маркетинг: заявок  – море, с уровнем репутации – горе
      Нечестный маркетинг: заявок – море, с уровнем репутации – горе
      4 декабря 2020
    • Black Friday: инструменты для продаж
      Black Friday: инструменты для продаж
      30 октября 2020
    • Не просто вкусные, а конверсионные новости: контент для интернет-магазина
      Не просто вкусные, а конверсионные новости: контент для интернет-магазина
      16 октября 2020
    • Видео в социальных сетях: как создать сценарий?
      Видео в социальных сетях: как создать сценарий?
      7 сентября 2020
    • Как понять, что моя реклама эффективна?
      Как понять, что моя реклама эффективна?
      7 августа 2020
    • Искренний SMM: за и против
      Искренний SMM: за и против
      17 июня 2020
    • Студии фитнеса и танца ушли в онлайн! Что будет с клиентами и продажами?
      Студии фитнеса и танца ушли в онлайн! Что будет с клиентами и продажами?
      9 июня 2020
    • Всяк сверчок знай свой шесток
      Всяк сверчок знай свой шесток
      20 мая 2020
    • Контент, который помогает продать и выжить в условиях карантина
      Контент, который помогает продать и выжить в условиях карантина
      6 мая 2020
    • "Токсичный клиент" - это кто?
      "Токсичный клиент" - это кто?
      22 апреля 2020
    • CRM - почему важно внедрить в свою компанию
      CRM - почему важно внедрить в свою компанию
      21 апреля 2020
    • Алгоритмы Instagram в 2020 году: как получить высокие результаты?
      Алгоритмы Instagram в 2020 году: как получить высокие результаты?
      15 апреля 2020
    • Мозговой штурм на удалёнке
      Мозговой штурм на удалёнке
      8 апреля 2020
    • Записки маркетолога: LTV - что за зверь?
      Записки маркетолога: LTV - что за зверь?
      1 апреля 2020
    • Закон «О рекламе»: где получать разъяснения?
      Закон «О рекламе»: где получать разъяснения?
      26 марта 2020
    • ТОП-10 вопросов от клиентов в сфере интернет-маркетинга
      ТОП-10 вопросов от клиентов в сфере интернет-маркетинга
      25 марта 2020
    • Какие сервисы помогут сделать аудит сайта
      Какие сервисы помогут сделать аудит сайта
      18 марта 2020
    • Анализ проекта по медицинскому туризму
      Анализ проекта по медицинскому туризму
      11 марта 2020
    • Товарная реклама в Google Merchant Center
      Товарная реклама в Google Merchant Center
      4 марта 2020
    • SMMить или не SMMить?
      SMMить или не SMMить?
      12 февраля 2020
    Облако тегов
    1С-Битрикс facebook Google landing page SEO SMM usability Инструкция кейсы крауд - маркетинг Продажи семантическое ядро таргетированная реклама Яндекс
    Наша главная миссия – разработка и реализация в Интернете интересных и эффективных проектов и рекламных кампаний, объединение в своей работе лучшего для наших клиентов и для наших сотрудников.

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

    Компания
    О компании
    Сертификаты
    Партнеры
    Отзывы
    Реквизиты
    Вакансии
    Публичный договор
    Политика конфеденциальности
    Новости
    Блог
    Новости
    Услуги
    Контекстная реклама
    Продвижение сайтов
    Реклама в социальных сетях
    Аналитика
    Повышаем эффективность
    Разработка сайтов
    Продукты
    CRM системы
    Пакеты услуг
    Готовые решения
    1С-Битрикс: Управление сайтом
    Наши контакты


    +375 (29) 700-34-11
    +375 (17) 388-24-23
    [email protected]

    Минск, ул. Жилуновича д. 15, офис 402
    © 2021 Все права защищены.
    Версия для печати
    • Вконтакте
    • Facebook
    • Instagram
    • Telegram