WYSIWYG (произносится как wiz-ee-wig) — это аббревиатура значит «что видишь, то и получаешь», тип конструктора, который использует визуальную разработку для создания программного no-code обеспечения.

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

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

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

Типы редакторов WYSIWYG

  • конструкторы веб-сайтов и системы управления контентом (CMS), такие как Wix и WordPres. Существуют также более сложные HTML-редакторы WYSIWYG, которые помогают в веб-разработке (например, Adobe Dreamweaver).
  • конструкторы приложений (Glide и FlutterFlow) могут создавать веб- и мобильные приложения, которые предприятия используют для управления рабочими процессами.
  • текстовые процессоры, такие как Microsoft Word и Google Docs, являются широко используемыми редакторами форматированного текста, в которых можно видеть конечный результат по мере ввода документа.
  • платформы электронного маркетинга (MailerLite и Mailchimp) применяются для создания контента электронной почты и отправки писем: от рекламных бюллетеней до электронных сообщений о брошенных корзинах для увеличения конверсии.
  • конструкторы форм, такие как Jotform и Typeform, можно использовать для записи на встречи, сбора отзывов, регистрации на мероприятия и проведения опросов.

Ключевые особенности редактора WYSIWYG

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

Несмотря на некоторые различия, есть определенные основные элементы, которые схожи во всем программном обеспечении WYSIWYG:

  1. Готовые компоненты. Редакторы WYSIWYG предлагают готовые к использованию элементы дизайна и контента, которые можно добавить в конечный продукт (текстовые поля, рамки изображений, кнопки и вставки видео).
  2. Функциональность перетаскивания. Вы можете легко разместить эти предварительно созданные компоненты, перетащив их из интерфейса инструмента в макет вашего приложения. Это будет выглядеть как переключение между вариантами (например, выбор между флажком или переключателем).
  3. Предварительный просмотр в реальном времени. Редактирование WYSIWYG происходит в визуальном интерфейсе. Это означает, что вы видите, как будет выглядеть окончательный результат во время создания продукта, и можете вносить изменения в режиме реального времени.
  4. Интеграция с другими инструментами. Большая часть ПО WYSIWYG совместима с API и сторонними сервисами. Это позволяет добавить расширенную функциональность конечному продукту (возможность обработки платежей, отправки электронных писем и реализации расширенной аналитики), который смогут создать пользователи.
  5. Источники данных. Редакторы WYSIWYG помогают легче управлять данными и визуализировать их с помощью диаграмм и информационных панелей. Они так же способны подключаться к различным источникам информации (базы данных SQL и электронные таблицы).

Итоги

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

Благодаря технологиям, которые позволяют выполнять ранее недоступные задачи, изучение редактирования WYSIWYG может способствовать карьере разработчиков и давать им доступ к большему количеству инструментов!