UI, UX: Кто этим занимается? Гид для дизайнеров SPECIAL. Ui ux дизайн это


В чем разница между UI и UX дизайном?

А также некоторые советы, как начать работать в обоих направлениях.

Перевод статьи Харшиты Арора.

 

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

Поэтому я решила написать еще один пост с быстрым вступлением к двум очень широким темам: дизайну пользовательского интерфейса (User Interface Design, UI) и дизайну пользовательского опыта (User Experience Design, UX). Сведения из этой статьи помогут вам стать лучшими дизайнерами.

Начнем!

Прежде всего, давайте ответим на вопрос: что такое UI дизайн и UX дизайн и какая между ними разница.

Изображение: www.writingfordesigners.com

techrocks.ru

В чем отличие UI от UX? Подробный разбор часто используемых терминов / Блог компании Pixli / Хабр

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

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

UI != UX

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

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

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

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

UI это инструмент

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

Неправильное использование это риск

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

Поиск подходящего дизайнера

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

Ответственность за проблему

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

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

Было бы довольно странно взвалить ответственность за все это на UI разработчика. Тоже самое касается и UX. Чтобы разработчик по праву взял на себя ответственность за проблему UX, он должен иметь возможность рекомендовать и вносить изменения, реализовывать решения проблемы и контролировать процесс. Понимание процесса зависит от возможностей и сосредоточенности дизайнера. Дело не в том, что одному дизайнеру не по силам справится с обеими областями. Речь идет об инструментах и способности решать задачи. Фактически, строитель не имея никаких материалов и инструментов — не сможет строить, как и человек без определенных навыков и знаний.

Вывод

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

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

Перевод статьи подготовлен по инициативе команды Pixli.

habr.com

Семь вопросов о работе UX-дизайнера: разбираемся в профессии

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

Поэтому я решила углубиться в UX/UI-дизайн, понять, как разрабатывается продукт с нуля, проводятся исследования, изучается пользователь, его задачи и поведение? и как все это отражается на интерфейсе. Сначала я прошла вводный онлайн-курс от AIC, потом пошла за практикой в Британку. После нескольких учебных проектов для «Золотой короны» и Mail.Ru я устроилась UX/UI-дизайнером в Tele2. Помимо портфолио, было важно, как я умею работать в команде, какие роли в этих проектах я занимала, какие задачи, кроме интерфейсов могу решать и другие soft skills.

Сейчас я работаю над системой лояльности для клиентов Tele2. И это уже совсем по-другому: мы работаем с аналитиками, маркетологами и когда дело доходит до UI, я уже могу аргументировать расположение, форму, цвет каждого элемента интерфейса. У нас на курсе были ребята, которые пришли не из сферы дизайна (маркетологи, менеджеры, разработчики). На курсе они освоили инструменты прототипирования, научились делать какие-то элементы интерфейса. Понятно, что у них нет такого бэкграунда в дизайне, как у графических дизайнеров. Но это так здорово, когда даже менеджеры или разработчики разбираются в дизайне, могут сделать прототип, поправить баннер, иконку и вообще начинают понимать, что дизайн — это большой труд».

Дмитрий Ершов, руководитель по облачным сервисам, АО «МегаЛабс»

«В «МегаЛабс» несколько команд, между которыми распределены продукты «МегаФона». Например, сейчас мы ищем дизайнеров в команды «МегаФон.Банк» и «МегаФон.ТВ». Когда я уже посмотрел портфолио и общаюсь с UX/UI-специалистом, сначала проверяю знание теории: композиции, типографики, колористики. На каждую из тем задаю несколько вопросов, и если дизайнер отвечает «я так вижу» – сразу минус 1 балл. Но если он, например, предлагает подобрать цвет с помощью триадной схемы – становится понятно, что с основами колористики он знаком.

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

Вопросы по разработке тоже всегда звучат на собеседовании. Обычно я показываю несколько сайтов и спрашиваю, сколько колонок в сетке, или чем отличается JS от CSS. Дизайнер должен уметь все это объяснить, чтобы «упаковывать» свои идеи на понятном для разработчиков языке».

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

