Улучшите пользовательский опыт и удобство работы с помощью дизайна, ориентированного на контент

Улучшите пользовательский опыт и удобство работы с помощью дизайна, ориентированного на контент
Улучшите пользовательский опыт и удобство работы с помощью дизайна, ориентированного на контент
Anonim

Контент - одна из самых важных частей вашего сайта.

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

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

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

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

Почему «в первую очередь контент», а не «дизайн в первую очередь»

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

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

Ожидание завершения дизайна в первую очередь приводит к ошибочному процессу редизайна веб-сайта.

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

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

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

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

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

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

Избегайте lorem ipsum (фиктивный контент)

Многие компании используют тактику при разработке своего веб-сайта: временно использовать Lorem Ipsum или любой фиктивный текст-заполнитель в качестве замены контента.

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

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

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

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

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

Если это ваш случай, попробуйте одно из этих решений, чтобы и вам, и вашим дизайнерам было над чем поработать

Дизайн с прото-контентом

Поскольку идеальный контент на ранних этапах получить сложно, нам нужно что-то другое, что может заменить его, что-то лучше, чем пустой текст.

И здесь на помощь приходит использование прото-контента. Прото-контент - это контент в документе Google/Word или текстовом файле, который имеет базовую структуру контента, который вы надеетесь разместить на своем сайте.

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

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

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

Если компиляция по-прежнему займет слишком много времени, вы всегда можете создать дизайн, используя текущий контент сайта.

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

Не можете получить контент? Дизайн с использованием контента конкурентов

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

Вы меня правильно поняли. Знаете конкурента, сайт которого вы тоже хотите воплотить в своем дизайне? Зайдите на их сайт и проанализируйте, как они излагают свой контент.

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

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