UI-дизайн и UX-дизайн: в мире технологий, когда дело доходит до дизайна, эти термины идут рука об руку, но означают совсем разные вещи. Часто можно услышать, как люди говорят о хорошем UI приложения или слабом UX-дизайне веб-сайта. Так что же означают UX и UI? Просто какие-то причудливые термины, которые используют крутые дизайнерские дети? Что такое UI, в чем суть UX и в чем разница между UI и UX. И что еще более важно, что это дает вам и вашему бизнесу?

Что на самом деле означают UI и UX?

UX и UI — две области дизайна, которые часто путают. 

UX означает «пользовательский опыт», а UI — «пользовательский интерфейс».

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

Что такое UI-дизайн?

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

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

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

• 

• 

• 

Что такое UX-дизайн?

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

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

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

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

Как они работают вместе

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

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

Исследования — ключ к успеху

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

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

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

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

Исследования в дизайне пользовательского интерфейса

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

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

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

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

Исследования для UX-дизайна

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

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

UI против UX: две очень разные дисциплины, которые работают в гармонии

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

Если вам понравилась эта статья, пожалуйста, поделитесь ею , переведите на свой язык, но не забудьте сделать обратную ссылку 😉