InVision
Цена oт $0
05 октября 2023 105

Invision: упрощенный аналог Figma и Abode XD

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


С чего начать

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

Далее заполняем анкету со следующими данными:

  • имя, фамилия;
  • электронная почта;
  • название компании;
  • должность;
  • номер телефона.

Жмем на кнопку отправки и ждем приглашение, которое придут на электронную почту.

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

Для регистрации открываем стартовую страницу сайта и кликаем на «Создать доску бесплатно». В появившейся форме указываем имя, электронную почту, пароль и направление проекта.

Для выбора направления используем специальную строку, по нажатию на которую откроется список со следующими вариантами:

  • дизайн;
  • управление проектами;
  • маркетинг;
  • рекрутинг;
  • IT-разработка;
  • финансы;
  • продажи.

Заполняем форму и жмем «Регистрация».

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

 Когда пользователь введет код, откроется окно, куда потребуется вписать электронные адреса тех пользователей, которые будут работать над проектом в совместном режиме. Указываем адреса списком и жмем «Пригласить».

Регистрация завершена, теперь можно приступать к работе.


Особенности интерфейса

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

В панели управления можно найти следующие разделы:

  1. Главная. Здесь находятся шаблоны, на базе которых создаются проекты. Кнопка для создания проекта находится в правом верхнем углу.
  2. Документы. В этом разделе хранятся все созданные, обрабатываемые и сохраненные проекты.
  3. Пространство. С помощью этого блока создаются сеть, позволяющая получать доступ к проектам всем пользователям в рамках одной учетной записи.
  4. Люди. Здесь можно добавлять сторонних пользователей, подключая их по электронной почте.
  5. Приложения. Новый блок с ассортиментом приложений, которые можно интегрировать в Invision.
  6. Еще. Здесь пользователь может получить доступ к системе проектирования. Однако для этого понадобится платная подписка.

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

Если же нужно попасть в настройки общего аккаунта (командные настройки), то кликаем на значок в нижнем левом углу и выбираем блок «Настройки».

Разберем каждый раздел более детально.


Главная

Это основной раздел, в котором создаются проекты. В первую очередь следует изучить шаблоны, предназначенные для облегчения создания проектов. Чтобы ознакомиться с ассортиментом, кликаем на «Все шаблоны» в правом верхнем углу.

Далее откроется форма, в которой все шаблоны распределены по категориям:

Категория

Шаблоны

Строительные блоки

  • сетка обратной связи;
  • матрица приоритетов;
  • временная шкала;
  • набор смайлов;
  • диаграмма Венна;
  • таблицы;
  • набор стикеров;
  • RACI Матрица;
  • статус проекта;
  • приоритизация проектов;
  • ретроспектива.

Исследования и дизайн

  • спецификация;
  • прототип;
  • доска;
  • передача дизайна;
  • UX холст;
  • творческое резюме;
  • эскиз приложения;
  • конкурентный анализ;
  • персональная доска пользователя;
  • сортировка карточек.

Системы проектирования

  • UX аудит;
  • планирование дизайна токенов;
  • форма компонента системы.

Шаблоны досок и карточек

  • начало работы с досками;
  • канбан;
  • ежедневный стендап;
  • мозговой штурм;
  • назначение задач.

Шаблоны страниц

  • начало работы со страницами;
  • заметки о собраниях;
  • краткое описание проекта;
  • совещание о состоянии проекта;
  • ретроспектива проекта;
  • еженедельное собрание;
  • ежедневный стендап;
  • интервью пользователя.

Наброска эскизов

  • каркас;
  • блоки анализа;
  • блок-схема веб-сайта;
  • поток экрана;
  • каркас веб-сайта;
  • каркас приложения;
  • эскиз приложения.

Agile для проектных

  • приоритизация задач проекта;
  • дизайн-спринт;
  • матрица приоритизации работы.

