Что такое концепция сайта
Как сделать дизайн-концепцию сайта, если вы новичок
Клиент просит создать дизайн-концепцию сайта, а вы не знаете, с чего начать? Рассказываем, как выполнить задачу и впечатлить заказчика.
Чаще всего заказчики просят создать дизайн-концепцию сайта, чтобы убедиться в том, что исполнитель правильно понял задачу и в визуальной части макета не будет неприятных сюрпризов.
Что такое
дизайн-концепция
сайта
Дизайн-концепция — набросок того, как должен выглядеть сайт, сделать его нужно быстро, это не полноценный макет. Концепция создается уже после утверждения прототипа. Прототип демонстрирует структуру страницы, а концепция показывает, как сайт будет выглядеть в результате работы.
Концепция помогает построить диалог между дизайнером и заказчиком — дизайнер знает, что ему делать дальше, а клиент уверен в том, что работа ведется в нужном направлении.
Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.
Этапы разработки
дизайн-концепции сайта
Работа над концепцией делится на четыре стадии: предварительный анализ, разработка, получение фидбека и доработка идеи. У каждого есть свои особенности, которые важно учитывать.
Создание брифа
Бриф нужен, чтобы понять, что от вас ждет заказчик и какой визуальный стиль лучше всего подойдет для бизнеса клиента. Работа над концепцией начинается с разговора с клиентом и заполнения брифа на создание сайта. Пример качественного брифа можно посмотреть на сайте CreativePeople.
На встрече обязательно уточните, есть ли у клиента брендбук (утвержденный набор стилей и графических элементов, которые используются во всех материалах клиента). Если да, то вам нужно будет учитывать его при создании цветовой схемы сайта, типографики, иконок и других элементов оформления.
Изучение целевой аудитории
Очень важно выяснить целевую аудиторию сайта: спросите об этом заказчика. Если клиент не может предоставить вам информацию, потратьте немного времени на изучение конкурентов. Так вы лучше сможете понять, какую концепцию нужно создать, какие элементы обязательно добавить и какую стилистику выбрать.
Подготовка мудборда
Как только вы разобрались с брифом и поняли, что хочет получить клиент, нужно подготовить мудборд — подборку референсов, изображений, графических элементов и шрифтов, которые могут быть использованы при работе над дизайном. Мудборды помогают согласовать концепцию сайта с заказчиком и объяснить ему, как будет выглядеть сайт. Для создания мудборда лучше всего подходит Pinterest. Советуем поискать не только сайты на такую же тематику, что у вашего клиента, но и затронуть смежные сферы.
После подготовки мудборда встретьтесь с заказчиком и обсудите идеи. Это поможет понять, в том ли направлении вы двигаетесь, и продемонстрирует клиенту вашу заинтересованность в проекте.
Разработка дизайн-концепции сайта
Проведя пару часов за поиском примеров, дизайнер уже представляет себе, как должен выглядеть сайт. Если у вас уже есть утвержденный прототип, то лучше всего применить свои наработки к нему, чтобы сразу показать клиенту, что он получит.
Если прототипа нет, нужно потратить немного времени, чтобы продумать структуру главной страницы. Все детали вы сможете проработать, когда клиент утвердит концепцию.
Концепция сайта: как и зачем её создавать
Концепция сайта — это первый результат дизайна сайта в широком смысле этого слова (в дальнейшем я буду употреблять его именно так, понимая под ним процесс проектирования и создания сайта). И первое, что, на наш взгляд, необходимо оценивать (не в коммерческом смысле этого слова, а в смысле «получить качественную оценку»).
В прошлой статье про обработку результатов исследования я предложил следующее содержание концепции: каким будет сайт, чем он будет отличаться от конкурентов, каковы будут этапы развития сайта. Далее я расскажу, зачем, на наш взгляд вообще нужна концепция, в чём польза от её создания, как она влияет на процесс, а также как её оценивать.
Задачи концепции
Об оценке идей я расскажу подробнее далее в разделе «Оценка концепции».
Формирование идеологической базы — вещь исключительно важная как для результата, так и для процесса. Общее видение довольно трудно потрогать, проверить или измерить, но его отсутствие очень хорошо ощущается на важных этапах создания сайта: проектировщик создаёт не те функции, дизайнер рисует не то, что нужно.
Ключевые моменты при создании концепции
Поскольку концепция — это начало дизайна, главной её задачей является формулировка базовых идей и гипотез. После неё следует моделирование — синтез идей и выработка решений. Этот процесс аналогичен работе мозга, который сначала получает и анализирует информацию, а потом отдаёт указание нам действовать тем или иным образом.
Детали в концепции имеют второстепенное значение, если только они не определяют бизнес-логику. Например, в концепции сайта бутика ХХХ нам не важно, как будет устроен поиск в каталоге или какие характеристики будут у товара. Важно, что каталог будет разделён на две принципиально разные категории — для мужчин и женщин, и что товар надо показать максимально красиво (требование к качеству фотографий и интерфейсу в виде идеи).
Более того, необходимо отдавать себе отчёт в том, что часть концепции будет постулировать основополагающие вещи, а другая часть — гипотезы, которые нам предстоит проверить, в том числе на этапе тестирования концепции, а затем в дизайне и в процессе работы сайта. Например, в концепции сайта бутика ХХХ мы предполагаем, что посетители будут пользоваться предзаказом одежды, и предлагаем им такую возможность. Будут ли они — покажет только время. На решение основных задач сайта это вряд ли повлияет: всё равно покупка делается в бутике, а не на сайте, а задача сайта — привести человека в бутик.
Так как концепцию будут читать клиент и будущие пользователи, её нужно писать на их языке и никак иначе. Старайтесь избегать любых технических или специальных терминов, пишите просто и бодро, чтобы её можно было дочитать до конца, не делая над собой усилие. Иначе вы не получите правильный отклик.
Мы не можем точно сказать, насколько эффективным будем следующий совет, но нам он точно помогает. При создании концепции подключите ещё одного проектировщика или просто человека из вашей команды и проведите мозговой штурм, в результате которого вы: а) сформируете набор идей; и б) отберёте наиболее подходящие идеи. На наш взгляд, такой подход позволяет избежать замыленности взгляда основного проектировщика, особенно, если новый проект похож на один из предыдущих, что случается не так и редко.
Оценка концепции
Зачем это нужно?
Я советую проверить вашу концепцию на реальных пользователях сайта, с которыми вы проводили интервью в процессе исследования. Зачем?
Во-первых, это даст вам полезную обратную связь о том, учли ли вы их главные пожелания, такой ли сайт им нужен. Это не следует учитывать буквально, но принять к сведению стоит.
Во-вторых, вы получите эмоциональный отклик на ваши идеи. Эмоциональная составляющая крайне важна для оценки сайта, каким бы содержательным и функциональным он не был, как бы прекрасно он не решал задачи. Особенно это касается прекрасной половины ЦА.
В-третьих, вы таким образом покажете своё уважение — что вам важно мнение пользователя и вы готовы его учитывать, — что будет очень полезно на этапе реального тестирования сайта, когда вам потребуются мотивированные (и, желательно, бесплатные) пользователи для последующего тестирования готового сайта.
Что мы хотим услышать
Предъявлять концепцию необходимо, как минимум, двум сторонам — клиенту и пользователям; в ряде случаев — экспертам.
От клиента мы ждём, что он утвердит общие идеи, то, как мы будем решать его задачи. Как правило, поскольку проектирование идёт в очень тесном взаимодействии с клиентом, разногласий по концепции не возникает. Фактически, мы просто делаем контрольную проверку, чтобы не сделать серьёзную ошибку (а простые ошибки легко исправляются в процессе прототипирования и разработки).
От пользователя мы ждём примерно того же, но нас уже интересует, решает ли предложенная концепция их задачи, как они её оценивают эмоционально, нравится ли она им.
От эксперта мы ждём, что он оценит соответствие концепции текущей ситуации (на рынке, в среде существования проекта) и её перспективность.
Как проводить оценку
Оценка концепции, прежде всего, отвечает на вопрос «Это лучший способ решения наших задач?». Выглядеть она, на наш взгляд, должна следующим образом.
Для начала узнайте, как лучше воспринимают информацию ваши респонденты — на слух или в виде текста. Спросите это прямым текстом — как правило, люди знают об этом — или же проанализируйте свои наблюдения во время интервью. Далее выдайте визуалам текст концепции, а аудиалам — прочитайте её.
После необходимо задать ряд вопросов, которые с одной стороны покажут отношение к концепции, с другой проверят информацию, полученную в результате исследования.
Важный момент: целевые группы могут довольно сильно отличаться, поэтому им, возможно, понадобится давать на оценку разные части концепции, которые имеют отношение именно к ним.
Что делать с полученным откликом
Отклик от клиента невозможно проигнорировать. Во-первых, потому что иначе он не примет у вас работу. Во-вторых, если вы не решаете задачи клиента, то зачем вы делаете сайт?
Отклик от пользователя — тут всё намного сложнее. Если пользователи критикуют (не принимают) какую-то идею, это не означает, что не надо её реализовывать. Но необходимо учитывать, что первая реакция при посещении сайта будет именно такой, и что, возможно, эту идею необходимо посетителю обосновать, указать на её полезность.
Отклик от эксперта важен для понимания, насколько проект современен, насколько он отвечает требованиям среды, чем выделяется среди конкурентов. Например, если задача отстроиться от конкурентов стоит, а по результатам опроса экспертов оказывается, что проект ничем не отличается или отличается в худшую сторону, это повод внести изменения в концепцию.
Разработка концепции сайта
Содержание статьи
Любой сайт должен выполнять коммерческие задачи и приносить компании прибыль. Для этого он должен быть стильным, «попадать» в целевую аудиторию и приносить пользу клиенту. Можно сделать сайт, и разбираться с проблемами в ходе его работы. Принцип учения на своих ошибках. А можно учиться на ошибках других, предусмотреть их и сделать проект, который сразу попадает в цель. Для этого разрабатывается концепция сайта, которая помогает четко понимать, как развиваться, удовлетворять потребности клиентов и продвигать бренд.
Что такое концепция сайта
Концепция сайта – это своеобразный документ, определяющий путь развития веб проекта. Он включает в себя анализ рынка, конкурентов, целевой аудитории, товарные предложения и массу других исследований. Опираясь на собранные данные, создается техническая концепция сайта, позволяющая сформировать единый образ и видение проекта. В таком случае веб ресурс создается с учетом всех требований, и полностью ориентирован на целевую аудиторию.
Разработка концепции нужна для того, чтобы в дальнейшем подготовить техническое задание, как на создание дизайна, так и на написание кода. Специалисты, опираясь на концепцию, четко понимают свои задачи, так как есть явное представление, как должен выглядеть сайт, какой функционал будет и так далее.
Описание будущего веб-проекта
Концепция сайта состоит из нескольких этапов. Главная ее задача заключается в формировании общего видения проекта. По сути, это подробное описание будущего веб-сайта. На финальной стадии можно будет сравнить реальные результаты с заложенной концепцией. Естественно, они должны полностью совпадать.
Маркетинговая концепция сайта подразумевает полный анализ, а также подбор необходимых инструментов. Чем подробнее описывается будущий проект, тем меньше будет правок и неточностей.
Определение стиля веб-дизайна сайта
Стиль веб-дизайна моментально взаимодействует с целевой аудиторией. Посетитель тратит секунды на то, чтобы понять, хочет ли он оставаться на этом сайте, или нет. Он формирует дальнейшее отношение к компании, бренду и его качеству, опираясь только на визуальную составляющую и удобство использования.
Чтобы дизайнер смог воплотить и реализовать все идеи, их нужно сначала правильно сформулировать. Как раз это и делается в ходе продумывания концепции сайта. В ходе разработки стиля используются маркетинговые инструменты, позволяющие точно подобрать дизайн, удовлетворяющий потребности целевой аудитории.
Что такое дизайн концепция сайта
Графическая концепция сайта, или дизайн-концепция – это набросок, показывающий, как именно должен выглядеть сайт. Стоит отметить, что это не полноценный макет или прототип. Прототип показывает структуру страницы, расположение элементов, а концепция определяет, как web-сайт будет смотреться в ходе работы.
Главная задача – визуальная подача информации, позволяющая наладить диалог между владельцем сайта и дизайнером. Имея графическую концепцию сайта, дизайнер четко понимает, что от него хотят и каких результатов ожидают. А владелец сайта сразу видит, что должно получиться в итоге, и что работа ведется в нужном направлении.
Этапы разработки дизайн концепции сайта
Существует несколько этапов создания концепции. Что входит в разработку: создание брифа, подробное изучение целевой аудитории, разработка мудборда. И только потом создается виузальная часть и продумывается графическая концепция сайта. На каждом этапе собираются необходимые данные, формируется общее видение позиционирования бренда, и все формируется в единую концепцию.
Создание брифа
Первоначально нужно обсудить с заказчиком все детали и понять, как он видит свой будущий web-сайт. Для этого создается бриф – техническая документация, своеобразная анкета, в которой прописываются все важные аспекты.
Если у компании есть брендбук, его стоит изучить в ходе составления брифа. В таком случае сайт будет оформлен в фирменном стиле с соблюдением всех дизайн требований. В ходе разработки брифа ставятся основные цели и задачи.
Изучение ЦА будущего сайта
Маркетинговая концепция сайта является важной составляющей для создания эффективного веб-ресурса. Изучение целевой аудитории – «кит», на котором стоит весь маркетинг. Необходимо собрать всю информацию о клиентах, конкурентах, изучить подробно рынок. Целевая аудитория – это основной ресурс, который бренд монетизирует. Но только в том случае, если ЦА правильно подобрана.
Подготовка мудборда
Мудборд – это подборка графических элементов, различных изображений, цветов, референсов и прочих элементов, которые помогают дизайнеру сформировать визуальный вид. По сути, производится разработка креативной концепции сайта. Дизайнеры используют различные инструменты для подбора элементов. В том числе, опираясь на конкурентов, целевую аудиторию и прочие собранные данные. Мудборд помогает заказчику четко увидеть, как будет выглядеть его будущий сайт, а также сформировать концепцию.
Разработка концепции дизайна в зависимости от его тематики и вида
По сути, это и есть графическая концепция сайта. На этом этапе, когда собраны все данные, создан мудборд, у дизайнера формируется видение целостной картины. Если уже есть готовый прототип, можно сразу на нем показать будущую стилистику и концепцию. Если его нет, он обязательно создается после создания концепции. После утверждения к работе приступают программисты, а дизайнер из набросков и общего видения начинает формировать рабочий сайт.
Подготовка прототипов сайта
Прототип сайта – это инструмент, инструкция, с которым в дальнейшем работает дизайнер и программисты. Чем он отличается от концепции? Прототип содержит четкие данные об интерфейсе, размещении элементов и их внешнем виде. Вот, хороший пример для сравнения: прототип – это чертеж, а концепция – эскиз. Вроде выглядят похоже, но разница колоссальная.
В ходе разработки прототипа UI/UX дизайнеры продумывают каждую мелочь: размещение кнопок, удобство использования полей, размещение контента. В дальнейшем прототип выступает в качестве четкой инструкции к действию как дизайнеров, которые реализуют визуальную составляющую, так и программистов, которые сделают визуал активным и кликабельным.
Подбор функциональных модулей
Техническая концепция сайта подразумевает проработку функциональных модулей. По сути, это технические возможности сайта, позволяющие сделать ресурс удобным и полезным для клиентов. В концепции закладываются основные идеи, которые помогут сделать сайт наиболее комфортным и полезным для целевой аудитории.
Почему важно проработать функциональные модули на этапе разработки концепции сайта? Чтобы в дальнейшем не пришлось вносить дорогостоящие коррективы. К примеру, интернет магазин нуждается в корзине, кнопке «Купить» и хорошей карточке товара. Все это продумано заранее. Но не учтено, что магазин продает в другие страны. Чтобы сделать его мультиязычным, потребуется значительно дорабатывать сайт. Это влечет дополнительные расходы и трату времени. Если же это первоначально заложено в концепцию, то реализация данного функционала обходится гораздо дешевле.
Разработка технического задания сайта
После четко сформулированной концепции сайта, согласования каждого этапа со стороны компании, формируются технические задания. Это детальный план работ с подробными и четкими инструкциями, которые используют специалисты.
Техническое задание формируется, опираясь на разработанную ранее концепцию веб проекта. Это помогает не только быстрее и качественнее составить ТЗ, но и исключить ошибки, недопонимания и сократить количество правок. В итоге сохраняется время, деньги и нервы.
Стратегия развития
Помимо технической составляющей, визуального оформления сайта, необходимо продумать план продвижения. Еще на этапе создания проекта нужно тщательно продумать, какие инструменты будут использоваться для развития компании, повышения узнаваемости и популярности. Маркетинговая концепция сайта подразумевает проработку стратегии продвижения, так как часть инструментов необходимо интегрировать на сайте.
Контент-маркетинг, рекламные кампании, программы лояльности – все это продумывается еще на этапе разработки сайта. С момента запуска ресурса все инструменты для развития бренда онлайн должны уже работать. Если они не заложены в концепцию заранее, компания теряет драгоценное время, а стоимость стратегии развития возрастает. Чтобы избежать этого, нужно при формировании концепции сайта продумывать четкий план развития.
Заключение
Концепция веб проекта – это необходимый инструмент, который позволяет составить четкое видение сайта, понимание целевой аудитории, ее потребностей. Концепция позволяет сделать сайт, который будет полностью соответствовать ожиданиям клиентов и отлично работать. Это очень важный этап разработки сайтов, без которого нет четкого понимания, куда двигаться и как реализовывать проект. Именно поэтому важно разрабатывать концепцию и следовать намеченным целям.
Создание web-сайта включает в себя разработку дизайна, верстку станиц, программирование, тестирование. Профессиональная разработка нового сайта или доработка уже существующего положительно повлияют на показатель конверсии благодаря улучшению качества сайта.
Концепция web-проекта или почему мы убиваем свои идеи?
Для начала немного статистики…
Важный момент: В статье речь идёт о первых или «зелёных» проектах, которые делают люди не имеющие должного опыта в их реализации.
Сразу скажу, откуда Я взял эти цифры – это моя личная статистика за 1,5 года. Я сам ранее занимался разработкой и реализацией крупных web-проектов для одной российской корпорации, поэтому испытываю профессиональный интерес ко всем новым идеям, которые можно встретить на просторах сети.
В анализе участвовало на момент написания данной статьи 54 проекта. Среди идей проектов встречаются и банальные социальные сети и браузерные MMORPG, ничем не отличающиеся от других, и действительно стоящие и инновационные экземпляры. Но давайте перейдём к цифрам, они сами скажут за себя.
Замечание: доли округлены, статистика представлена в виде среза по 54 проектам, мой собственный проект в статистике не участвует.
Какое состояние проекта на текущий момент?
Активно развивающихся проектов, с более-менее сложенной командой, ровно один (2%). Данный проект существует около года.
Проектов, которые, то работают, то простаивают по тем или иным причинам – 3 (6%). Один из них в таком «вялом» режиме находится уже почти полтора года. Несмотря на низкую скорость развития этих проектов, сказать, что они провалены и не развиваются, нельзя.
Остальные полсотни проектов (92%) «умерли» (проект не реализовался или у него нулевая посещаемость) по разным причинам.
По какой причине был закрыт проект?
4 проекта (7%) действуют. Я привел их в этой диаграмме для получения среза по всем проектам.
У 12 проектов (22%) нет своей идеи. Эти проекты копируют существующие web-проекты с некоторыми изменениями. Среди них социальные сети, много браузерных игр и несколько онлайн-сервисов.
15 проектов (28%) не сумели создать команду или автор проекта не сумел найти людей готовых воплотить задумку в жизнь. Максимальное развитие данных проектов заканчивалось на организации сайта проекта, обычно очень корявого.
5 проектов (9%) были закрыты по причине отсутствия денег на развитие. По крайне мере, так уверяют авторы.
Остальные 18 web-проектов (34%) «канули в лету» по неизвестной мне причине. Авторы этих проектов на попытки связаться с ними никак не реагируют.
В принципе всё предсказуемо, но перейдём к следующему вопросу.
Имеется ли у проекта адекватно оформленная концепция?
Адекватно оформленная концепция есть только у 1 проекта (2%). И угадайте, в каком состоянии находится этот проект? Он активно развивается.
У остальных концепция либо крутится в уме автора, либо выражена в 5-10 предложениях.
Думаю тут и без комментариев всё понятно. Корень зла найден… Теперь предстоит обрубить его и рассказать, что же такое концепция проекта.
Что такое концепция?
Концепция (от лат. conceptio — понимание, система) — определённый способ понимания (трактовки, восприятия) какого-либо предмета, явления или процесса; основная точка зрения на предмет; руководящая идея для их систематического освещения. (Wikipedia)
Говоря по-простому, концепция – это система опорных точек построения готового продукта, документально описанная и позволяющая достичь результата без дополнительных данных. Это идея проекта и инструкция, как воплотить эту идею в жизнь, записанная на бумаге или другом носителе информации.
Что бы избежать лишней писанины, Я подготовил шаблон концепции web-проекта. Естественно, Вы можете изменить его под свои нужды. Я, лично, оформляю концепцию по старинке, то есть на бумаге. Например, текущий мой проект выглядит так:
Конечно, концепция проекта — это понятие абстрактное, строящиеся на уровне структуры и идей. Концепция, по своей природе, не должна содержать ничего лишнего, но она тесно переплетена с технической реализацией. Для работы с такой идеальной концепцией нужно хорошее знание технической базы. У людей, которые впервые решили создать свой web-проект, таких знаний обычно нет, поэтому в моём варианте концепции Вы встретите многие критические технические моменты, на которые следует обратить внимание.
Содержание концепции web-проекта с описанием отдельных пунктов
Название проекта
Тут всё понятно. Как корабль назовёшь, так он и поплывёт.
Цель проекта
Вспоминаем дипломную работу в институте и пишем нечто подобное. Это необходимо для четкого понимания того, для чего этот проект затевался. Напомню, цель отображает желаемый результат. Например: создание и реализация браузерной MMORPG «Кирпичи», получения дохода от рекламы и продажа проекта.
Задачи проекта
Аналогично предыдущему, вспоминаем диплом. Это нужно для понимания того, как этот проект осуществить. Напомню, задачи отображают действия, которые необходимо проделать для достижения результата. Например: исследовать рынок браузерных MMORPG, разработать программный код, протестировать сервис.
Участники проекта
В этом пункте ФИО всех, кто участвует в создании проекта. Совет на будущее: используйте свои реальные ФИО, так как иначе потом трудно доказать, что, например, «Зафорд Библброкс», который писал программный код это Вы.
Сроки проекта
Здесь все начинающие (и даже опытные) разработчики делают ошибку. Выделяйте на разработку в два раза больше времени, чем Вам кажется.
Логотип и девиз
Тут тоже всё понятно.
Описание проекта
Напишите несколько абзацев текста, описывающих ваш проект, подчеркивающих его достоинства. Пишите понятно и главное увлекательно. Потом пригодится для привлечения инвесторов или покупателей.
Отличительные особенности проекта
Все особенности вашего проекта. Если Вам нечего сюда писать, кроме как — «этот проект лучший, так как мой», то можете на этом заканчивать свою деятельность web-разработчика.
Целевая аудитория
Опишите людей, для которых пишется проект. Например: продавцы леса города Биробиджан.
Концепт-арт проекта
Здесь приводятся эскизы всех страниц проекта, а не только первой. У меня это выглядит примерно так:
Остальное
Конечно, концепция web-проекта не ограничивается только приведёнными мной пунктами. Сюда нужно добавить детальное описание каждого момента и функциональности проекта.
В заключение
Может получиться, что документации будет не один листок бумаги (у моего текущего проекта 38 листов А4) и писать Вы её будете очень долго (Я писал 2 месяца), но оно этого стоит. Концепция – это ваша опора на пути к реализации вашего проекта. Помните: отсутствие концепции – это «убийство» вашей идеи.
И напоследок, общие советы и дополнительные статьи по тематике управления проектами: