▶️Прототипы интерфейса

Прототип пользовательского интерфейса (англ. user interface prototype) — это модель экранов и переходов между экранами пользовательского интерфейса.

Прототип позволяет подготовиться к реализации пользовательского интерфейса: проанализировать и проверить требования к ПО, а также выявить новые требования.
Таким образом, разработка прототипа уменьшает вероятность, что в реализованный пользовательский интерфейс придётся вносить изменения 👌

Прототипы могут быть набросками на бумаге или маркерной доске, где располагают вырезанные из бумаги упрощённые элементы интерфейса. А ещё такие прототипы могут разрабатываться с помощью специальных инструментов, например, виртуальных досок.


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

Работа над прототипами — это творческое и захватывающее занятие, оно помогает:
💚Лучше понять, какие задачи пользователи решают в интерфейсах, а значит, какие шаги и какой процесс должны быть отражены в продукте.
💚Меньше переделывать более проработанные макеты (их доработка обычно дольше и дороже)
💚Избежать ошибок в конечной версии продукта благодаря тестированию прототипа.



👉 На этой неделе поговорим о прототипирование. Благодаря ему аналитик сможет собирать, согласовывать и передавать требования к дизайну быстро, качественно и на понятном для бизнеса, команды дизайнеров и фронтенд-разработчиков языке 😎 #hardGetAnalyst

🌷 ПРО ВИДЫ ПРОТОТИПОВ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА

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

🥷: Собственно, для этого и существуют прототипы, которые позволяют понять наполнение и внешний вид решения ещё до того, как будут затрачены ресурсы на его разработку. На этом этапе дешевле вносить правки, нежели корректировать что-то (или всё) в уже спроектированном решении.


Большинство прототипов можно разделить на три вида:

1️⃣ Прототипы низкой точности (lo-fi)
В прототипах такого уровня описывается концептуальная модель будущего интерфейса, в которой отражены все его основные элементы и переходы между экранами. Никаких ярких цветов, всё довольно схематично или даже от руки, но в общих чертах наполнение понятно. Прототип нужен для выявления, анализа и проверки требований к ПО.

2️⃣ Прототипы средней точности (medium-fi)
В этой модели содержится часть функционала и уже используемые элементы дизайна разрабатываемого пользовательского интерфейса. По такому прототипу уточняют требования к ПО, а также детализируют дизайн или механики пользовательского взаимодействия.

3️⃣ Прототипы высокой точности (hi-fi)
Модель прототипа такого уровня презентует будущий пользовательского интерфейс, который отображает все экраны, переходы между экранами и содержит те дизайнерские решения, которые в конечном итоге увидят пользователи. По такому прототипу оценивают и тестируют скорость обучения пользователей новому интерфейсу. Проверяют, как быстро в нём можно решать пользовательские задачи и реализованы ли требования к ПО.

#hardGetAnalyst

🧐 ПРО ПЛЮСЫ И МИНУСЫ КАЖДОГО ВИДА ПРОТОТИПОВ 🧐

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

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

🔶: А вот протипы высокой точности, которые базируются на lo-fi и medium-fi прототипах – это зона ответственности дизайнера. Такой продукт олицетворяет собой полноценное решение и разработчики будут ориентироваться именно на него при проектировании.


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

1️⃣ Lo-fi прототипы

Прототипы с низкой точностью удобны — для их создания не нужны специальные навыки.
Вы можете набросать черновик на салфетке, флипчарте, в блокноте. Позже наброски можно перенести в MS Visio, MS PowerPoint или использовать Miro, Figma, Adobe XD, Sketch, веб-сервис diagrams.net (бывший draw.io).

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


2️⃣ Medium-fi прототипы

Все недостатки прототипа с низкой точностью закрываются прототипом со средней точностью. Такой прототип уже сложно отрисовать на бумаге (но можно), поэтому чаще всего его рисуют сразу в инструментах, по типу Miro, diagrams.net и других.

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


3️⃣ Hi-fi прототипы

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

Минусов у прототипов с высокой точностью несколько:
- длительность создания дизайна засчёт высокой детализации макета.
- из-за "ультра-крутого" интерфейса, который напичкан различными функциональными возможностями, приятной анимацией и так далее, велика вероятность разрабатывать финальный продут очень долго. Тут без итерационного подхода не обойтись.


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

#hardGetAnalyst