Прежде всего нужно изменить мышление. От «как сделать красивые экраны для портфолио» к «как сделать людей более счастливыми после взаимодействия с продуктом». Может получиться так, что вообще не придется рисовать экранов, и люди скажут за это спасибо. Для создания этих артефактов как раз используются актуальные дизайн-инструменты, методологии: Design thinking, User story mapping, User Flow Mapping, Customer Journey Mapping, Split-тестирования, Usability-тестирования, количественные исследования и многие другие. Хотя порой можно прийти к правильным результатам неправильным путем. Ситуация рынка новых профессий нестабильна, сейчас это довольно востребованное и прибыльное занятие, но спрос рождает предложение.

Евгений Засименко, выпускник БВШД, product-дизайнер в Avito

«Я начал искать работу продуктового дизайнера за несколько месяцев до окончания курса. Нельзя сказать, что очень активно, но в Avito мне понравилось, когда мы были там на экскурсии от Британки. Процесс трудоустройства был довольно стандартный для сферы дизайна: просмотр портфолио, тестовое задание, два собеседования, и я получил офер.

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

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

За этот год нам удалось сделать около 20 проектов для самых разных типов компаний: от ожидаемого финтеха — «Альфа-банк», МТС, «МегаФон» — до стартапов из сферы агротеха. Многие студенты смогли найти работу по итогам защиты проектов в тех компаниях, для которых делали проект, потому что заказчики в процессе видят их компетенции и практический опыт.

Денис Ушаков, выпускник БВШД

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

Сейчас я продолжаю работу над проектом в качестве продуктового дизайнера уже в штате этой компании. Заказчик сам предложил мне позицию продуктового дизайнера, поскольку они уже видели, на что я способен, у нас был опыт совместной работы. Мне кажется, почти все одногруппники к концу обучения устроились на должность, связанную с UX/UI в такие компании, как «Райффайзенбанк», «Сбербанк Технологии», Tele2, Mail.ru, IBM Россия и другие».

4. Продолжится ли рост спроса на таких специалистов в ближайшие 5 лет? 

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

Алина Ермакова, начальник отдела аналитических исследований пользовательского взаимодействия в «Сбербанк-Технологии»

«Я думаю, что тут дело ни сколько в названии «UX/UI-дизайн», сколько в функционале и ответственности. Спрос не упадет, конечно, но на кого? Наблюдаются волны: сначала все искали универсала — дизайнера-верстальщика-копирайтера. Это было связано с тем, что у компаний или не было на это денег, или они не понимали, зачем их тратить на дизайнеров. Потом начался хайп UX, появились инхаус-отделы исследований и проектирования, в ходу стали понятия не столько кнопки, сколько пользовательского опыта. Начали играть в тестирования, дизайн-мышление, айтрекеры. Начали думать процессами, а не экранами.

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

5. Как работа UX/UI-дизайнера отражается на повседневной жизни?

Если принять что практически все, чем мы пользуемся, было придумано дизайнерами, то почти все массовые цифровые сервисы — мобильные сайты, web-сервисы и другие — придумываются сейчас Digital Product Designer'ами. Банковские приложения, услуги операторов связи, электронная коммерция, сервисы знакомств, геолокационные и информационные сервисы... Продолжать можно долго — легче открыть рабочий стол мобильного телефона или десктоп ноутбука и полистать установленные приложения. Все это — цифровые продукты, над логической и визуальной составляющей которых работают UX/UI-дизайнеры.

Проект студентов курса «UX/UI дизайн» БВШД для МТС: мобильный гид для адаптации и развития сотрудников МТС

Работа может заключаться как в создании совершенно нового продукта, так и перевода в цифровой вид существующих услуг. Например, наши студенты делали кейс для МТС — мобильный гид для адаптации новых сотрудников и их развития с системой геймификации и другими функциями. Система адаптации была всегда: от стандартного отдела кадров до HR-служб и системы менторства, но именно цифровое решение — это что-то новое. Оно более гибкое, эффективное и позволяет решать разные задачи компании через единый сервис: нетворкинг, обучение, организация работы сотрудников.   

Время жизни прибыльных бизнес-моделей стремительно сокращается. Чтобы оставаться на плаву, нужно постоянно создавать новые и развивать уже имеющиеся цифровые продукты. Бренды, которые не могут адаптироваться к скорости, «вылетают с трассы». Поэтому современные компании переходят на быстрые адаптивные циклы постоянных изменений. Это как раз про пресловутый Agile и Scrum. Design-Develop-Learn и опять по кругу. Следовательно, дизайн-экспертиза как часть этого круга становится основополагающей. 

Алина Ермакова, начальник отдела аналитических исследований пользовательского взаимодействия в «Сбербанк-Технологии»

