нашли баг? расскажите, что не так и на какой странице :)
Спасибо, что помогаете нам стать лучше!

Идея, вдохновляющие примеры и структура будущего сайта

Концепция. Мудборды. Составляем блок-схему сайта так, чтобы ей можно было пользоваться. Из каких страниц состоит любой проект.
Команда SVOEMEDIA
Последнее обновление: февраль 2020
модуль 4
Мы уже провели исследование себя, аудитории и конкурентов и готовы переосмыслить полученные данные: нет, все понятно, но что конкретно? Задача этапа — ответить на вопрос «Что делаем?». Сколько в нашем сайте будет страниц? О чем примерно будем на них говорить и почему? Результатом этого этапа должны стать описанная концепция, схема будущего сайта и техническое задание на тексты для автора.
Мы будем очень рады, если вы процитируете наш материал, но обязательно укажите активную ссылку на него. Спасибо!
Мы уже провели исследование себя, аудитории и конкурентов и готовы переосмыслить полученные данные: нет, все понятно, но что конкретно? Задача этапа — ответить на вопрос «Что делаем?». Сколько в нашем сайте будет страниц? О чем примерно будем на них говорить и почему? Результатом этого этапа должны стать описанная концепция, схема будущего сайта и техническое задание на тексты для автора.
Мы будем очень рады, если вы процитируете наш материал, но обязательно укажите активную ссылку на него. Спасибо!

Идея сайта

Все твердят: сайт начинается с контента, с прототипа. На самом деле это не совсем так. Сайт начинается с идеи и понимания структуры сайта.


Одностраничник — это на самом деле не одна страница, это:

1. Сам лендинг
2. Страница Ошибки или 404 страница
3. Страница Политики обработки персональных данных
4. Страница Публичной оферты (если вы планируете продавать с сайта)
5. Страницы успеха, на которых будет написано «Спасибо, что купили у нас курс».

ПРИМЕР СТРУКТУРЫ





Инструменты для работы над структурой лендинга:

Фигма

Realtimeboard

Бальзамик


Возможно, удобнее будет сначала набросать все карандашом на бумаге.

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

  • Кто

    (какие группы пользователей) продукт собирается помочь

  • Какие

    проблемы он собирается решить или какие потребности он собирается выполнить

  • Как

    (какими средствами) это будет сделано.

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

Основная цель процесса проектирования - не просто создавать красивые картинки или удовлетворять субъективные ощущения различных заинтересованных сторон. Основная цель - привести бизнес-цели клиента в соответствие с целями пользователей, предоставляя доступный, удобный и привлекательный продукт. Мы хотим сделать продукт, который не только выглядит великолепно, но, что более важно, также отлично работает и полностью соответствует ожиданиям пользователей (или даже превосходит их). Этап «Идея» помогает в этом, предоставляя клиенту необходимую информацию для принятия решения о будущей форме и направлении продукта. Это также приводит к подготовке результатов, которые будут служить якорем, чтобы держать всю команду на одной странице на каждом этапе пути.

Как управлять идеей и концепцией

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

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

  • Ценовое предложение Canvas,
  • Personas,
  • План обслуживания,
  • Карта путешествия клиента,
  • Пользовательские сценарии / истории,
  • Пользовательские потоки ... и многое, многое другое.
Желаемые результаты этого этапа

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

Вывод может быть в виде:

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

Вопросы, которые нужно задать себе на этом этапе

  • Учел ли я все данные, собранные на предыдущих этапах?
  • Удалось ли мне сформировать четкую концепцию Продукта в презентабельной форме?
  • Была ли концепция определена достаточно хорошо?
  • Я понимаю продукт и его особенности?
  • Я понимаю бизнес-цели продукта?
  • Принято ли Клиентом важное решение о направлении дальнейшего проектирования?
  • Понятно ли точно, какие проблемы каких групп пользователей будет решать Продукт?
  • Учитывает ли предлагаемое направление сроки Клиента и идею стоимости бизнеса?
Вопросы, которые может задать ваш клиент

QПочему вы должны тратить время на идеи и концепции, а не на дизайн?

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

QКак много времени это займет?

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

QКаковы результаты фазы идеи и концепции?

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

QМы не так много знаем! Есть ли смысл продолжать этот проект?

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

QКаковы преимущества Ideation & Concept?

Есть бесчисленные преимущества для этого этапа проекта. Некоторые из них включают в себя:

  • Было рассмотрено ценностное предложение продукта, и поэтому вероятность того, что пользователи сочтут его релевантным, будет увеличена.
  • Продукт будет основан на гипотезах и предположениях, которые были подтверждены достоверными данными; таким образом, существует более высокая вероятность того, что пользователи будут более удовлетворены решением.
  • Продукт будет основан не на одной идее, а на анализе множества возможных решений.
  • В начале этапа проектирования вы будете знать весь спектр возможных решений и сможете выбрать лучшие.
  • Вы сможете поделиться результатами этой работы внутренне и внешне (например, с инвесторами).
  • Этап разработки будет легче и быстрее, потому что многие важные вопросы уже были даны ответы.
  • Любой новый член команды сможет более легко и эффективно узнать всеобъемлющее видение продукта.
