Разное

Красивые страницы: 10,000+ шаблонов | Бесплатные шаблоны 2023

09.09.2023

Содержание

Продуктовые страницы: 16 красивых примеров товарных посадочных страниц

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

Оглавление данной статьи:

  • 1 Лучшие страницы товаров: 16 ярких примеров
    • 1.1 Master & Dynamic
    • 1.2 Love Hair
    • 1.3 Pilgrim
    • 1.4 Holstee
    • 1.5 Kettle & Fire
    • 1.6 Студия Neat
    • 1.7 Outdoor Voices
    • 1.8 Luxy Hair
    • 1.9 PooPourri
    • 1.10 Rocky Mountain Soap
    • 1.11 United By Blue
    • 1.12 Sixty-Nine
    • 1.13 Leesa
    • 1.14 Manitobah Mukluks
    • 1.15 Perfect Keto
    • 1.16 Johnny Cupcakes
  • 2 Лучшие практики оформления страниц товаров
    • 2.1 Используйте лучшие практики оформления страниц товаров
    • 2.2 Используйте высококачественные изображения товаров
    • 2.3 Пишите убедительные описания товаров
    • 2.4 Добавить окно живого чата
    • 2.5 Показать оценки клиентов и социальные доказательства
  • 3 Создавайте страницы товаров для электронной коммерции с помощью Shopify
  • 4 Страницы продуктов FAQ

Лучшие страницы товаров: 16 ярких примеров

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

Master & Dynamic

«Смелый», «элегантный» и «роскошный» — вот некоторые из слов, которые приходят на ум, когда вы попадаете на целевую страницу продукта Master & Dynamic. Снимки крупным планом, подчеркивающие детали наушников этой марки, демонстрируют качество и тщательность, с которыми были изготовлены изделия. Это заставляет задуматься о том, как они звучат.

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

Страницы продуктов Master & Dynamic — это почти как впечатления. Прокручивая страницу, вы узнаете больше о детальной конструкции наушников — из чего они сделаны, какими расширенными функциями обладают и как ими управлять.

Но Master & Dynamic не полностью отдает предпочтение дизайну перед коэффициентом конверсии. Плавающая панель Add to Bag в верхней части страницы достаточно незаметна, чтобы не отвлекать от восприятия, но при этом постоянно напоминает о том, что вы можете сделать эти наушники своими собственными. Вам не нужно прокручивать страницу назад и прерывать впечатления, если вы хотите их купить. (Здесь также есть приятное напоминание обо всех цветовых вариантах, которые у вас есть!)

Love Hair

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

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

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

Pilgrim

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

Помимо броских эффектов на целевых страницах, Pilgrim включает несколько основных компонентов, помогающих покупателям решить, хотят ли они совершить покупку:

  1. Краткая, описательная информация о продукте
  2. Узнаваемые образы жизни
  3. Множество способов оплаты, включая варианты экспресс-оформления заказа, такие как Shop Pay, G Pay и PayPal
  4. Информация о политике возврата и возврата (возврат в течение 30 дней, гарантия 1 год)
  5. Детали и правила доставки (4-дневная доставка в США и Великобританию)

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

Holstee

Holstee — бренд веселый и игривый, как и его страницы товаров. Простой дизайн с вкраплениями цвета привлекает внимание к нескольким ключевым элементам: товарам, кнопке «Добавить в корзину» и выделенному тексту, предлагающему скидки, если покупатели подпишутся на участие в программе Holstee.

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

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

Kettle & Fire

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

Хотя Kettle & Fire предлагает несколько различных вариантов покупки, он предоставляет покупателям четкий способ выбора и добавления товаров в корзину. Под призывом к действию «Добавить в корзину» также подчеркивается политика возврата и доставки.

Студия Neat

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

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

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

Outdoor Voices

Outdoor Voices — это компания по производству одежды, которая продает спортивную одежду для повседневной носки. Она создает страницы товаров, на которых представлены высококачественные, игривые фотографии моделей, что делает ее одежду доступной и вызывающей доверие у целевой аудитории.

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

Luxy Hair

Компания Luxy Hair продает наращивание волос из человеческих волос, поэтому не трудно предположить, что большинство ее клиентов — женщины. Поскольку этот продукт имеет множество различных вариантов, покупатель отправляется в путешествие, чтобы выбрать наиболее подходящий для него, сначала выбирая толщину волос, затем цвет и отвечая на вопросы викторины.

После ответа на ряд вопросов покупатель попадает на страницу конкретного товара, содержащего (в идеале) именно то, что он искал.

Четкий призыв к действию здесь — добавить этот продукт в свою сумку, но если вы все еще не уверены, над кнопкой покупки есть предложение посмотреть обзорное видео.  Самое лучшее в этой странице продукта то, что она подкреплена высоко персонализированным опытом покупок. Поскольку Luxy направляет покупателей в процессе покупки, они с большей вероятностью совершат покупку, а не будут переходить по страницам различных коллекций в поисках наиболее подходящего варианта.  Эта страница также затрагивает некоторые из самых больших показателей брошенных корзин: стоимость доставки и возврата. Данные показывают, что подавляющее большинство покупателей отказываются от покупки, если доставка слишком дорогая. Кроме того, знание того, что служба поддержки клиентов Luxy работает круглосуточно, помогает покупателям чувствовать уверенность в том, что они смогут связаться с ней, если у них возникнут проблемы или вопросы по поводу покупки.

PooPourri

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

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

Запутались, как работает спрей «перед выходом»? Не волнуйтесь. PooPourri также включает видео «Как это работает», показывающее, как использовать спрей. Если у вас возникли вопросы, вы можете нажать на окно чата «Let’s Talk Sh*t!», чтобы поговорить с представителем службы поддержки клиентов.

Rocky Mountain Soap

Rocky Mountain Soap, розничный продавец натуральных средств по уходу за телом, знает, что его идеальные покупатели хотят приобрести высококачественную и полезную продукцию. На страницах товаров представлены краткие и информативные описания, в которых раскрываются основные преимущества: Не содержит ГМО, тестируется только на людях, веганский, 100% натуральный. Все эти причины, по которым покупатель может приобрести продукцию Rocky Mountain для ухода за телом, могут способствовать росту продаж и сокращению количества брошенных покупок.

Еще один особенный элемент страниц продукции Rocky Mountain Soap — встроенные отзывы покупателей. Если вы сомневаетесь в покупке одного из продуктов компании, вы можете легко прокрутить страницу и прочитать недавние отзывы.

Компания Rocky Mountain Soap хорошо знает силу отзывов покупателей. Почти четверть респондентов, принявших участие в опросе Bizrate Insights, заявили, что они всегда обращаются к отзывам покупателей при совершении покупок в Интернете, а 40% — часто. Социальное доказательство непосредственно под товаром, подчеркивающее, что он получил пять звезд от множества довольных клиентов, — это верный способ уменьшить беспокойство покупателя, который никогда не прикасался к товару лично.

United By Blue

Один из самых экологически чистых интернет-магазинов United By Blue ставит перед собой задачу устранить мусор из мирового океана и водных путей. Вы увидите, что ваша покупка помогает ей приблизиться к достижению этой цели: «Каждый купленный продукт устраняет 1 фунт мусора». Кто бы не хотел очистить землю и получить при этом отличный топ?

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

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

Sixty-Nine

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

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

Leesa

Leesa — это складной, доставляемый матрас, который избавляет от необходимости посещать магазин матрасов. На странице продукта компании хорошо рассмотрены некоторые вопросы, которые могут возникнуть при покупке матраса в Интернете:

  1. Матрасы стоят дорого, но Leesa предоставляет вам возможность оплачивать их ежемесячно.
  2. Что делать, если вам не нравится матрас? Leesa предоставляет вам 100-дневную пробную версию без риска.
  3. На каждый матрас предоставляется 10-летняя гарантия

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

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

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

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

Manitobah Mukluks

Manitobah Mukluks также имеет высокую(ие) стоимость каждого товара, что означает, что процесс покупки может занять больше времени. Если товар стоит меньше 20 долларов, и вам хочется его купить, вы с большой вероятностью это сделаете. Но чем выше цена, тем большее чувство вины вы можете испытывать при принятии решения о покупке. А чувство вины — это не то чувство, которое вы хотите вызвать у своих посетителей!

Эта страница товара призвана облегчить наиболее распространенные проблемы, связанные с покупкой: «бесплатная доставка» и «бесплатный возврат» написаны большими жирными буквами прямо рядом с кнопкой «Добавить в корзину». Люди чувствуют, что их покупка не должна быть решением навсегда и что цена, которую они видят, будет довольно близка к окончательной сумме. Бренд позволяет нерешительному покупателю не спеша узнать больше о компании и ее миссии, не покидая страницу товара.

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