«Пару недель назад я вернулась с конференции Enterprise UX в Сан-Франциско. Большие компании рассказывали, как проектируют госсервисы, или большие финтех-системы, или, например, как Uber сохраняет консистентность, находясь в 77 странах мира. UX/UI у них уже в ДНК. Это не этап, не метод, это нормальный продакшн-процесс. Нет церемоний прохождения дизайн-мышления, например.

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

6. Какие методологии сейчас наиболее популярны?

В России культура продуктового дизайна сейчас только зарождается. Фреймворк «Дизайн-Мышление» (Design Thinking) — уже стал неотъемлемой частью программы внутреннего корпоративного обучения в наших крупных компаниях и корпорациях: «Росатом», «Сбербанк», «Альфа-банк» и других.

В цифровых компаниях традиционно популярны деривативы Design Thinking — Google Ventures Design Sprints, IBM Design Thinking, а также различные инструментальные части Design Thinking — моделирование персонажей, этнографические исследования, карты стейкхолдеров, картирование пользовательских путей (Customer Journey Mapping) и прочие. Относительно новым, но заслуживающим внимания является фреймворк Jobs To Be Done, где продукт разрабатывается не столько на основе характеристик пользователя, сколько на основе ситуации, в которой он оказался. Востребованность методологии зависит как от сферы деятельности компании, так и от внутренних процессов. Внедрить тот же Scrum в крупной компании дольше и сложнее, чем в стартапе, но все реально, главное — желание делать классный продукт для людей.

Дмитрий Ершов, руководитель по облачным сервисам АО «МегаЛабс»

«Для продуктов, которые не будут меняться, мы используем классическую каскадную модель разработки, а для постоянно развивающихся – выбираем SCRUM. Новые продукты или функциональности описываем с помощью диаграмм вариантов использования, но примеряем концепцию Jobs To Be Done, в которой такие диаграммы не нужны.

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

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

7. В какие отрасли интегрируются методики UX/UI-дизайна в будущем?

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

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

Проект студентов курса «UX/UI дизайн» БВШД для банка «Ак Барс»: личный финансовый помощник, инструмент для инвестиций в любом удобном мессенджере.

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

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

«Большинство компаний все еще воспринимают UX/UI-исследования, дизайн-мышление и другие креативные методики как услугу, отдельный сервис, который можно заказать или нанять. «Мыслить как дизайнер» нельзя купить, надо начать. Всем =)», — говорит Алина Ермакова, начальник отдела аналитических исследований пользовательского взаимодействия в «Сбербанк-Технологии».

Полезные ссылки от Ярослава Шуваева

  • Сообщество интенсивного изучения UX&UI

  • Дайджест продуктового дизайна Юрия Ветрова

  • Gov.uk Design Principles

  • Tilda: Необходимый минимум книг для начинающего веб-дизайнера

  • O’Reily Books About UX

  • Gv.com Library

  • Грант на обучение по программе профессиональной подготовки «UX/UI дизайн» в Британской высшей школы дизайна (1 год). Дедлайн подачи заявки: 31 июля.

Материалы по теме:

rb.ru

5 различий между UI и UX дизайном

Для создания лучших шоколадных пирожных потребуется как UX, так и UI. Я серьезно.

Для начала, вам потребуется рецепт, ингредиенты, кухонная посуда и духовка. Затем: смешиваем, выпекаем, нарезаем, раскладываем по тарелкам, подаем и едим.

Но что из этого UX, а что UI? Процесс изготовления — это UX, а процесс раскладывания по тарелкам и подачи к столу — UI.

А как насчет поедания? Это UX; кроме случаев, когда это не UX. Получит ли потребитель другой опыт, если пирожные будут поданы сразу со сковородки или красиво разложены на тарелке? Я бы сказал, да, последнее было бы предпочтительнее.

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

С этой оговоркой, давайте взглянем на некоторые различия между ними.

UX — это не UI

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

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

Дизайн пользовательского интерфейса = Визуальный дизайн + Дизайн взаимодействия.

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

И хотя и UX, и UI дизайнеры создают взаимодействия, UX дизайнеров можно считать архитекторами макровзаимодействий, а UI дизайнеров — создателями микровзаимодействий, занимающихся деталями.

По словам дизайнера Ника Бабича:

«Лучшие продукты хорошо справляются с двумя вещами: функциями и деталями. Функции — это то, что привлекает людей к вашему продукту. Детали — это то, что их удерживает».

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

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