Все твердят: сайт начинается с контента, с прототипа. На самом деле это не совсем так. Сайт начинается с идеи и понимания структуры сайта.


Одностраничник — это на самом деле не одна страница, это:

1. Сам лендинг
2. Страница Ошибки или 404 страница
3. Страница Политики обработки персональных данных
4. Страница Публичной оферты (если вы планируете продавать с сайта)
5. Страницы успеха, на которых будет написано «Спасибо, что купили у нас курс».

ПРИМЕР СТРУКТУРЫ





Инструменты для работы над структурой лендинга:

Фигма

Realtimeboard

Бальзамик


Возможно, удобнее будет сначала набросать все карандашом на бумаге.

Все твердят: сайт начинается с контента, с прототипа. На самом деле это не совсем так. Сайт начинается с идеи и понимания структуры сайта.


Одностраничник — это на самом деле не одна страница, это:

1. Сам лендинг

2. Страница Ошибки или 404 страница

3. Страница Политики обработки персональных данных

4. Страница Публичной оферты (если вы планируете продавать с сайта)

5. Страницы успеха, на которых будет написано «Спасибо, что купили у нас курс».


ПРИМЕР СТРУКТУРЫ





Инструменты для работы над структурой лендинга:

Фигма

Realtimeboard

Бальзамик


Возможно, удобнее будет сначала набросать все карандашом на бумаге.



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

Исследование конкурентов. Кто делал до нас?

Кто такие конкуренты? Это те ребята, которые удовлетворяют ту же потребность, что и вы: продают похожий продукт, в той же географии, для той же аудитории.

Итак, разбираем по пунктам, в чем должна быть схожесть:
1) аудитория,
2) потребность / продукт,
3) география.
Конкуренты — это те, с кем вы делите одни и те же деньги. Покупают либо у вас, либо у них.
Например, вы хотите открыть интернет-магазин с товарами высокого качества для кошек в Москве.
Потребность аудитории: уход за питомцем.
Ваши конкуренты: магазины для кошек (1 — продают все, 2 — продают только премиум-товары), магазины для других животных, специалисты по какому-нибудь кошачьему премиум-уходу... Если они продают свои продукты или услуги в Москве — они ваши конкуренты.

Или вы собираетесь провести конференцию в Новосибирске для рынка e-commerce.
Потребность аудитории: узнать о трендах и новых инструментах рынка, получить новые связи, увеличить свой доход, применив полезные знания.
Ваши конкуренты: мероприятия по этой теме, онлайн-школы или курсы по этой теме, аналитики рынка... И не только в Новосибирске, если вы планируете привлекать участников, например, со всего региона.
С какими заблуждениями про конкурентов мы обычно сталкиваемся:
Заблуждение 1: «У нас нет конкурентов, потому что мы такие классные, что за конкурентов никого не считаем».
Здоровые амбиции — это всегда хорошо, но не стоит пренебрегать конкурентами и не обращать внимание на компании, делящие с вами один пирог. То, из-за чего вы не считаете кого-то способным с вами соперничать — это ваши преимущества и ваши отличия, но это не означает, что кроме вас больше никого нет, как и не означает, что вы не должны за ними наблюдать. Если они поумнее, то уже изучили вас вдоль и поперек и готовят ответный удар вашей уникальности.
Заблуждение 2: «У нас нет конкурентов, потому что ниша очень узкая и в ней больше никто не работает» или «Наш продукт такой уникальный, что никто больше до этого не додумался».
А кто из участников рынка закрывает ту же потребность, возможно, другим методом? По сути, вы делите с ними одну и ту же аудиторию. Не важно, начинающий ли это проект или проект, на ваш взгляд, «несерьезный». Если у них покупают ваши клиенты, то надо понять — почему.
Заблуждение 3: «У нас нет конкурентов, потому что мы их всех знаем и с ними давно дружим».
Однако все же есть компании, попадающие под определение ваших конкурентов? Если ваш рынок позволяет не враждовать с соперниками — это здорово, но главное, чтобы не в ущерб делу. Дружите, но изучайте и записывайте их в таблицу, о которой расскажем ниже.
Конкурент — это тот, кто работает на рынке, удовлетворяя ту же потребность у той же аудитории, что и вы. Партнер — это тот, кто работает на вашем рынке и для той же аудитории, но не удовлетворяет такую же потребность.
Бывают исключения. Например, если мы и другая студия продаем один и тот же продукт, но за разную стоимость и с разным подходом (читай для другой группы аудитории). В этом случае мы можем действительно стать «партнерами» и делиться клиентами.
Отмечу, что это не рекомендация :)
Кроме тех конкурентов, кого вы и так знаете, обязательно изучите поисковую выдачу (чтобы не пропустить слона) и посмотрите, кто продает то же самое в соцсетях. И то и другое делается по ключевым словам.

