Иногда, чтобы по-настоящему понять, как работает сайт — лучше представить его не как набор кода и интерфейсов, а как живой офис. Да-да, тот самый: с кофемашиной, странными презентациями по понедельникам, и… Майклом Скоттом в главной роли.
Что, если каждую часть сайта представить как персонажа из сериала «The Office»? Не только ради развлечения, но и чтобы взглянуть на UX и структуру с неожиданной стороны. В стиле Borch.Digital — лёгко, метафорно, но с выжимкой смысла. Погнали!
Главная страница — это и есть Майкл Скотт
Кто такой Майкл? Директор, душа компании, импровизатор, который хочет быть любимым всеми. Он может быть навязчивым, перегруженным деталями, но за этим — искреннее желание произвести впечатление.
Точно так же работает главная страница. Она хочет сразу всё:
- «У нас лучшие продукты!»
- «Вот наши кейсы!»
- «Скачай PDF!»
- «Подпишись!»
- «Смотри наши соцсети, пожалуйста!»
Она стремится понравиться всем и сразу. Иногда из-за этого — хаос. Пользователь заходит и не понимает, куда идти. Но если над ней поработать, структурировать, подрезать «мемы» и «шутки ради шуток» — можно получить харизматичную и запоминающуюся точку входа.
Майкл не всегда компетентен — но он точно запоминается. Так и с главной страницей: вы не обязаны рассказывать всё, вы обязаны быть узнаваемыми, понятными и доброжелательными.
Джим Халперт — это раздел «О нас»
Спокойный, уверенный, слегка ироничный, но понятный. Джим — тот, кто вызывает симпатию и доверие. Он не кричит, не спорит, не пытается доказать свою значимость — он просто есть. В его присутствии людям комфортно.
Именно таким должен быть раздел «О компании». Не казённым, не переполненным штампами («молодая амбициозная команда с инновационным подходом…»). А живым, с настоящими фото, краткой историей и, возможно, каплей самоиронии. Не бойтесь быть человечными — это работает лучше сухого пафоса.
Пэм Бисли — это форма обратной связи
Тёплая, отзывчивая, незаметная, но всегда на месте. Пэм — сердце офиса. Она не лезет вперёд, но без неё ничего не работает. С ней можно посмеяться, пожаловаться, уточнить детали. Она вежлива, даже если её сто раз отвлекли.
Хорошая форма обратной связи такая же. Она не раздражает, не пугает количеством полей, не требует ввести ИНН бабушки. Она проста, доступна и реагирует в срок. Её задача — не собрать всё, а помочь начать разговор. Всё остальное — потом.
Дуайт Шрут — это FAQ
Чёткий, системный, с лёгкой паранойей и одержимостью порядком. Дуайт всегда знает правильный ответ и может его привести с точной ссылкой на пункт корпоративного кодекса.
FAQ тоже должен быть таким. Он не должен пытаться быть весёлым или «человечным». Его задача — решать проблемы. Пользователь заходит туда, когда ему что-то неясно или плохо. Там должно быть быстро, структурировано, и по делу.
Келли Капур — это блог
Яркий, эмоциональный, непредсказуемый. Сегодня — про тренды в Instagram, завтра — про отношения в коллективе. Келли говорит, как чувствует. Часто перебарщивает, но в этом и её прелесть.
Блог тоже может быть резким, цепляющим, личным. Это то место, где бренд может расслабиться и говорить более неформально. Главное — не свалиться в пустословие. В отличие от Келли, вы всё-таки должны приносить пользу. Хоть иногда.
Тоби Флендерсон — политика конфиденциальности
Серый, скучный, сдержанный. Никто не хочет с ним общаться, но он должен быть. И он важен. Он следит за тем, чтобы всё было по правилам.
Та же история с разделом о конфиденциальности. Никто его не читает (почти), но без него сайт не может существовать. И хотя хочется просто вставить шаблон — лучше написать так, чтобы и юристу было спокойно, и пользователю понятно.
Райан Ховард — это pop-up с промо-офером
Харизматичный, дерзкий, старается казаться важным. Иногда слишком громкий. Любит появляться без предупреждения.
Точно как всплывающие окна: «Получите скидку 10% прямо сейчас!», «Подпишитесь на рассылку!» — без контекста, без приветствия. Райан хочет в кадр. Вопрос — хотите ли вы его видеть?
Стэнли Хадсон — это футер
Молчит. Делает своё. Он есть — и этим важен. В футере — контакты, ссылки, легальная информация. И всё это должно быть спокойно, без креатива ради креатива. Чисто, понятно, без лишнего. Как Стэнли. Просто дайте ему закончить день спокойно.
Что нам даёт эта метафора?
Сайт — это не просто код. Это набор персонажей, функций и характеров. Каждый раздел, элемент, страница выполняет свою роль — и лучше, когда она определена.
Если вы видите в главной странице Майкла — вы начнёте относиться к ней с той же любовью и требовательностью: дать ей раскрыться, но не дать всё испортить.
Если ваш блог напоминает Келли — вы сможете контролировать поток идей и не потерять нить.
Если вы сделаете форму связи как Пэм — пользователи будут вам писать чаще, чем конкурентам.
Как применять это на практике?
- Проведите аудит сайта «по персонажам». Кто у вас Майкл? Кто Джим? Есть ли Келли? Или всё как у Дуайта?
- Оцените эмоциональное впечатление. Не с точки зрения интерфейса, а как от человека: вам приятно? понятно? вы хотите вернуться?
- Почистите персонажей от лишнего. Уберите шутки, которые не работают. Добавьте вежливости, если страница слишком сухая. Дайте Майклу чуть меньше кричать.
И да, финальный вывод в стиле Майкла
«Сайт — как офис. Если всем комфортно, он работает. Если нет — люди просто не возвращаются. А я хочу, чтобы все возвращались. Всегда. Даже если у нас опять ребрендинг».