{"id":14276,"url":"\/distributions\/14276\/click?bit=1&hash=721b78297d313f451e61a17537482715c74771bae8c8ce438ed30c5ac3bb4196","title":"\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043b\u044e\u0431\u043e\u0439 \u0442\u043e\u0432\u0430\u0440 \u0438\u043b\u0438 \u0443\u0441\u043b\u0443\u0433\u0443 \u0431\u0435\u0437 \u0431\u0438\u0440\u0436\u0438","buttonText":"","imageUuid":""}

Почему structura.app бесполезный сервис? Объясняю с примерами

Привет! Это как всегда Дима из “Эй, стартапер”!

Разберем сегодня сервис structura. app для создания прототипов, и почему он полностью бесполезный. Скинули сервис в чат прототипировщиков (люди, которые делают прототипы сайтов) , вот вам некоторые комментарии оттуда на затравку:

  • “не прототип даже с технической части, если смотреть по UX”
  • “там можно собрать примитивный варфрейм, это не называется прототипом”
  • “прототип за 500 рублей”

Разберемся с понятиями

Варфрейм — это “скелет” сайта, на котором есть структура контента, взаимодействие элементов и их границы. Варфрейм показывает: что, где и как.

варфрейм сайта в Figma

Прототип — это черновой вариант сайта, на котором расположены элементы текста, баннеры, иконки и кнопки.

Часть прототипа в Axshare 

Мокап — графические наброски сайта, версия страницы приближенная к финальной.

Мокап сайта магазина женской одежды, автор: Paresh Khatri, сайт dribbble.com

Для чего нужен мокап:

  • визуализировать сайт
  • получить обратную связь по его дизайну
  • показать функционал сайта в статичном образе

Почему structura.app бесполезен

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

Почему сервис structura. app бесполезен для маркетолога?

Если коротко: этот сервис не создает прототипы, в нем можно собрать примитивный варфрейм с низкой детализацией.

У сервиса много “нельзя”:

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

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

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

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

Как выглядит полноценный прототип сайта

Пример прототипа для стоматологии

Полная версия прототипа по ссылке, сюда не влезла.

Что мы видим на прототипе:- разместили блок текста и картинки

- внизу расположили кнопку с CTA- текст написан с учетом ЦА

Это полноценный набросок первого экрана лендинга, на нем есть нужные блоки, кнопка, фото. Его можно отдать дизайнеру, показать клиенту.

Вот что выйдет, если соберем похожий прототип в сервисе structura.app

Аналогичный прототип, созданный в structura.app

Даже если озаглавить блоки, понимание не появится. При сборке элементов, например, нет отзеркаленного блока “текст+действие”, чтобы действие было слева, а текст справа. Варианта кнопки CTA снизу, а текста сверху — тоже нет. Нет блока фото врачей и текстом о них, блока кейсов. Непонятно, на какую ЦА рассчитан варфрейм. Его нельзя использовать на брейншторме с командой, в бесплатной версии можно сделать только один проект.

Немного саморекламы

Лучше делать прототип сайта в Figma, Axshare. За сайтом можно обратиться к нам в “Эй, стартапер! ”. Сайт создается в 6 этапов (6, Карл!) , каждый этап согласовываем с клиентом.

Наше бюро в Tелеграм:

Телеграм-канал youngfounder

Щепотка юмора, рассказываем как развиваем "Эй, стартапер!", разбираем совсем начинающие стартапы.

0
5 комментариев
Виктор Петров

Вы путаете термины. Прототип - это как раз то, что вы называете "варфреймом". Нету в вёрстке понятия такого, есть прототип: грубый каркас, блоки и сетка. Это ни в коем разе не набросок дизайна и не макет. Никакая детализация там не подразумевается, хотя бы ради того, чтобы не привязывать вёрстку к каким-то визуальным фишечкам.

Ответить
Развернуть ветку
Юрий

А вот тут вы не понимаете разницу варфреймов, прототипов. Разница есть и разница большая. Просто привыкли называть любую структуры страницы прототипом. Я и сам так называю клиентам , чтобы не путать им мозги. Но по факту это разные вещи. И этот сервис реально не сделает, то что можно сделать вручную. Плюс еще он паразитирует предлагает копировать структуры у конкурентов. Типа 5 минут и структура всех страниц готова. Нее, так не работает, если нужно не тяп ляп.

Ответить
Развернуть ветку
Боровков Евгений

Спасибо за упоминание сервиса :)

Это какая-то стратегия пиара на хейте чужих продуктов?

Ответить
Развернуть ветку
Виктор Петров

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

Ответить
Развернуть ветку
Дмитрий Сатаров
Автор

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

Ответить
Развернуть ветку
2 комментария
Раскрывать всегда