4 причины, по которым умные компании создают интерактивные прототипы
Опубликовано: 2015-12-11[ Proto .io — это ведущий инструмент для создания прототипов мобильных приложений, используемый предпринимателями и стартапами для создания полностью интерактивных реалистичных прототипов, которые выглядят и работают как настоящие приложения.]
Прототип вашего мобильного приложения предназначен не только для того, чтобы показать инвесторам вашу идею. Это также мощный инструмент тестирования и маркетинга, который усердно работает на протяжении всего жизненного цикла вашего проекта мобильного приложения, от концепции до обеспечения качества. Хорошо выполненные интерактивные прототипы также могут помочь предотвратить ряд катастроф мобильного пользовательского интерфейса, от стычек между дизайнерами и разработчиками (да, они тоже могут быть друзьями!) до бюджетных SNAFU.
Но слишком часто компании недооценивают процесс прототипирования, отказываясь инвестировать в нужные инструменты или преждевременно прибегая к этапам проектирования и разработки мобильного приложения. В конце концов, время и деньги — ограниченные ресурсы, и когда приближается крайний срок, может возникнуть соблазн прибегнуть к слайдам PowerPoint со статическими двумерными примерами того, как будет выглядеть ваше приложение. (Но, по крайней мере, это лучше, чем набросок на обратной стороне салфетки!)
Интерактивные прототипы обладают гораздо большим «вау-фактором», чем плоские каркасы.
Дни отправки плоских PDF-файлов каркасов давно прошли, и скатертью дорога им. Моделирование дизайна вашего мобильного пользовательского интерфейса в Photoshop или InDesign и отправка изображений в высоком разрешении могут продемонстрировать ваше визуальное чувство дизайна с точки зрения теории цвета, типографики, пропорций и других основных элементов дизайна, плоские каркасы мобильных приложений чрезвычайно ограничены в своих возможностях. общайтесь со своими клиентами, потенциальными пользователями или финансовыми спонсорами.
Представьте, что вы генеральный директор компании, которая очень хороша в том, что она делает — может быть, это фирма, занимающаяся облачными вычислениями, или бутик косметики, — но вы не обязательно много знаете о хорошем дизайне или разработке мобильных приложений. В конце концов, именно поэтому вы нанимаете агентство. У вас есть несколько агентств, предлагающих ваш бизнес, но только одно из них получит контракт.
Агентство А имеет впечатляющее портфолио и список клиентов, в который входят несколько компаний из списка Fortune 500, и вы слышали из уст в уста, что его команда разработчиков является лучшей в бизнесе. Агентство B — небольшая фирма, но вас заинтриговало то, что вы уже видели в ее портфолио, и вы знаете, что их цены более конкурентоспособны.
Агентство А занимается разработкой мобильных приложений так долго, что в процессе работы оно выработало надежный шаблон. Они отправляют вам PDF-файл с концепцией потенциального мобильного приложения, экран за экраном. Каждый каркас аннотирован, чтобы объяснить, что делает каждая функция, но есть некоторый словарь, с которым вы не знакомы, и преодоление кривой обучения может занять больше времени, чем у вас есть. Опять же, вы очень занятый генеральный директор очень успешной компании.
Агентство B отправляет вам интерактивный прототип концепции своего мобильного приложения. Нет аннотаций, которые нужно читать, нет новых словарных слов, которые вам нужно выучить — просто файл цифрового прототипа, который вы можете открыть в своем браузере или на своем любимом мобильном устройстве. Вы можете посмотреть на интерактивный прототип, пока едете в такси по дороге на следующую конференцию, или открыть его на своем ноутбуке, пока вы встречаетесь с менеджерами проектов по новому заданию.
Интерактивный прототип от Agency B выглядит и ощущается как готовое мобильное приложение. Вы можете легко перемещаться от экрана к экрану, кнопки возвращают тактильную обратную связь, когда вы нажимаете или проводите по ним, и без каких-либо ноу-хау в области дизайна мобильных приложений вы получаете прекрасное представление о том, чего Агентство B пытается достичь с помощью своей концепции. Это означает, что вам не нужно планировать столько времени, чтобы встретиться с ними, чтобы обсудить питч, и вы можете потратить больше времени на свои более насущные проекты.
С каким агентством вы бы подписали контракт?
Создание интерактивных прототипов не должно быть дополнительной работой
«Теоретически это здорово, — можете подумать вы, — но из-за множества жестких сроков и ограниченной пропускной способности создать полностью интерактивный прототип для каждого предложения дизайна мобильного приложения нереально».
С правильными инструментами создание реалистичного интерактивного прототипа не должно быть сложнее, чем создание плоского каркаса — на самом деле это может быть проще и быстрее. С библиотеками дизайна пользовательского интерфейса, полными готовых к использованию элементов в интерфейсе перетаскивания, такие инструменты, как Proto.io, позволяют вам набросать интерактивный прототип с анимацией и другими мультимедийными элементами всего за несколько минут.
Подумайте, сколько времени вам потребуется, чтобы создать каркас в Photoshop или InDesign, используя слои для отображения переходов между экранами и сохраняя новое изображение для каждого вида. Затем, если вам нужно внести изменения в свой пользовательский интерфейс, которые влияют на каждый экран (например, изменение шрифта), вы должны сохранить новое изображение для каждого из этих отдельных видов. Это нужно сделать до того, как вы добавите необходимые аннотации, чтобы объяснить поток вашего мобильного приложения клиенту.
Рекомендуется для вас:
Что означает положение о борьбе со спекуляцией для индийских стартапов?
Как стартапы Edtech помогают повысить квалификацию рабочей силы Индии и стать готовыми к будущему ...
Технологические акции нового века на этой неделе: проблемы Zomato продолжаются, EaseMyTrip публикует...
Индийские стартапы срезают путь в погоне за финансированием
Цифровая маркетинговая платформа Logicserve Bags Финансирование 80 CR INR, ребрендинг как LS Dig...
Отчет предупреждает о возобновлении нормативного контроля над Lendingtech Space
Хотя изменение процесса, к которому вы привыкли, может повлечь за собой начальное обучение и некоторую адаптацию в начале, в конечном итоге это может стать маневром, позволяющим сэкономить время. В случае интерактивных прототипов вы потенциально сэкономите не только время, но и контракты — контракты, которые в противном случае могли бы быть захвачены менее талантливым, но лучше оснащенным агентством, у которого оказался более яркий интерактивный прототип.
Пользовательское тестирование можно начать гораздо раньше в жизненном цикле проекта.
То, что происходит на этапе тестирования и обеспечения качества жизненного цикла вашего мобильного приложения, может создать или разрушить ваш проект, определяя, доставляет ли ваше приложение волшебный опыт пользователям или происходит сбой, как только они загружают его, попадая прямо в корзину почти так же быстро, как он нашел место на экране их приложения.
Хотя тестирование и контроль качества вашего интерактивного прототипа, очевидно, не устранят какие-либо ошибки или проблемы с производительностью, которые вы обнаружите в конечном продукте, вы можете запустить проверку качества всего контента, чтобы к тому времени, окончательное тестирование и процесс обеспечения качества, вы можете сосредоточиться исключительно на интерактивных проблемах. Контроль качества контента включает в себя множество важных аспектов, в том числе:
Визуальная проверка дизайна.
Хорошо ли выглядит общий пользовательский интерфейс? Типа, действительно хорошо? Поскольку ваш интерактивный прототип визуально почти идентичен конечному продукту, вы можете внести любые изменения в дизайн на этом этапе игры, прежде чем ваши разработчики даже начнут думать о создании бета-версии.
Некоторые вещи, которые вы можете уловить, включают типографские ошибки (соответствуют ли размеры шрифта? Создает ли этот шрифт какие-либо проблемы с читабельностью?), общие проблемы с размером и пропорциями (особенно важно при разработке дизайна для нескольких устройств или операционных систем) и даже проблемы визуальной доступности (эта палитра доступным для людей с дальтонизмом? Могут ли пользователи легко настроить специальные возможности?).
Проверка принципов бренда.
В зависимости от вашего бренда или бренда вашего клиента, некоторые варианты дизайна могут быть или не быть кошерными. Достаточно ли места вокруг логотипа? Существуют ли определенные шрифты или цветовые палитры, которых должен придерживаться ваш дизайн? Являются ли определенные варианты копирования юридически запрещенными? Внедрение этих деталей в ваш интерактивный прототип означает, что вам не нужно беспокоиться о них, когда приложение уже закодировано.
A/B-тестирование вашего пользовательского интерфейса.
A/B-тестирование — это мощный способ оптимизировать пользовательский интерфейс для удобства использования, эстетической привлекательности и общего эффекта «вау». Вместо того, чтобы ждать, пока бета-фаза вашего мобильного приложения запустит A/B-тестирование, вынуждая вас создавать две версии одной и той же концепции, вы можете использовать свой интерактивный прототип, чтобы выбирать между цветовыми схемами, элементами дизайна, взаимодействиями, обменом сообщениями и многим другим. . Таким образом, у вас есть первоначальная обратная связь с пользователями, чтобы усовершенствовать свой дизайн, прежде чем приступить к разработке.
Интерактивные прототипы — мощные активы контент-маркетинга.
Когда дело доходит до контент-маркетинга, от маркетинга в социальных сетях до разработки редакционной стратегии для вашего бизнес-блога, вовлеченность — это король, королева и придворный шут, при условии, что юмор работает на ваш бренд (и у вас это хорошо получается). Вот почему мультимедийные материалы имеют тенденцию превосходить текстовый контент с точки зрения репостов, лайков, ретвитов, комментариев и других социальных взаимодействий: они очаровывают пользователя больше, чем простой текст. (Однако даже текст должен быть оптимизирован для взаимодействия — например, открытые вопросы приглашают ваших подписчиков ответить!)
С точки зрения привлекательного контента, что может быть лучше интерактивных прототипов? Если изображение стоит тысячи слов, а движущееся изображение стоит тысячи изображений, то движущееся изображение с различными интерактивными элементами практически бесценно. Прототип вашего приложения не только даст вашим потенциальным пользователям точное представление о том, что они собираются загрузить на свое любимое мобильное устройство, но и станет вашим лучшим активом для контент-маркетинга.
Встраивайте свои интерактивные прототипы в свой веб-сайт, чтобы побудить пользователей смахивать, нажимать и перемещаться по вашему приложению, мгновенно знакомясь с вашим мобильным пользовательским интерфейсом, прежде чем они даже нажмут «Скачать». Поделитесь ссылкой на свой интерактивный прототип через Facebook и Twitter и используйте эти платформы для сбора отзывов пользователей. «Что вы думаете об этих пунктах меню?» «Какие функции или функции вы хотели бы видеть в нашем следующем обновлении?» Вы не только соберете полезные отзывы, но и получите готовый контент для своего календаря в социальных сетях, оптимизированный для взаимодействия.
Интерактивные прототипы упрощают совместную работу.
Если вы не специалист по дизайну, разработке и маркетингу мобильных приложений, работающий в одиночку, есть вероятность, что ваш продукт пройдет через несколько рук, прежде чем он попадет в магазин приложений. В современном, все более виртуальном, облачном мире совместная работа больше не предполагает сидения в одной комнате, потягивания одного и того же кофе и разговоров вокруг доски. Ваш дизайнер и разработчик могут находиться в двух разных часовых поясах, и каждый из них может участвовать в телефонной конференции с клиентом на другом континенте.
Как сделать так, чтобы все были на одной волне? Вместо того, чтобы отправлять электронное письмо с простым вложением в формате PDF, попросите всех открыть интерактивный прототип. Тогда каждый сможет четко и легко рассказать о мобильном приложении. «Этот контент не должен быть на первом экране», — может предложить клиент — и, сделав несколько свайпов, может продолжить: «Вместо этого он должен быть здесь».
Более того, интерактивные прототипы позволяют вам сотрудничать удаленно, даже если вы не можете найти общее время, чтобы присоединиться к звонку. Ваше программное обеспечение для цифрового прототипирования может предлагать инструменты, позволяющие каждому участнику проекта оставлять комментарии и пометки к первоначальному дизайну, что немного сложнее организовать при сборе фрагментов отзывов, оставленных в электронных письмах или вложениях в формате PDF.
Интерактивные прототипы, сделанные правильно
Красивые интерактивные прототипы могут поразить клиентов, потенциальных пользователей или инвесторов, а прототип, верный конечному продукту, может сделать процесс разработки более плавным. Но если вы никогда не проектировали интерактивный прототип или даже имеете некоторый опыт за плечами, «красивый» и «верный конечному продукту» могут показаться сложной задачей. Итак, как агентства и предприниматели мобильных приложений могут гарантировать, что их прототипы выглядят и чувствуют себя потрясающе?
Одним из важных факторов, когда речь идет об интерактивном прототипировании, является простое использование правильного инструмента. Прежде чем делать какие-либо постоянные инвестиции, найдите инструмент, который предлагает бесплатную пробную версию, а затем потратьте несколько дней на то, чтобы по-настоящему изучить интерфейс и программное обеспечение, включая любые учебные пособия или вебинары, которые поставщик предлагает вместе с пробной версией. Скорее всего, вы обнаружите, что создание прототипа с помощью перетаскивания даже проще, чем набросок ваших идей в программе для проектирования, которую вы используете каждый день.
После того, как вы разработали несколько интерактивных прототипов, которые вас полностью устраивают, перепрофилируйте их, чтобы создать многоразовый шаблон для будущих проектов в том же духе. Не изобретая велосипед каждый раз при создании прототипа, вы можете добиться более быстрых и привлекательных результатов в каждом проекте. И, как и в случае с любым другим навыком, чем больше вы это делаете, тем быстрее вы становитесь. Взять и без того быстрый процесс и сделать его еще быстрее, не жертвуя результатами? В двух словах, это разумное управление проектами.