Дизайн-мышление

  • исследование пользователей;
  • карта точек соприкосновения;
  • диаграмма сходства;
  • сортировка карточек;
  • карта эмпатии.

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

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

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

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

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

  1. Масштабирование с помощью мышки. Если активировать эту функцию, пользователь сможет увеличивать/уменьшать содержимое в рабочей зоне с помощью колесика мышки.
  2. История версий. Отображается список обновлений.
  3. Экспорт в изображение. С помощью этого инструмента можно сохранить созданный проект на устройство в виде картинки.
  4. Сохранить как шаблон. Инструмент для сохранения проекта в виде шаблона.
  5. Создать новое. Используем в том случае, если нужно начать новый проект.

Рядом расположена кнопка приветствия, с помощью которой можно запустить проект в качестве презентации. Далее идет кнопка «Поделиться», позволяющая выдавать доступ к текущему проекту членам команды.

Что касается панели инструментов, она расположена в нижней части экрана. Сначала у нас идет «Указатель», с помощью которого можно двигать объекты по рабочей зоне. Для этого просто кликаем на значок, после чего с помощью мышки перетаскиваем содержимое в удобное место.

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

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

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

Рядом находиться раздел «Липкая заметка», который позволяет прикреплять к пустому полю разноцветные наклейки. В них пользователь может менять цвет, добавлять текст и вставлять ссылки.

С помощью следующего инструмента выбирается размер кадра. Сервис поддерживает форматы 16:9 и 4:5.

Далее идет инструмент, позволяющий выбирать и вставлять в рабочую зону такие шаблоны, как «Доска», «Страница» и «Сетка». После добавления в эти шаблоны можно вписывать текст, подключать различные ссылки и т.д.

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

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

  • Adobe XD;
  • Azure DevOps;
  • Asana;
  • Charts;
  • Color Swatches;
  • Figma;
  • Giphy;
  • Google Docs;
  • Inspect;
  • Jira;
  • Lomm;
  • Microsoft 365;
  • Spinner;
  • Trello;
  • Vimeo;
  • YouTube.

Для подключения просто выбираем ресурс и указываем ссылку на нужный веб-элемент.


Документы

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

Если кликнуть на троеточие напротив название проекта, откроется контекстное меню с некоторыми командами. Например, с помощью команды «Поделиться» владелец проекта можно предоставить доступ к файлу приглашенным пользователям. Для этого в командных настройках нужно установить соответствующие права.

Если же выбрать команду «Добавить в пространство», то проект можно будет переместить в специальную группу.

 Для этого кликаем на команду и жмем «Создайте новую группу» в появившемся окне. Потом указываем название и выбираем, кто именно сможет работать с этой группой.

Созданные группы будут отображаться в разделе «Пространство». Там пользователь сможет их редактировать или добавлять в них новые проекты. При этом стоит обратить внимание на то, что можно выбирать все проекты или только те, которые были созданы владельцем аккаунта.


Люди

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

  1. Члены команды. Добавленные пользователи будут иметь доступ ко всем открытым проектам и документам команды.
  2. Внешние гости. В этом случае пользователи получат доступ только к тем участкам аккаунта, в которые они будут приглашены.

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

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


Приложения

В этом разделе находится ассортимент приложений и сервисов, которые можно интегрировать в Invision. Чтобы провести интеграцию, необходимо выбрать подходящий продукт и кликнуть на кнопку «Узнать больше».

После этого откроется страница, где будет прописана инструкция по подключению.


Как создать систему проектирования

Для этого открываем раздел «Еще» и в контекстном меню выбираем «Системы проектирования». На новой странице жмем на «Создайте новую систему проектирования». Для ее создания потребуется всего лишь указать название и при необходимости добавить описание и обложку.

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


Настройки

Настройки личного аккаунта состоят из 4 разделов. В первом пользователь может поменять имя  и добавить фотографию.

В разделе безопасности осуществляется смена пароля и подключается многофакторная аутентификация. В «Уведомления» пользователь может выбрать частоту отправки писем на электронную почту. В последнем разделе добавляются новые команды.

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

  1. Основные настройки. Тут меняется название и домен команды.
  2. Значок команды. В этом разделе подключается логотип.
  3. Настройки конфиденциальности. Осуществляется настройка предупреждающих сообщений.
  4. Настройки совместного использования. В этом блоке выдаются разрешения на те или иные инструменты в сервисе.
  5. Доступ нового участника. Здесь можно добавлять новых пользователей.
  6. Единый вход. Настройка единого входа, для которой понадобится название, общий адрес электронной почты и пароль.

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


