Как и зачем делать прототип интерфейса интерактивным
Интерактив нужен и для тестирования, и для презентации, и для передачи в разработку. В зависимости от цели будет отличаться содержание. Но в любом случае нужны реалистичные данные, опора на пользовательские сценарии и возможности конкретного инструмента.
#интерфейсы
#интерактивный прототип
#прототипирование
Три главных предмета в фокусе внимания
1
Цель прототипирования
Тестировать на пользователях, показывать инвестору, передавать в разработку…
2
Реальные данные
Никакого Lorem ipsum, «рыбы», заглушек и повторений. Картинок тоже касается.
3
Возможности инструмента
Инструмент может не все, но многое. Потрать время на изучение.
Например
Так делать не надо
Один экран — одна кнопка, которая переключает тебя между экранами. Это, скорее, презентация из слайдов, а не интерактивный прототип.
Инструменты
Figma Help
Там все показано и написано
Figma Community
Есть примеры нюансов реализации интерактива
Axure
Когда нужна альтернатива для очень сложных интерфейсов
Ручка и бумага
Набросать сценарий
Интерактив производит бешеное впечатление. Люди начинают совершенно по-новому смотреть на будущий интерфейс и на свой собственный продукт.
Евгений Романовский, руководитель проектного офиса «Собаки Павловой»
5 советов,
как делать
хорошо
1
Будьте пользователем своего же прототипа
Прокликивайте его и улучшайте, чтобы он работал так, как вам нужно и как вам хочется.
2
Сначала набросайте сценарий
Придумайте, откуда и куда придет пользователь твоего прототипа. Нарисуйте схемку от руки, а потом уже работайте в инструменте.
3
Не делайте слишком много
Громоздкий интерактив нужен редко. Объем работы должен соответствовать цели.
4
Пересобирайте с нуля
Если макеты и требования изменились, не исправляйте старый интерактив, а соберите новый.
5
Отрепетируйте презентацию
Одной ссылки часто бывает недостаточно. Презентуйте лично или запишите скринкаст.