Perfect Keto

Perfect Keto позволяет оптимизировать страницу продукта. Она помогает максимально быстро предоставить покупателям необходимую информацию:

  • Использование описательного заголовка и надписи о продукте
  • Отображение оценок покупателей
  • Предлагать четкие варианты продукции, показывая, что является новинкой, а что ограничено
  • Предоставление множества вариантов оплаты, включая беспроцентные платежи и варианты «подписаться и сохранить» для повторяющихся заказов
  • Распространение информации о преимуществах с помощью маркированных пунктов
  • Использование высококачественных изображений товаров

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

Johnny Cupcakes

Любой продукт, связанный со сладостями или напоминающий о них, находится в моих хороших книгах. Johnny Cupcakes — игривый бренд, называющий себя «первой в мире пекарней футболок» и подчеркивающий, что все его недавние новинки — «свежеиспеченные». Это веселая тема, которая работает на него.

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

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

Лучшие практики оформления страниц товаров

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

Используйте лучшие практики оформления страниц товаров

Согласно исследованию сотен страниц товаров для электронной коммерции, проведенному Nielsen Norman Group, лучшие примеры страниц товаров включают все перечисленные ниже элементы:

  1. Описательное название продукта
  2. Идентифицируемое изображение продукта (продуктов)
  3. Увеличенный просмотр изображения (изображений) продукта
  4. Цена, включая любые дополнительные расходы, связанные с конкретным продуктом
  5. Четкие параметры продукта, такие как цвет и размер, и способ их выбора
  6. Наличие товара
  7. Понятный способ добавления товара в корзину и понятная обратная связь, когда товар добавлен
  8. Краткое и информативное описание товара

Используйте высококачественные изображения товаров

Знаете ли вы, что три четверти покупателей рассматривают изображения товаров при покупке в Интернете? Когда покупатели заходят на вашу страницу, вы должны разместить там большие и четкие изображения, чтобы помочь им представить, как выглядит ваш товар в реальной жизни. В идеале, изображения товара должны включать минималистичные фотографии, на которых запечатлен весь товар на нейтральном фоне, а также «фотографии образа жизни», на которых изображено использование товара в реальной обстановке. Чтобы сделать покупки в Интернете действительно исключительными, добавьте на страницу товара 360-градусные изображения товара или хорошо сделанное видео о товаре, чтобы сделать страницы товара более интерактивными и повысить конверсию.

Пишите убедительные описания товаров

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

Добавить окно живого чата

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

Показать оценки клиентов и социальные доказательства

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

Создавайте страницы товаров для электронной коммерции с помощью Shopify

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

Страницы продуктов FAQ

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

Как создать страницу товара?

  1. Напишите описательное название продукта.
  2. Добавляйте узнаваемые изображения с возможностью увеличения просмотра.
  3. Включите ценообразование.
  4. Предлагайте четкие параметры товара, такие как цвет или количество, и простой способ их выбора.
  5. Показать наличие товара.
  6. Упростите добавление товаров в корзину и обеспечьте четкую обратную связь при добавлении.
  7. Составлять краткие и информативные описания товаров.
  8. Используйте социальное доказательство.

Как вы представляете продукцию на своем сайте?

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

Как создать страницу товара в Shopify? Чтобы настроить шаблон страницы товара:

  1. Перейдите в панель администратора Shopify.
  2. Перейдите в интернет-магазин и нажмите кнопку Темы.
  3. Нажмите кнопку Настроить. Вы будете отправлены на страницу редактирования темы.
  4. Выберите Страницы продуктов из выпадающего списка.
  5. Настройте макет страницы продукта.

Просмотров: 111

Возможности Confluence — 5 простых лайфхаков для удобства пользователей

Confluence от Atlassian — классный инструмент для структурирования базы знаний, документов, QA организации. Многие поклонники уверены, что с помощью Конфлюенс работа в едином пространстве становится эффективной и творческой. Особенно важным это стало в эпоху распределенных команд. Возможности Confluence по налаживанию бизнес процессов и созданию документов почти безграничны. 

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

