Развитие интерфейса через гайдлайны
TRANSCRIPT
![Page 1: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/1.jpg)
Юрий Ветров
Как создаются интерфейсыв Mail.Ru
процесс, команда, инструменты и другие детали
![Page 2: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/2.jpg)
2
О чем этот рассказ?
— Как создается дизайн продуктов Mail.Ru – все детали процесса.
— Новая интерфейсная команда – зачем она создана и что именно делает.
— Инструментарий и технологический процесс – как мы автоматизируем производство.
— Прогнозируемый процесс развития дизайна – как интерфейсные гайдлайны и паттерны помогают сохранять единую стилистику.
![Page 3: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/3.jpg)
1. Вводная
2. Команда
3. Процесс работы
4. Инструменты и технологический процесс
5. Паттерны и гайдлайны
6. Тестирование и исследования
7. Творческие планы
![Page 4: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/4.jpg)
4
Вводная часть
![Page 5: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/5.jpg)
5
Новая команда, новый процесс, большие планы
![Page 6: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/6.jpg)
6
Немного обо мне и прошлом опыте. Чем отличается процесс в компании-подрядчике и продуктовой компании.
![Page 7: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/7.jpg)
7
Подрядчик – много разных заказчиков, нужен быстрый старт нового проекта и ранние первые результаты. Проще обучить клиента, чем каждый раз менять процесс.
![Page 8: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/8.jpg)
8
Продуктовая компания – небольшое количество постоянных менеджеров-заказчиков, проще подстроиться под них для большей эффективности.
![Page 9: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/9.jpg)
1. Вводная
2. Команда
3. Процесс работы
4. Инструменты и технологический процесс
5. Паттерны и гайдлайны
6. Тестирование и исследования
7. Творческие планы
![Page 10: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/10.jpg)
10
Команда
![Page 11: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/11.jpg)
11
В Mail.Ru Group есть сразу несколько дизайн-команд в разных продуктах и подразделениях – стратегические продукты, социальные сети, многопользовательские игры, юзабилити-лаборатория, поиск и другие.
![Page 12: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/12.jpg)
12
Основные роли и специализации – дизайнеры, проектировщики интерфейсов, юзабилити-исследователи. Стремимся к не совсем четкому разделению на проектировщиков и дизайнеров – так эффективнее.
![Page 13: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/13.jpg)
13
Нельзя делать одно большое внутреннее дизайн-агентство – важна плотная работа с командами продуктов, внедрение в них.
![Page 14: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/14.jpg)
14
Моя команда работает над общепортальными правилами, главной страницей, Почтой, Агентом и их мобильными сайтами и приложениями. Плюс новые коммуникационные продукты.
![Page 15: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/15.jpg)
15
С июля команда выросла в два раза, но еще не весь штат укомплектован. На каждом продукте должны быть трое – проектировщик и два дизайнера (для основной и мобильных версий).
![Page 16: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/16.jpg)
16
Зачем так много людей? Важно обеспечить скорость выдачи дизайна и его отличное качество. Также проверяем много концепций, чтобы находить интересные интерфейсные решения, поэтому работы хватает.
![Page 17: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/17.jpg)
17
Подрядчики и фрилансеры. Можно ли говорить про них? Выстраиваем пул постоянных подрядчиков, чтобы можно было закрывать задачи при отсутствии собственных ресурсов.
![Page 18: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/18.jpg)
1. Вводная
2. Команда
3. Процесс работы
4. Инструменты и технологический процесс
5. Паттерны и гайдлайны
6. Тестирование и исследования
7. Творческие планы
![Page 19: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/19.jpg)
19
Процесс работы
![Page 20: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/20.jpg)
Мы используем классический подход к проектированию и дизайну интерфейсов – в большинстве компании он выглядит аналогично. Но есть нюансы.
20
Исследования Концепция Детальное проектирование Дизайн Поддержка
разработчиков
Проверка решений
![Page 21: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/21.jpg)
21
Много общения с менеджерами проектов и продуктов, топ-менеджерами. Это отдельный самостоятельный процесс, который мы также выстраиваем.1
![Page 22: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/22.jpg)
22
Задачи двух типов – развитие текущих версий продуктов и их новые релизы. Процесс похожий, но отличается в деталях.2
![Page 23: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/23.jpg)
23
Долгосрочное планирование – весь пул задач по продуктам известен, хотя приоритеты между ними часто меняются. Форс-мажоры и внезапные срочные задачи сравнительно редки.3
![Page 24: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/24.jpg)
24
Стараемся значительную часть работы по дизайну переложить на проектировщика. В этом помогают паттерны, шаблоны и гайдлайны. Снимает угнетающую рутину с дизайнера и ускоряет процесс.4
![Page 25: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/25.jpg)
25
Процесс гибкий и может корректироваться по ситуации на каждом из этапов. Где-то срезаем углы, где-то наоборот – копаем глубже.
![Page 26: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/26.jpg)
1. Вводная
2. Команда
3. Процесс работы
4. Инструменты и технологический процесс
5. Паттерны и гайдлайны
6. Тестирование и исследования
7. Творческие планы
![Page 27: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/27.jpg)
27
Инструменты итехнологический процесс
![Page 28: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/28.jpg)
28
Используем связку Adobe InDesign + Photoshop. Есть неплохие альтернативы – Fireworks, Visio, Omnigraffle, MS Sketchflow, Axure, Balsamiq. Но наш вариант считаем оптимальным. Почему?
![Page 29: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/29.jpg)
29
Позволяет сделать мощную автоматизацию производства – можно создавать сложные скрипты и плагины для сокращения ручной работы. Например, автоматическая выгрузка в вики.1
![Page 30: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/30.jpg)
30
Дает дизайнеру и проектировщику (почти) единую рабочую среду. Наследование документов, сложные библиотеки элементов, похожий интерфейс, командная работа с файлом.2
![Page 31: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/31.jpg)
31
Проектировщик может делать максимально приближенные к дизайну прототипы интерфейса. Это ускоряет процесс и упрощает приемку – меньше уровней абстракции.3
![Page 32: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/32.jpg)
32
Используем связку Jira + Confluence + Git. Также работаем над автоматизацией работы с ними. Например, нажимая в InDesign CTRL+S – автоматически обновятся макеты в вики.
![Page 33: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/33.jpg)
33
Меньше ручной работы – больше производительность команды и времени на создание интересных интерфейсных решений.
Процесс публикации готового дизайна:
1. Сохранить текущий документ
2. Экспортировать макеты в PNG и PDF
3. Дать правильные имена макетам
4. Синхронизироваться с репозитарием
5. Выложить макеты в вики
6. Приложить макеты к задаче в таск-трекере
7. Запросить комментарии у менеджера задачи
![Page 34: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/34.jpg)
34
Быстрая публикация нового дизайна упрощает приемку и другие процессы. Например, быстрое итеративное прототипирование + юзабилити-тестирование.
дизайнер или проектировщик
пользователь
менеджер
![Page 35: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/35.jpg)
35
Критично, чтобы автоматизация была действительно автоматизированной – большие накладные расходы по ручной публикации приведут к ее нерегулярности.
![Page 36: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/36.jpg)
1. Вводная
2. Команда
3. Процесс работы
4. Инструменты и технологический процесс
5. Паттерны и гайдлайны
6. Тестирование и исследования
7. Творческие планы
![Page 37: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/37.jpg)
37
Интерфейсные гайдлайны
![Page 38: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/38.jpg)
38
Интерфейсные гайдлайны и библиотеки паттернов – лучший способ работы над интерфейсами пакета крупных продуктов. Что они дают?
![Page 39: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/39.jpg)
39
Единая визуальная стилистика – поддержка бренда.1
![Page 40: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/40.jpg)
40
Привычный для пользователей интерфейс – проще работать сразу с несколькими продуктами.2
![Page 41: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/41.jpg)
41
Быстрее и проще поддержка и развитие продукта – типовые задачи решаются легко и быстро.3
![Page 42: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/42.jpg)
42
Новые участники команды быстрее разбираются в продуктах компании и меньше косячат в первое время работы.4
![Page 43: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/43.jpg)
43
Сейчас мы создаем гайдлайны по всем продуктам под нашим началом. Процесс небыстрый, но скоро финишируем и работать станет намного проще.
![Page 44: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/44.jpg)
44
При создании гайдлайнов важно понимать, как и кем они будут использоваться. Мы пишем не абстрактную спецификацию, а готовим рабочий инструмент для проектировщиков, дизайнеров, разработчиков и менеджеров.
![Page 45: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/45.jpg)
45
Из чего состоит гайдлайн? Описание сеток, типовых элементов, цветов, шрифтов, принципов использования иллюстраций и т.п. Т.е. он описывает разные слои интерфейса.
![Page 46: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/46.jpg)
46
Нужно сразу понимать, кто и как будет поддерживать и развивать гайдлайны. Иначе они быстро становятся неактуальными и даже вредными.
![Page 47: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/47.jpg)
47
Библиотека паттернов
![Page 48: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/48.jpg)
48
Библиотека паттернов собирает типовые элементы управления и информационные блоки, которые используются в интерфейсе. Чем они помогают на практике?
![Page 49: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/49.jpg)
49
Лучшее дополнение гайдлайнов – собирают все примеры реализации описываемых принципов.1
![Page 50: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/50.jpg)
50
Сделаны в виде шаблонов для InDesign, которые используются проектировщиками ежедневно. А значит все общаются на одном языке.2
![Page 51: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/51.jpg)
51
Позволяют быстро собрать первую версию прототипа интерфейса и дешево экспериментировать в дальнейшем.3
![Page 52: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/52.jpg)
52
В библиотеке паттернов также критичен процесс ее регулярного обновления. Важно, чтобы было просто не только взять из библиотеки элемент, но и положить в нее новый.
![Page 53: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/53.jpg)
53
Первыми полезность хорошей библиотеки паттернов осознали в Yahoo! Много продуктов, которые нужно было развивать единообразно. Это и сейчас одна из лучших библиотек, доступна публично.
![Page 54: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/54.jpg)
1. Вводная
2. Команда
3. Процесс работы
4. Инструменты и технологический процесс
5. Паттерны и гайдлайны
6. Тестирование и исследования
7. Творческие планы
![Page 55: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/55.jpg)
55
Тестирование и исследования
![Page 56: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/56.jpg)
56
Пользовательское тестирование и исследования критичны для получения хорошего массового продукта. Мы выстраиваем процесс плотного взаимодействия с юзабилити-лабораторией.
![Page 57: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/57.jpg)
57
Юзабилити-лаборатория – это внутреннее агентство, которое проводит исследования для коммуникационных сервисов, социальных сетей и многопользовательских игр.
![Page 58: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/58.jpg)
58
Важно, чтобы лаборатория синхронизировалась с нашим темпом работы над продуктами – могла проводить много разных исследований для всей пачки продуктов и их версий.
![Page 59: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/59.jpg)
59
Задачи для лаборатории разные – где-то обычное юзабилити-тестирование или eye-tracking, где-то более неформализованные вещи – например, выбрать подходящие звуки для Агента. Также опросы, интервью, другие предварительные исследования.
![Page 60: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/60.jpg)
60
В лаборатории собрано много интересного оборудования, которое вместе дает комплексную картину – включая физиологические показатели (кардиограмма, мозговые импульсы, дыхание и т.п.). В вебе это не так важно, а вот игровикам очень нужно.
![Page 61: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/61.jpg)
61
Помимо лаборатории активно используется сплит- и бета-тестирование. Сравниваем разные дизайн-решения, обкатываем новую функциональность.
![Page 62: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/62.jpg)
62
Очень помогает мощная внутренняя система статистики RB – можно отслеживать огромное количество действий в интерфейсе.
![Page 63: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/63.jpg)
1. Вводная
2. Команда
3. Процесс работы
4. Инструменты и технологический процесс
5. Паттерны и гайдлайны
6. Тестирование и исследования
7. Творческие планы
![Page 64: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/64.jpg)
64
Творческие планы
![Page 65: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/65.jpg)
65
Прошло 4 месяца с момента создания новой команды и наладка процесса еще в середине пути. Но многое уже успели.
![Page 66: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/66.jpg)
66
Готовятся запуски новых продуктов и новые релизы старых. К новому году будет что показать.1
![Page 67: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/67.jpg)
67
Планируем закончить автоматизацию процесса работы дизайнеров и проектировщиков – это значительно повысит нашу продуктивность и качество.2
![Page 68: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/68.jpg)
68
Должны завершить работу над гайдлайнами и библиотеками паттернов – это удешевит и ускорит процесс дизайна.3
![Page 69: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/69.jpg)
69
Тесная интеграция с менеджерами и командами разработки.4
![Page 70: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/70.jpg)
70
KPI отдела. Хотим отслеживать показатели нашей эффективности.5
![Page 71: Развитие интерфейса через гайдлайны](https://reader033.vdocuments.net/reader033/viewer/2022061514/557f02cad8b42af44a8b4f0d/html5/thumbnails/71.jpg)
Было приятно видеть вас! Вопросы?
Юрий Ветровwww.jvetrau.comtwitter.com/jvetrau
www.mail.rufacebook.com/pages/MailRu
Все иллюстрации, использованные в данной презентации, принадлежат их уважаемым владельцам. В случае, если вы являетесь их правообладателем и против размещения этих иллюстраций – напишите, пожалуйста, письмо по адресу [email protected] и я
уберу их из слайдов.