Например, для сайта реставратора антикварной и старинной мебели в Москве такими запросами могут быть «антиквариат», «старинная мебель», а остальные подсказки можно узнать, проверив их через Яндекс.Вордстат (расширьте этот список). Список подсказок также проверьте в Facebook, ВКонтакте, Instagram. Посмотрите, какие компании рекламируются по этим запросам и/или появляются в топ-10 Яндекс и Google.

Добавьте ваши находки в таблицу ниже.

Нажмите на картинку, чтобы увеличить
Составьте сводную таблицу конкурентов и проанализируйте их по таким, например, вопросам:

— позиционирование;
— URL (адрес сайта);
— преимущества;
— основной призыв к действию;
— структура сайта;
— удобство сайта;
— продукты;
— их стоимость;
— какие этапы клиент проходит от знакомства до покупки;
— процесс покупки и оплаты;
— доставка;
— что происходит после покупки;
— как «удерживают» клиента, если он сомневается;
— как показана экспертность;
— сильные стороны;
— слабые стороны.

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

Сравните конкурентов с собой (первая колонка). Выделите, чем вы лучше? Что есть у вас, чего нет у них? Отметьте свои сильные и слабые стороны.
Можно ли менять/добавлять/убирать некоторые вопросы?
Да, конечно. Например, для уже упомянутого примера по конференции для e-commerce стоит рассмотреть дополнительные вопросы:
— каких экспертов привлекают конкуренты;
— какая у них программа;
— что входит в пакет участника;
— дополнительные бонусы.

Сколько должно быть конкурентов?
5-10 будет достаточно. Лучше возьмите меньше и обработайте их полностью, чем много и как попало.

Исследование аудитории. Для кого делается сайт?

Здесь следует вспомнить, что вы делаете продукт для клиента и в мире клиента. Кто ваша целевая аудитория? Чтобы определить ЦА, подумайте, что и от кого вам нужно. Например: «Научим кроить и шить творческих мамочек». Структура сайта будет зависеть в том числе от результатов исследования аудитории.

Изучите тематические форумы, почитайте комментарии, которые оставляют на сайтах конкурентов, погуляйте по профилям клиентов конкурентов в соцсетях.

Этот вопрос очень важный и сложный. Лучше всего устроить командный мозговой штурм, чтобы найти правильные вопросы для выделения групп аудитории.
Если вы в курсе о Методе персон, отметим: мы не очень хотим, чтобы вы привязывались к названиям методик (поэтому будем называть сегментированную аудиторию набором групп), чтобы вы не добавляли лишнюю информацию в исследование.
Как правило, вот так вот сходу нарисовать персону можно только если: а) делаешь персоны каждый день по долгу службы, б) просто повезло сразу попасть в точку. Обычно все готовые персоны, с которыми мы сталкиваемся при разработке, содержат много лишней информации. И чаще всего это не способствует более глубокому изучению персоны, а только путает, ведь это гипотеза (!), а мы бегаем и ищем мужчину-программиста 35 лет с айфоном и двумя собаками, совершающего пробежки по утрам. Не делайте так.
Вот какие вопросы мы считаем действительно важными при описании групп аудиторий в общем случае (набор этот может меняться):
В какой ситуации клиент интересуется продуктом?
Уровень экспертизы, опыт в теме (влияет на язык).
В чем сомнения при выборе? С какими сложностями сталкивается?
Какие вопросы задаст?
Чего ожидает от продукта?
Как ищет информацию?
А как делать? Как нарисовать классную табличку? Как понять, что может быть основой для сегментации, и как разделить аудиторию на группы, если не получается аналитически?

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

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

Провести сбор информации, подумать и проанализировать:

1. Заполнить информацию о себе и зафиксировать все важные данные и материалы.
2. Проанализировать конкурентов и составить сводный список.
3. Проанализировать аудиторию и выделить группы.
Иллюстрации: иконка для обложки — Freepik для Flaticon
comments powered by HyperComments
Хотите узнавать о новых модулях?
Понравилось? Делитесь с друзьями! Им полезно, нам — приятно
Подпишитесь в телеграм или по email
Заполняя форму, вы соглашаетесь на обработку персональных данных
нам нужна ваша куртка и мотоцикл — и вас переадресует на страницу с шаблоном
оставьте свою почту, чтобы получить шаблон (кроме этого, вам начнет приходить наш полезный дайджест — раз в месяц, не чаще)
нам нужна ваша куртка и мотоцикл — и вас переадресует на страницу с шаблоном
оставьте свою почту, чтобы получить шаблон (кроме этого, вам начнет приходить наш полезный дайджест — раз в месяц, не чаще)
нам нужна ваша куртка и мотоцикл — и вас переадресует на страницу с шаблоном
оставьте свою почту, чтобы получить шаблон (кроме этого, вам начнет приходить наш полезный дайджест — раз в месяц, не чаще)
Made on
Tilda