Как купить подписку

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

Какие тарифы доступные на момент написания статьи:

Название

Стоимость

Особенности

Бесплатно

$0

  • 30 активных пользователей;
  • 3 администратора;

Профессиональный

$4,95 в месяц

  • 50 активных пользователей;
  • неограниченное количество администраторов.

Предприятие

Индивидуально

Без ограничений

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

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


Вывод

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

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

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

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

30 июля
  • Саппорт 8
  • Технологии 8
  • Эффективность 8
  • Надежность 8
Мне нравится в InVision все

Плюсы: Мне нравится в InVision все. Прост в использовании, легко добавлять файлы дизайна и создавать макет за считанные минуты

Минусы: Ничего особенного. Это просто работает. Я не могу придумать, что сказать плохого

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 7
  • Технологии 7
  • Эффективность 8
  • Надежность 8
Начать работу над дизайном действительно легко

Плюсы: Начать работу над дизайном действительно легко. Совместимость между it и Sketch позволяет вам использовать единый дизайн и сотрудничать с командой даже из 5 дизайнеров и редакторов, пока у вас не получится идеальный продукт.

Минусы: сначала оно было тяжелым для наших компьютеров, но сохраняло форму на компьютерах Mac os. Веб-версия отчасти компенсирует все это, так что да, оно работает так, как нужно.

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 8
  • Технологии 7
  • Эффективность 8
  • Надежность 7
Ключевым преимуществом использования InVision для нас всегда была его простота.

Ключевым преимуществом использования InVision для нас всегда была его простота. Вы просто экспортируете файлы, импортируете в InVision, щелкаете-щелкаете-щелкаете, и ваш прототип настроен. Особенно когда они выпустили интеграцию со Sketch и устранили часть "клик-клик-клик". Красивые. Делиться ими и комментировать также очень удобно, все происходит в одном месте, и проекты продолжают развиваться.

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 7
  • Технологии 7
  • Эффективность 7
  • Надежность 7
Этот инструмент помог мне успешно и точно представить и объяснить дизайн

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

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 8
  • Технологии 8
  • Эффективность 7
  • Надежность 8
Я использую это приложение для каждого своего проекта.

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

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 8
  • Технологии 8
  • Эффективность 8
  • Надежность 8
Invision понравилась мне с первого дня

Invision понравилась мне с первого дня, когда на рынке было не так много вариантов создания прототипов. Главным выигрышем Invision на тот момент был пакет "все в одном", в котором были создание прототипов, совместная работа (от руки invision) и обмен спецификациями с помощью Inspect. Однако в invision в недавнем прошлом не было серьезных улучшений или дополнений. В целом, это отличный инструмент для любого, будь то новичок или профессионал.

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 6
  • Технологии 7
  • Эффективность 6
  • Надежность 6
Этот инструмент потенциально может быть очень хорошим

Этот инструмент потенциально может быть очень хорошим. Что мне нужно, так это легко публикуемые снимки дизайна в данный момент, которые нельзя переопределить. например, это был X design в 14: 35 в четверг. Тогда мы знаем, что работаем с правильным дизайном, и можем проверить его и использовать. Это должно быть быстрее.

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 7
  • Технологии 7
  • Эффективность 7
  • Надежность 7
Идеально подходит для создания интерактивных прототипов

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

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 8
  • Технологии 7
  • Эффективность 8
  • Надежность 7
InVision становится нашим основным приложением.

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

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

30 июля
  • Саппорт 7
  • Технологии 8
  • Эффективность 8
  • Надежность 7
Мы можем быстро создавать прототипы полноценных сайтов

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

Этот отзыв отражает субъективное мнение пользователя, а не официальную позицию редакции.

Оставить отзыв

17 сентября 2024
Саппорт
Технологии
Эффективность
Надежность

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


Залиться в плюс