демо тур что это

18.05.202319.05.2023 admin 0 Comments

Как написать хорошую демку

Что такое демо

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

Разнообразная линейка демок позволяет компании охватить более широкую аудиторию

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

Такой гигант, как NVIDIA, уже давно использует деморолики для демонстрации своих возможностей

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

Существует много видов демонстрации программных продуктов

Чем отличается плохое демо от хорошего

Давайте посмотрим, как именно плохое, обычное и хорошее демо влияют на потенциальных покупателей.

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

Обычная демка вряд ли восхитит и вдохновит кого-нибудь

А вот хорошее демо способно творить чудеса

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

Из-за чего демо становится плохим

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

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

Как сделать хорошее демо

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

Здесь демонстрируется несколько типов графика и то, как с ними можно работать

Источник

Демо тур что это

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

С целью обучения пользователя используются специальные элементы дизайна.

Демо-тур

Демо-тур (start wizard) — это послайдовый гид по приложению, который позволяет провести обучение пользователя по основному функционалу приложения или его части.

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

Особенности демо-тура

На что обратить внимание

Демо-тур приложения MyFun (PepsiCo)

Демо-тур Google Диск

Подсказки

Современные устройства с мультитач-экранами поддерживают одновременно до 10 точек касания. Это создаёт разработчикам дополнительные возможности при решении проблем с навигацией, а пользователю — проблемы в её понимании. Чтобы помочь пользователю с управлением, в нужный момент появляются подсказки.

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

Всплывающая подсказка Instagram

Выпадающая подсказка — относиться только к одному элементу страницы.
Выпадающая подсказка Instagram

Оверлей — наложение подсказки на экран.

Оверлей в Google Диск

Пустые экраны

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

Страницы, на которые чаще всего попадают пустые экраны:

Проблема пустого экрана

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

Первый сценарий:

я загрузил приложение — я вижу пустой экран — я не знаю что делать дальше — возникают ошибки (состояние неудачи) — я удаляю приложение.

Второй сценарий:

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

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

Пустой экран нужно дизайнить

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

В идеале на пустом экране нужно:

Как разработчики популярных приложений решили проблему пустого экрана

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

Photo Studio

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

Google Диск

Пустые экраны приложения Google Диск

Clip Studio

При первом запуске редактора Clip Studio пользовательские файлы отсутствуют. Чтобы создать контент, нужно коснуться выделенного поля с плюсиком.

Instagram

Пустой экран Instagram

Viber

Разработчики решили нарисовать на пустом экране вызовов грустного кота. Получилось интересно и понятно.

Пустой экран Viber

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

Пустые экраны в Pinterest

Inbox

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

Пустой экран Inbox

Вспомогательные экраны

Существуют экраны, которые имеют минимум элементов, но при этом не считаются пустыми.

Экран загрузки

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

Экран обработки фото в Instagram

Экраны ошибок

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

Однако главная цель этих экранов — помочь пользователю разобраться и снизить степень его раздражения.

Экран ошибки в приложении Amplify

Что между ними общего?

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

Нестандартное вовлечение

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

AnyDo

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

1. Экран приветствия показывает стандартный список и предлагает пользователю начать работу.

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

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

3. Экран объясняет типичные касания для этого приложения, в том числе нестандартные:

Ощущение успеха и поддержки

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

AnyDo

Разработчиков AnyDo точно все видят так:

За успешное выполнение списка пользователя тут же ждёт сюрприз. А подарки любят все.

Вовлечение пользователя в Pinterest

Разработчики Pinterest решили взять своего пользователя мотивацией. Судя по всему, у них получилось.

Стартовый визард Pinterest

И вместо итога

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

Pay2You

Быстрые переводы денежных средств с карты на карту

ClipStudio

Создавайте видео с ваших фотографий

TTL (TimeLineLink)

Уникальное доменное имя для ваших социальных аккаунтов

Pulsir

Приложение и сервис для помощи детям

Johnson&Johnson

Веб сайт для официального дистрибьютора JnJ

Camera+

Больше возможностей для красивых фото

MemoryOn

Социально ориентированное приложение для фотографов и видеографов

MyDelta bank

Мобильный банкинг для «Delta Bank»

Paulig

Адаптивный сайт для Paulig

Photo Studio

Фоторедактор для Android

CardioQvark

CardioQvark кардиомонитор на базе iOS. Докторская версия

Oblaka 10

Учите английский просто

PhotoStudio on iOS

Wunderkind

Оболочка с родительским контролем для смартфона вашего ребенка

Toyota

Приложение для IOS

MyFun

Проведите чудесное время с друзьями

Collage+

Наиболее простой и быстрый способ создать фото коллаж на Android

CardioQvark iPhone

Taxi-Motor

Avatars

Создавайте лучшие аватары для соцсетей

TCP Website

CityFalcon

Агрегатор финансовых новостей для инвесторов

SmartMarket

Оптимизируйте свои расходы с помощью скидок и выгодных покупок

Источник