Структура Confluence должна быть спроектирована с самого начала

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

  • Подумайте об основных группах, на которые вы хотите разбить контент. Рассмотрите вариант сделать это по отделам компании: HR, маркетинг, продажи, дизайн, разработка. Например, группы и люди связаны с определенными страницами проектов или продуктов, внутри которых взаимодействуют. Лучше сохранять подобную структуру внутри всех отделов. Так люди, переключаясь между проектами, будут знать уже интуитивно, как что устроено и как искать и создавать информацию. 
  • Вики-система Конфлюэнс будет естественным образом разрастаться со временем, но при движении, заданном в нужном направлении, это не вызовет хаоса.
  • Чтобы сама структура Конфлюенс интуитивно направляла членов команда без инструкций, нужно внедрить использлвание шаблонов.
  • Когда контент организован по иерархии и логике, в нем сложнее заблудиться. Каждый сотрудник найдет нужный документ с помощью меток, создаст новый быстрее с помощью шаблонов. Совместная работа с другими сотрудниками становится прозрачнее.
  • Иногда может быть полезен свежий взгляд со стороны в планировании архитектуры Confluence или ее улучшении. Мы видели много разных способов организации малых и очень сложных пространств — горизонтальных, последовательных, разветвленных, древовидных. Нас сложно сбить с толку.

 

Готовые шаблоны страниц и возможности Confluence для создания новых шаблонов  

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

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

  • Создание нового шаблона — для этого действия у вас должны быть Права доступа администратора. Вы можете создать общий темплейт для всей организации или только для определенного пространства. 
  • При составлении шаблона хорошая практика — добавить инструкции в каждое поле о том, как заполнять страницу. При нажатие на поле, подсказка исчезает.
  • Можно еще больше подтолкнуть пользователей использовать шаблон с помощью макроса Создать из шаблона — Инструкции на странице Атлассиана (Create from Template), созданного на нужной корневой странице. Добавляем макрос Создать из шаблона вверху страницы — и все дочерние страницы из шаблоны создаются под нужной нам темой, с нужными метками и по шаблону. Ничего не может быть проще. 

Горячие клавиши в Confluence

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

Абсолютный минимум для всех: 

  • Шаг назад CTR Z
  • Шаг вперед CTR Y
  • Вставка макроса, таблицы, изображения из списка /
  • Эмодзи :
  • Упоминание пользователя @

Стиль текста и дизайн страницы 

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

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

Используйте также

  • Для длинных статей с заголовками отлично подойдет Макрос Содержания (Table of contents macro)
  • Списки /Ctrl стрелка вверх 7
  • Изменение цвета текста там, где это нужно 
  • Выравнивание текста /Ctrl L
  • Динамические макросы добавляют функциональности нашим данным (статистика, статусы проектов и другие)
  • Не забудем про выделение заголовков, стиль текста и изображения
  • Таблицы — инструмент с массой возможностей представить наши цифры наглядно и красиво. Можем применять различные сортировки, фильтры, а также строить диаграммы из таблиц. Кто из начальства не любит отчеты в виде диаграмм… Не забывайте, что большие таблицы можно растянуть по ширине экрана. Так еще больше данных поместится.
  • Ссылки в Confluence помещаем перетаскиванием. Можно выбрать то, как отображается ссылка в документе — url, карточка, страница в странице. Ссылки могут вести как на другие страницы нашей вики-системы, так и во внешнее пространство интернета. 
  • Очистить форматирование — если текст скопирован из другого источника /Ctrl \

Полезные советы по удалению страниц в Конфлюенс

Иногда наступает время попрощаться с устаревшей страницей. Приступаем к удалению.

Опубликованные страницы можно восстановить после удаления. Черновики, неопубликованные страницы или версии документа — нет.

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

Сразу оговоримся, что для удаления у вас должны быть соответствующие права.

Если нужно удалить сразу все — и дочерние страницы, и ту, к которой они относятся, нужно сделать следующие шаги:

  • Создать новое пространство
  • Переместить туда главную страницу. Дочерние разделы переносятся автоматически
  • Удалить это пространство

До очистки корзины все подлежит восстановлению.

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

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

Всем красивых, удобных и структурированных Конфлюенс страниц.

Мой блог — Еще один сайт на WordPress

Лоуренс Полиграфия

Вы когда-нибудь брали книгу только из-за обложки? Если ваш ответ «да», то вы на собственном опыте испытали силу привлекательного дизайна обложки книги. Это искусство — мощный инструмент в арсенале любого автора, который может повлиять на потенциальных читателей в их решении выбрать или проигнорировать книгу. Как…

Подробнее

Лоуренс Маркетинг

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

Подробнее

Лоуренс Брендинг