UX делает интерфейсы полезными

UI делает интерфейсы красивыми

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

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

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

UX помогает пользователям достигать целей

UI создает эмоциональные связи

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

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

После того, как вы настроили основное юзабилити, согласно Аарону Уолтеру, автору книги «Дизайн для эмоций», лояльность ваших пользователей будет зависеть от личности вашего интерфейса. Яркий дизайн может привлечь к вашему сайту людей, они даже могут задержаться, если там можно что-то сделать. И когда образуется личная связь — они на крючке. Заставляет ли ваш интерфейс их смеяться? Цепляет ли он их? Насколько он дерзкий? Аарон говорит: «Люди простят ваши недостатки, последуют за вами, и будут петь вам дифирамбы, если вы наградите их положительными эмоциями.» Вот здесь вступает UI дизайнер.

Сначала создается UX дизайн

Потом (иногда) создается дизайн UI

Как UX и UI дизайнеры работают вместе на протяжении процесса проектирования ?

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

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

Однако этот путь не всегда линеен, и зависит от многих факторов. Например:

  • Кто занимается UX и UI?
  • Один и тот же человек, или кто-то другой, и другая команда?

UX используется во всех продуктах, интерфейсах и услугах

UI относится только к интерфейсам

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

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

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

Выводы

Почти невозможно отделить UX от UI или UI от UX.

Но если попытаться, то можно заключить, что:

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

Источник: uxgu.ru

infogra.ru

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

Кому велено чирикать — не мурлыкайте! Кому велено мурлыкать — не чирикайте!

(с) Путаница, Корней Чуковский

На сайтах о поиске работы 99% вакансий с заголовком “UI/UX Designer” содержат тексты про интерфейсы, сценарии использования и дизайн. Кто был первоисточником этого сложно сказать, но UI и UX имеют довольно мало общего.

Хотелось бы дать в руки коллегам хорошую дубинку аргументацию для расширения их возможностей, ну и вообще, окончательно разобраться в отличиях UI и UX…

Это везде

Надо прямо сказать, что путаница с UI и UX происходит во всём мире и это волнует уже довольно многих. Например, знакомитесь вы с человеком, который представляется, что он специалист по UI/UX. Поскольку четкого понимания нет, кто есть кто, то наступает неловкий момент…

Дошло до того, что в Долине специалистов по UI начали называть Digital Product Designer, а специалистов по UX (иногда) — Product Manager.

История

В оригинале термин UX был придуман Дон Норманом и его определение звучало так: UX включает в себя все аспекты взаимодействия пользователя с компанией, её сервисами и продуктами.

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

Где UI, где UX

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

Важно то, что кроме взаимодействия через UI, клиент взаимодействует с компанией еще множеством способов и вот за все эти (оставшиеся) способы уже отвечает UX.

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

Примеры

Ресторан
Когда вы входите в ресторан, то обращаете внимание на интерьер, сервировку стола, оформление меню, свет, музыку, и т.д. Это всё — UI — т.е. всё с чем клиент взаимодействует непосредственно.

UX отвечает за скрытую часть: сколько мест должно быть на парковке, стоимость блюд, количество официантов, время готовности заказа, и т.д. Согласитесь, стоимость и время ожидания заказа очень сильно влияют на ваши впечатления (на ваш опыт взаимодействия). Но для подбора цены, надо провести сегментацию пользователей — сколько целевая аудитория готова платить. Чтобы оценить приемлемое время ожидания, надо выполнить конкурентный анализ и сравнить время ожидания в соседних ресторанах. В идеале на парковке должны быть всегда свободные места, но для этого надо спрогнозировать пропускную способность ресторана и среднее время пребывания гостей. Это всё UX.

  • UI отвечает за эстетику и комфорт
  • UX отвечает за внутреннюю кухню, которая (косвенно) влияет на впечатление клиента
E-commerce проект
Вы создаете проект по продаже через Интернет фигурок из вселенной Marvel. У вас есть специалист по UX, который отвечает за взаимодействие клиента с вашей компанией (помним, кроме UI). Для этого эксперт по UX должен максимально глубоко вникнуть в понимание того, кто есть ключевой пользователь и исходя из этого понимания, выстроить всю стратегию взаимодействия.
  • Кто целевая аудитория
  • Какую тональность общения с ней выбрать
  • Какую ценность компания может предоставить клиенту по сравнению с конкурентами
  • Какой выбрать диапазон цен
  • Как и где привлекать клиентов
  • Чем удерживать клиентов
Когда стала понятна аудитория, понятен её эмоциональный фон, что она хочет, чего не хочет…, тогда можно приступать: После этого всё это отгружается эксперту по UI, который начинает творить и создавать нечто осязаемое. Это может начинаться брендингом и заканчиваться упаковкой в которой отправляется товар, не говоря уже о вебсайте и всех его элементов.

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

  • UI занимается всем с чем взаимодействует пользователь напрямую
  • UX отвечает за понимание пользователя и за выстраивание всех процессов, которые ведут к взаимодействию с пользователем
Новый дом
Предположим, вы проектировщик дома. В первую очередь, вы обсуждаете с клиентом UX-вопросы:
  • Из какого материала будет построен дом (с точки зрения звуко/шумоизоляции)
  • Количество окон в каждой комнате
  • Сколько детских проектировать
  • Как часто будут гости — величина гостиной и количество спален
  • Должны ли располагаться ванные в коридоре или в каждой спальне
  • Расположение точек Wi-Fi
  • И т.д.
После этого, вы приступаете к UI-вопросам:
  • Какая должна быть облицовка дома
  • В какой цвет должны быть выкрашены стены
  • Общая стилистика внутреннего декора
  • Из какого материала должна быть мебель
  • Световое оформление
UX отвечает за здравый смысл — чтобы людям «с закрытыми глазами», всё равно было комфортно в доме. UI отвечает за эффект, который вы получаете от того что вы видите, от тактильных ощущений до запахов.
Итого в примерах
UX связан с пониманием пользователя в самом широком смысле этого термина. UX просчитывает все возможные маршруты взаимодействия клиента с компанией/продуктом/сервисом.

Этим знанием (в виде Storytelling, Wireframing, Prototyping) он делится со своими коллегами, в том числе с экспертом по UI. UI отвечает за те места в проекте, где происходит непосредственный контакт компании/проекта/сервиса с пользователем.

Что не затрагивает UX

Все вы, вероятно, знаете схему бизнес-модели от Остервальда:

Для нас важны те пункты, от которых зависит UX:

  • Ценность предложения
  • Отношения с клиентами
  • Клиентские сегменты
  • Источники доходов
Остальные пункты вне зоны нашей компетенции.

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

Заключение

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

P.S.

Забыл. На мой взгляд UI и UX объединяет эмпатия. Чтобы понять пользователя одного анализа бывает далеко недостаточно. Ну а в мире UI, это, наверное, один из ключевых элементов.

Литература
  • UX Strategy. How to Devise Innovative Digital Products that People Want (ссылка)
  • What’s the difference between UI and UX? (ссылка)
  • The Difference Between UX and UI Design-A Layman’s Guide (ссылка)

habr.com

Кто этим занимается? Гид для дизайнеров

Дизайн – понятие довольно широкое и неопределенное. Когда кто-то говорит? «Я дизайнер», не сразу понятно, чем он в действительно занимается каждый день. Существуют несколько разных областей, объединенных под понятием «дизайн».

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

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

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

UX-дизайнер (USER EXPERIENCE дизайнер)

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

Пример описания работы experience-дизайнера в Twitter:

«Определите модели взаимодействия, пользовательские потоки задач, и UI-спецификации. Представьте различные варианты развития событий, опишите процесс пользования и модели взаимодействия от и до и продемонстрируйте образцы заинтересованным лицам. Работайте с нашим креативным директором и визуальными дизайнерами, чтобы объединить визуальную идентичность Твиттера и его характерные черты. Развивайте или сохраняйте макеты, мок-апы и стандарты по необходимости»

Результаты работы: макеты изображений на экранах, раскадровки, план сайта.

Инструменты: Photoshop, Sketch, Illustrator, Fireworks, InVision

UI-дизайнер (USER INTERFACE дизайнер)

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

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

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

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

Инструменты: Photoshop, Sketch, Illustrator, Fireworks

Визуальный дизайнер (графический дизайнер)

Визуальный дизайнер – это тот, кто занимается графикой. Если вы спросите кого-то, кто не занимается дизайном, кто такой дизайнер, пожалуй, первым на ум придет как раз-таки графический дизайнер. Графические дизайнеры никак не связаны ни с тем, как экраны сообщаются друг с другом, ни с тем, как кто-то взаимодействует с продуктом. Вместо этого, они сосредоточены на создании красивых иконок, элементов управления и других визуальных элементов и выбирают подходящие шрифты. Графические дизайнеры трудятся над маленькими деталями, которым остальные не придают значения, и часто работают в Photoshop в режиме приближения 4X или 8X.

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

