<Назад
UI/UX дизайн: Введение

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


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


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


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


UI vs UX


Мы часто сталкиваемся с таким словосочетание: «UI/UX дизайн». Давайте разберемся, что такое UI и UX, и чем они отличаются.


UI (User Interface) дизайн относится к созданию визуальных элементов, таких как кнопки, формы, меню и других элементов интерфейса, которые пользователь видит и с которыми взаимодействует. UI-дизайнер занимается разработкой элементов интерфейса, которые будут привлекательны, удобны для использования и будут соответствовать стилистике бренда.


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


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


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


Заключение 


Давайте подведем итог. 


3 быть для дизайна:

1. Быть для целевой аудитории.

2. Быть красивым.

3. Быть в стилистике бренда.


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


Если вы уже устоялись на рынке и у вас есть постоянные клиенты, то можете начинаться экспериментировать. Дополнять качественный UX шикарным UI.


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


В следующем посте поговорим о процессе создания UI/UX дизайна.

Хэштеги:
#процессразработки
Поделиться:

Самое свежее

Состав команды разработки

В этой статье мы рассмотрим состав команды разработки ИТ решения

#процессразработки

Простыми словами о графах

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

#графы
#алгоритмы
#rust

В чем отличие аутсорсинга разработки от аутстаффинга ИТ-сотрудника для разработки?

В этой статье разберемся, что такое аутсорс- и аутстафф-разработка.

#процессразработки

UI/UX дизайн: Процесс создания

В этой статье поговорим об основных шагах в процессе создания UI/UX дизайна.

#процессразработки

Agile, Шесть сигм и Отсутствие принципа

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

#процессразработки

Знакомьтесь, Пентест

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

#пентест

Сокращаем срок реализации MVP

Разберемся со сроками реализации MVP.

#процессразработки

Выбираем язык программирования

В этой статье мы поговорим о выборе языка программирования для изучения

#хочукодить

Тестирование концепции MVP

Разбираемся с тем, как не потратить бюджеты на разработку MVP впустую

#процессразработки

Проектирование архитектуры приложений: Введение

В этой статье поговорим о процессе создания архитектуры ИТ-решения

#процессразработки

Техническое задание: Структура

В этой публикации мы рассмотрим универсальную структуру ТЗ

#процессразработки

Неверная оценка стоимости услуг ИТ подрядчика

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

#консалтинг

Введение в паттерны проектирования в разработке программного обеспечения

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

#шаблоныпроектирования

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

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

#хочукодить

Уровни модели OSI

В этой статье мы более подробно рассмотрим каждый из уровней модели OSI

#сети
#osi

Основные типы архитектуры приложений

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

#процессразработки

10 способов использования Rust Cargo

В этой небольшой статье я собрал 10 способов использования системы сборки и менеджера пакетов языка программирования Rust

#rust
#cargo

Документирование кода в языке программирования Rust

В этой статье рассмотрим то, как происходит документирование в Rust и рассмотрим очень полезную возможность - написание тестов через документирование.

#rust

Знакомство с моделью OSI

В этой статье начинаем рассматривать фундаментальную модель сетевого взаимодействия - OSI

#сети

CSS анимация пульсации

Простой пример того, как реализовать анимацию пульсации, используя HTML и CSS

#css

Для чего нужна ER-диаграмма в процессе разработки?

Обсудим в общих чертах, что такое ER-диаграмма и для чего она нужна.

#процессразработки

От концепции к MVP

В этой статье вы узнаете, на примере, о том, как перейти от концепции к MVP без лишних усложнений в функционале продукта

#процессразработки

Для чего нужны UML диаграммы?

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

#процессразработки

Введение в написание технического задания

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

#процессразработки

Введение в разработку

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

#процессразработки

От идеи к концепции

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

#процессразработки

Методологии управления ИТ-проектами: Waterfall, Scrum, Prince2

В этой статье рассмотрим основные методологии управления ИТ-проектами.

#процессразработки

Взвешенные графы

В этой статье мы познакомимся со взвешенными графами, алгоритмом Дейкстры и его реализацией на языке программирования Rust.

#алгоритмы
#графы
#rust

Процесс разработки: Планирование

В этой публикации мы начнем рассматривать процесс разработки. Начнем рассмотрение с процесса планирования.

#процессразработки