Добрый день, приятель, вы когда-нибудь задумывались, что делает ваши любимые бренды популярными? Это их первоклассный брендинг! Но что такое брендинг? Короче говоря, брендинг — это то, как компании выделяются среди конкурентов, способствуя узнаваемости и формируя базу лояльных клиентов. Это сочетание индивидуальности вашего бизнеса, ценностей и того, как они транслируются для общественности.

Подробнее

Лоуренс Маркетинг

Если вы хотите выйти на австралийский рынок, вам необходимо иметь четкое представление о местной демографии. Демографическая разбивка Австралии показывает очень разнообразное население, которое предлагает широкие возможности для бизнеса всех размеров и секторов. Австралия — страна иммигрантов, более 28% населения которой родилось за границей. Этот культурный…

Подробнее

Laurence Абонентские услуги

Услуги по подписке — это, по сути, бизнес-модель, в которой компании взимают с клиентов регулярную плату за доступ к продукту или услуге. Скорее всего, у вас уже есть по крайней мере одна или две подписки на ваш любимый потоковый сервис, удобный набор для еды или ежемесячная косметичка. Услуги по подписке не…

Подробнее

Лоуренс Распространение журналов

Давайте сделаем шаг назад во времени и проследим истоки печатной продукции. Скромное начало этой индустрии интригует и имеет большое значение. Для краткой истории печатного производства в Австралии вы увидите, что первые тиражи были газетами и государственными заказами в начале 19 века.век. С тех пор печатайте…

Подробнее

Лоуренс Газетные киоски

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

Подробнее

12 июня 2023 г. Лоуренс Редакционный дизайн

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

Подробнее

Лоуренс Периодические издания

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

Подробнее

Лоуренс Маркетинг

Сегодня мы погружаемся в мир дистрибьюторского бизнеса. Теперь вам может быть интересно, что такое дистрибьюторский бизнес? Проще говоря, это бизнес, который получает товары от производителей и поставщиков, а затем продает эти товары розничным продавцам или напрямую конечным покупателям. Думайте об этом как о важном звене в цепочке поставок,…

Подробнее

Как создавать красивые страницы в Confluence

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

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

Ваша аудитория — люди, а мы, люди, не всегда видим то, что находится прямо перед нами. Согласно исследованию, опубликованному Time, 55% людей проводят на странице 15 секунд или меньше. Эстетически привлекательная страница Confluence создана не только для красоты, но и для того, чтобы ваша команда могла быстро найти то, что им нужно.

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

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

Объяснение цели страницы

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

  1. Изображение заголовка может быстро передать смысл вашей страницы. Подумайте о новостном веб-сайте или странице продукта в интернет-магазине. На какие две вещи ваши глаза обращают внимание в первую очередь? Название и изображение. Те же правила применяются и к страницам Confluence. Вы можете добавить изображение заголовка, наведя указатель мыши на заголовок страницы и выбрав Добавить изображение заголовка . Не добавляйте изображение ради того, чтобы добавить его. Если у вас нет изображения, которое помогает передать суть вашей страницы, добавьте нейтральное изображение или не добавляйте его вообще.

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

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

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

Настройка макета и ширины

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

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

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

Если вы новичок в Confluence и ищете введение в его функции, такие как макеты, мы рекомендуем посмотреть наше собственное руководство по Confluence — введение в редактор Confluence на Youtube.

Добавление структуры и разделов

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

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

  2. Макрос Divider — это еще один простой способ разделить контент на странице, обозначить четкие разрывы в тексте и выделить место, где начинается новый контент.

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

Удобное место для размещения оглавления — в правом верхнем углу страницы. Используйте макеты, чтобы создать раздел в начале страницы, и поместите макрос «Оглавление» в эту верхнюю правую часть.

Подчеркивание и выделение содержимого

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

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

  2. Жирный и цветной текст может помочь выделить определенные предложения на вашей странице, выделяя их среди остального текста.

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

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

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

Красиво!

Размещение вашей страницы Confluence в Интернете

Если вы хотите поделиться своей страницей с кем-то в Интернете, вы можете использовать общедоступную ссылку. Это создает уникальный URL-адрес, который ведет на страницу Confluence только для просмотра, что отлично подходит для обмена с клиентами или подрядчиками. У Atlassian есть целая страница о том, как создавать общедоступные ссылки. Однако, если вы хотите поднять красоту своего контента Confluence на новый уровень при публикации, мы можем углубиться в Atlassian Marketplace с несколькими отличными приложениями, которые позволяют публиковать ваш контент на веб-странице.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *