Бібліотека блоків або що вважати за шаблон

Найчастіше шаблони листів продаються в трьох видах:

1. Лист, зверстаний на прикладі інфопривіду від клієнта;
2. Майстер-шаблон (або промо-шаблон) — дуже довгий лист, який включає в себе всі можливі блоки і поєднання, кнопки, роздільники, …;
3. Майстер-шаблон з guideline рекомендаціями — тут кожен блок зверстаний окремо, описані всі елементи оформлення, шрифти, відступи, правила створення меню і послідовність контенту. Разом з шаблоном йде супровідний документ, що наповнює змістом все що в ньому є.

Є ще варіант, коли шаблон поставляється у вигляді мета мови і компілятора, в такому випадку можна створювати лист використовуючи спец. розмітку (типу вікі стайл), а пропустивши через компілятор буде створено лист відповідно до теми і шаблоном. Це окрема тема, над якою ми працюємо, але в найближчий місяць не випустимо.

Третій варіант — найдорожчий і рідко зустрічається в природі.

Але, як користуватися такими шаблонами. Довгий майстер-шаблон передбачає, що для того, щоб створити лист на його основі треба кожен раз видаляти непотрібні фрагменти листа і дублювати ті, які потрібні в цьому конкретному випадку. Не дуже-то це допомагає заощадити час.

Один з ключових інструментів покликаний скоротити час на створення листів в Stripo.email — власна бібліотека блоків. Таким чином, ця бібліотека і визначає третій варіант шаблону, коли разом з версткою поставляється бібліотека блоків на всі випадки життя і їх можна комбінувати.

Кожен блок листа може бути збережено для подальшого використання. Блоки в Stripo бувають 4 типів:

1. Базові блоки — текст, картинка, меню, соц. мережі, довільний html, …;
2. Контейнери — область куди можна поміщати блоки, і вони будуть згруповані разом. Зазвичай така комбінація використовується для створення «тематичної одиниці» (опис статті блогу, картка товару, анонс заходу). Особливо зручно коли треба зберегти уявлення однієї секції і використовувати потім. Плюс, можливість копіювання і видалення області представляє неподільну інформацію теж спрощується;
3. Структури — взаємне розташування контейнерів в листі. Наприклад: дві колонки;
4. Смуги — з точки зору html, це сама коренева область (за межами тіла листа), яка включає в себе структури. Смуги дозволяють встановити фон за межами листа, по контенту, по межах об’єкта.

Тема структури листив це окремий пост, так як ця тема досить складна. Зараз я б хотів сконцентрувати на бібліотеці блоків і їх ролі в шаблонах.

Таким чином Шаблон це не просто лист — це набір блоків в комбінації зі стилями, застосовними до всього листа.

Цікаво, що завжди при виборі системи цікавляться кількістю шаблонів, а опісля старту використовують тільки один шаблон, ще й адаптований під себе.

Бібліотека шаблонів — це щось візуально зрозуміле, одноразово потрібне, і важко використовується на практиці в повсякденному житті.

На мій погляд, шаблон потрібен для того, щоб одного разу перевизначити його під свої потреби і використовувати ці напрацювання в подальшому, забувши про бібліотеку з 1000+ шаблонів.

Ми вирішили сконцентруватися на створенні шаблону, який вдосконалюється з часом набираючи різні комбінації персональної бібліотеки.

По-справжньому блоки знаходять цінність тоді, коли можуть бути взаємо замінними. Наприклад, накидали контенту до листа, і хочете змінити вид картки товару. Всього лише вид, а не сам контент. Для цього треба відокремити рівень представлення від рівня даних. Тоді, замінивши блок, дані завантажаться самі по собі. Це теж тема для окремого посту.

При роботі з блоками ми зіткнулися з великою кількістю UX проблем:

• Його користувачі не створюють блоки, поки їм не поясниш навіщо вони потрібні;
• Важко створювати блоки так, щоб їх легко можна було знаходити. Наприклад, ніхто не хоче давати ім’я блоку, значить картинка повинна створюватися така, щоб було ясно, що це за блок відразу;
• Як управляти блоками, якщо хочеться взяти його з іншого шаблону?
• …

Над вирішенням цих завдань ми ще працюємо і про особливості їх вирішення — теж чекайте окремий пост.