Инструменты: Photoshop, Sketch

Interactive-дизайнер (моушен-дизайнер)

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

Описание работы моушен-дизайнера в Apple:

«Высокая квалификация в графическом дизайне, моушен-графике, знания в digital art, хорошее восприятие шрифтов и цвета, общее внимание к материалам и текстурам, а также практическое понимание анимации. Знание iOS, OS X, Photoshop и Illustrator, также знакомство с Director (или аналогом), Quartz Composer (или аналогом), 3D-моделированием, моушен-графикой»

Инструменты: AfterEffects, Core Composer, Flash, Origami

UX Исследователь (Исследователь пользователей)

Цель UX исследователя – ответить на два вопроса: «Кто наш потребитель?» и «Что хочет наш потребитель?» Обычно в обязанности исследователя входит проведение интервью с пользователями, исследование маркетинговых данных и общий сбор аналитики. Дизайн – это процесс постоянного совершенствования. Исследователь может помочь в этом процессе, проводя A/B-тестирование, чтобы выявить, какое дизайнерское решение наиболее полно удовлетворяет потребительские нужды. UX-исследователь обычно – главная опора в больших компаниях, где доступ к огромному количеству информации дает ему достаточно возможностей, чтобы прийти к значимым заключениям.

Описание работы UX-исследователя в Facebook:

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

UX-дизайнеры периодически выполняют обязанности UX-исследователей.

Результаты работы: портрет пользователя, результаты A/B-тестирования, поведенческие исследования пользователей/интервью.

Инструменты: микрофон, бумаги, документы

Внешний разработчик (UI-разработчик)

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

Инструменты: CSS, HTML, JavaScript

Дизайнер продукта

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

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

Некоторые компании используют «UX-дизайнер» или просто «дизайнер» в качестве всеобъемлющего термина.  Прочтение описания вакансии – лучший способ выяснить, что будет входить в вашу компетенцию.

Описание работы продакт-дизайнера для Pinterest

«Владение всеми сферами дизайна: взаимодействие, визуальная часть, работа с продуктом, макетирование. Создание шаблонов элементов изображений и их верстка».

 

 

Ищу дизайнера

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

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

ledigital.ru

UI и UX дизайн. В чем разница?

UI и UX дизайн – одно и тоже понятие или совсем разные обозначения? В данной статье рассмотрим различия между понятиями UI и UX дизайна.

Виды веб-дизайнов. Как выбрать дизайн для сайта? Наши советы в следующей статье.

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

7 мифов о веб-дизайне, которые стоит оставить в прошлом тут.

Есть специальные правила UI дизайна, которые включают следующие пункты:

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

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

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

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

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

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

Если Вы занялись разработкой проекта, постарайтесь поставить себя на место пользователя и учтите следующие факторы:

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

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

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

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

Профессиональные  UI/UX дизайнеры выделяют группу общих правил/советов, которых следует придерживаться при разработке сайтов. Ваш проект должен:

  • соответствовать принципу простого и понятного интерфейса;
  • не заставляйте пользователей думать – основный принцип любого дизайна;
  • отдавайте предпочтение проверенным временем элементам интерфейса;
  • учитывайте то, что пользователи не любят читать, они любят просматривать, поэтому делайте акцент на визуализацию, а не на большие и сплошные тексты;
  • разбивайте информацию на логические группы, так посетителю будет намного легче воспринимать ее;
  • соблюдайте правило 3-х кликов для перехода из одного раздела в другой: любая ценная информация доступна не более чем в 3 клика
  • придерживайтесь современных трендов в веб-дизайне, ваш проект не должен быть устаревшим;
  • предлагайте посетителям очевидные способы для решения их задач;
  • защищайте посетителей от случайных действий;
  • все полезные и нужные элементы интерфейса размещайте на видном месте;
  • правильно проектируйте – важна каждая буква и заголовок.

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

Flat дизайн для сайтов. Преимущества и возможности по ссылке.

Компания HyperHost желает вам вдохновения и успеха в создании проектов!

 

 

 

 

2252 раз(а) 6 Сегодня просмотрено раз(а)

hyperhost.ua