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

Артур Савченко
Мы разрабатываем кроссплатформенный офисный продукт, в полную поставку которого входят 8 приложений на 2-4 платформах (Почта, Календарь, Контакты, Файлы, Текст, Таблица, Презентация, Логос). У нас 5 офисов около 11 продукт-овнеров и один дизайн отдел. Вопросы унификации стоят очень остро, так как требует согласованности в работе большого количества команд и ПО.

«— Приложения должны быть идентичными? Нет? Значит они могут быть разными!» (не правда)

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

Transcript

1. Кроссплатформенная унификация Артур Савченко, креативный директор “МойОфис”
2. Последние 7 лет занимаюсь руководством дизайн направлений Oбо мне acquired by Google
3. МойОфис
4. Web Windows
5. Android iOS
6. Tizen Mac/Linux Coming soon
8. Приложения, должны быть одинаковыми? Ах, нет? Значит они могут быть разными! Не правда
9. Приложения, должны быть Унифицированы
10. Дизайн система не решает проблему платформы
11. Web iOS Android Win React Native Разные ОС - разные системы Mobile Web Material Design Linux Tizen
12. Дизайн система это инструмент
13. Унификация это процесс
14. Какая польза для бизнеса? Customer feedback User feedback
15. 1. Бренд и графический дизайн Фирменные элементы и цвета Стилистика и графическое оформление Тональность (Voice of Tone)
16. Abc 2. Информационная архитектура Информационная модель Организация и навигация (экраны) Сохранение названий функций и образов
17. 3. Поведение интерфейса Расположение элементов Поведение элементарных компонентов Паттерны поведения
18. Допустимые различия это реальность
19. 1. Разная функциональность
21. iOS Android
22. 2. Способ отображения и взаимодействия
24. 3. Внешние правила (ОС guidelines)
26. Унификация 1. Бренд 2. Информационная архитектура 3. Поведение Расхождения 1. Функциональность 2. Отображение и взаимодействие 3. Внешние правила
27. Основные случаи На что обратить внимание
28. Одно приложение на разных ОС Случай 1 МойОфис Почта Web Android Windows Linux Tizen Mobile Web iOS
30. ••◦ ◦◦◦ ••• Бренд и графика ИА ••◦ ••◦ ••• Поведение Abc ••◦ ◦◦◦ •◦◦ Унификация Случай 1
31. ••◦ ◦◦◦ ••• Бренд и графика ИА ••◦ ••◦ ••• Поведение Abc ••◦ ◦◦◦ •◦◦ Расхождения Случай 1
32. iOS Разные приложения на одной ОС Почта Документы Логос Android Календарь Контакты Случай 2
34. ••◦ ••• ••• Бренд и графика ИА •◦◦ •◦◦ ••◦ Поведение Abc •◦◦ ••• ••◦ Унификация Случай 2
35. ••◦ ••• ••• Бренд и графика ИА •◦◦ •◦◦ ••◦ Поведение Abc •◦◦ ••• ••◦ Расхождения Случай 2
36. Одинаковые или схожие функции в рамках платформы Случай 3 Login Web iOS Android Windows Linux Tizen Mobile Web
38. Как развивать продукт, если он унифицирован?
39. Временно разорвать связи унификации и выстраивать их заново вокруг нового решения
40. Попробовать новое решение на одной ОС Если все хорошо, внедрить в другие платформы IDEA! Android
41. Спасибо за внимание! myoffice.ru/ux Артур Савченко, креативный директор “МойОфис”