Юраков Дмитрий
Что такое UI/UX?
Вы когда-нибудь задумывались о том, что на самом деле означает UI и UX? Иногда бывает трудно понять современную лексику. Давайте разберемся в этом.
Время шло и технологии стали частью нашей повседневной жизни. Теперь мы должны быстро адаптироваться к новым условиям, с которыми приходят такие выражения, как UI и UX. Возможно, вы слышали это раньше и возможно их использование в социальных сетях или предложениях о работе оставляет вас немного смущенным. В любом случае знайте, что эти выражения являются частью вашей повседневной жизни. Хотели бы Вы наконец выяснить, что эти странные символы означают? Я постараюсь максимально просто разъяснить с чем мы имеем дело.
Не путайте понятия (UX) с впечатлениями (UI)
Вы, наверное, поняли, что речь пойдет о дизайнерах цифровых продуктов, таких как сайты и приложения. Попытайтесь представить себя пользователем определенного продукта, которым будет, на данный момент, ваш новый велосипед. Как и у любого велосипеда у вашего также есть хорошие ручки для руля, мощные педали и удобное сиденье. Все эти «выражения» представляют UI (пользовательский интерфейс). Когда вы сами пробуете все эти привлекательные «выражения» (садитесь на велосипед и наслаждайтесь поездкой), вы получаете свой UX (пользовательский опыт). Это означает, что они являются двумя различными выражениями, которые можно определить следующим образом:
UID (User Interface Design) — это процесс создания интерфейсов в программном обеспечении или компьютерном оборудовании с акцентом на внешний вид или стиль. Дизайнеры стараются создать макет, который будет удобен в использовании и радовать глаз пользователей.
UXD (User Experience Design) — это процесс повышения удовлетворенности и лояльности клиентов за счет повышения удобства использования и удовлетворенности, обеспечиваемой при взаимодействии между клиентом и продуктом.
UID (User Interface Design) — это процесс создания интерфейсов в программном обеспечении или компьютерном оборудовании с акцентом на внешний вид или стиль. Дизайнеры стараются создать макет, который будет удобен в использовании и радовать глаз пользователей.
UXD (User Experience Design) — это процесс повышения удовлетворенности и лояльности клиентов за счет повышения удобства использования и удовлетворенности, обеспечиваемой при взаимодействии между клиентом и продуктом.
Что такое пользовательский опыт (UX)?
Даже самый современный и самый красивый продукт ничего не стоит, если он причиняет вам неприятности вместо того чтобы сделать вашу жизнь проще. Вот почему мы рассматриваем UX, как неотъемлемую часть разработки новых цифровых продуктов или стратегий. Идеальным примером для объяснения этой проблемы является следующая картина, которая доказывает, что даже самый лучший дизайн - ничто, если он не учитывает пользовательский опыт.
Существует долгий путь, ведущий к совершенному опыту
И как все это работает на практике? Теперь, когда мы знаем, что каждый успешный цифровой продукт создается честным трудом дизайнеров UI и UX, мы можем сравнить весь процесс с одним большим ледником, состоящим из пяти частей.
1
Стратегия важна
Стратегическое мышление о проекте является нашим приоритетом еще до того, как мы начинаем работать над любым проектом. На этом этапе важно учесть все ресурсы (финансы, время, энергия и так далее), которые нам необходимы для создания конечного продукта. Этот этап требует исследования целевой аудитории, их потребностей и мотивации.
Стратегическое мышление о проекте является нашим приоритетом еще до того, как мы начинаем работать над любым проектом. На этом этапе важно учесть все ресурсы (финансы, время, энергия и так далее), которые нам необходимы для создания конечного продукта. Этот этап требует исследования целевой аудитории, их потребностей и мотивации.
2
Что нам на самом деле нужно?
На этом этапе важно знать, на какую группу мы хотим нацелиться и как к ней добраться. Вот почему мы должны определить необходимые ресурсы, которые помогут нам достичь этого. Социальные сети помогают нам больше всего в этом плане, потому что с их помощью мы можем охватить тысячи или даже миллионы людей разного возраста, пола, увлечений и т.д.
На этом этапе важно знать, на какую группу мы хотим нацелиться и как к ней добраться. Вот почему мы должны определить необходимые ресурсы, которые помогут нам достичь этого. Социальные сети помогают нам больше всего в этом плане, потому что с их помощью мы можем охватить тысячи или даже миллионы людей разного возраста, пола, увлечений и т.д.
3
Структура имеет решающее значение
При создании структуры проекта мы в первую очередь ориентируемся на определение пользовательского интерфейса, а также на то, что видит пользователь.
При создании структуры проекта мы в первую очередь ориентируемся на определение пользовательского интерфейса, а также на то, что видит пользователь.
4
Начинаем с макетов
На этом этапе UX-дизайнер разрабатывает макет, который показывает точное позиционирование заданных элементов как в Веб, так и в приложении.
На этом этапе UX-дизайнер разрабатывает макет, который показывает точное позиционирование заданных элементов как в Веб, так и в приложении.
5
Окончательные визуальные эффекты
Здесь в игру вступает UI дизайнер. Он объединяет все проектные документы UX таким образом, чтобы визуальный образ максимально соответствовал потребностям пользователей и, следовательно, обеспечивал идеальный пользовательский опыт.
Здесь в игру вступает UI дизайнер. Он объединяет все проектные документы UX таким образом, чтобы визуальный образ максимально соответствовал потребностям пользователей и, следовательно, обеспечивал идеальный пользовательский опыт.
А что думают практики?
Интересное и вдохновляющее мнение по данной проблематике высказал популярный дизайнер Клейтон Ян, который объясняет всю проблему на примере проекта строительства дома:
«Существует много путаницы вокруг того, что такое UI и UX, каковы основные различия или есть ли вообще какие-либо различия. Это определенно разные вещи, но они должны идти рука об руку, чтобы создать красивый и интуитивный опыт.
Я всегда объяснял это тем, что нужно думать о строительстве дома. Когда вы строите дом, вам нужно думать о широкой структуре и планировке.
Вам нужны 2 или 3 спальни?
Есть ли в каждой спальне своя ванная комната?
Является ли гостиная первым делом, в которое вы входите после входа в дверь?
Это одноэтажный или двухэтажный дом?
Для меня UX — это общий опыт вашего дома (или продукта). Есть ли в этом смысл? Как это заставляет вашего пользователя чувствовать себя?
Следующий уровень путешествия пользователя — это интерфейс, с которым он фактически взаимодействует. Продолжая с примером дома, пользовательский интерфейс является визуальной темой во всем доме. Какой тип обоев вы будете использовать? У вас есть такие же вазы с цветами по всему дому? Или другие?
Пользовательский интерфейс-это, как следует из его названия, то, с чем пользователь будет фактически взаимодействовать и видеть. Это включает в себя кнопки, формы, картинки и т. д.
UX без пользовательского интерфейса означает, что у вас есть каркас и структура для вашего дома, но это не красиво и не связно. UI без UX-это как разбрызгивание потрясающих цветов и деталей по всему дому, но когда ваша входная дверь ведет прямо в ванную комнату. Вам нужно и то, и другое, чтобы создать потрясающий сквозной опыт.
Как правило, UX-дизайн идет впереди дизайна пользовательского интерфейса, потому что вы хотите сначала провести исследование, широкие эскизы и общие рабочие процессы. Затем, когда у вас есть широкие штрихи, вы работаете над дизайном пользовательского интерфейса, чтобы свести все это вместе, чтобы он чувствовал себя как красивый, хорошо разработанный продукт.»
Я всегда объяснял это тем, что нужно думать о строительстве дома. Когда вы строите дом, вам нужно думать о широкой структуре и планировке.
Вам нужны 2 или 3 спальни?
Есть ли в каждой спальне своя ванная комната?
Является ли гостиная первым делом, в которое вы входите после входа в дверь?
Это одноэтажный или двухэтажный дом?
Для меня UX — это общий опыт вашего дома (или продукта). Есть ли в этом смысл? Как это заставляет вашего пользователя чувствовать себя?
Следующий уровень путешествия пользователя — это интерфейс, с которым он фактически взаимодействует. Продолжая с примером дома, пользовательский интерфейс является визуальной темой во всем доме. Какой тип обоев вы будете использовать? У вас есть такие же вазы с цветами по всему дому? Или другие?
Пользовательский интерфейс-это, как следует из его названия, то, с чем пользователь будет фактически взаимодействовать и видеть. Это включает в себя кнопки, формы, картинки и т. д.
UX без пользовательского интерфейса означает, что у вас есть каркас и структура для вашего дома, но это не красиво и не связно. UI без UX-это как разбрызгивание потрясающих цветов и деталей по всему дому, но когда ваша входная дверь ведет прямо в ванную комнату. Вам нужно и то, и другое, чтобы создать потрясающий сквозной опыт.
Как правило, UX-дизайн идет впереди дизайна пользовательского интерфейса, потому что вы хотите сначала провести исследование, широкие эскизы и общие рабочие процессы. Затем, когда у вас есть широкие штрихи, вы работаете над дизайном пользовательского интерфейса, чтобы свести все это вместе, чтобы он чувствовал себя как красивый, хорошо разработанный продукт.»
Теперь, когда вы знаете, как все это работает, вы можете использовать эти знания при улучшении профессионального впечатления, хвастаясь перед друзьями или в качестве основы для дальнейшего изучения. И если вам этого недостаточно, не стесняйтесь обращаться ко мне. Я буду очень рад поделиться с вами своим опытом.
