Samara

06:00

Денис Жуков

Product Designer

с опытом 5+ лет

Единое окно шаринга вместо трёх

Как синхронизировать три команды, выудить требования каждой и создать один масштабируемый компонент для всего Облака

Единое окно шаринга вместо трёх

Как синхронизировать три команды, выудить требования каждой и создать один масштабируемый компонент для всего Облака

проблема

Три окна. Три команды. Тройная работа

Шаринг в Облаке развивался отдельно для B2C, B2B и корпоративного сегмента

Из-за этого:

интерфейсы расходились

одинаковые функции реализовывались по-разному

любая доработка дублировалась трижды

проблема

Три окна. Три команды.

Тройная работа.

Шаринг в Облаке развивался отдельно для B2C, B2B и корпоративного сегмента

Из-за этого:

интерфейсы расходились

одинаковые функции реализовывались
по-разному

любая доработка дублировалась трижды

шаринг файла для b2C

шаринг файла для b2b

шаринг файла для корпов

+ то же самое для папок

шаринг файла для b2C

шаринг файла для b2b

шаринг файла для корпов

+ то же самое для папок

контекст

Изначально задача была локальной
— доработка шаринга для B2C

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

Собрал требования команд, синхронизировал сценарии 


и забрал проектирование на себя

контекст

Изначально задача была локальной
— доработка шаринга для B2C

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

Собрал требования команд, синхронизировал сценарии 


и забрал проектирование на себя

Решение

Один компонент вместо трёх отдельных реализаций

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

общая логика оставалась единой

различия между сегментами управлялись настройками

шаринг папок до редиза

новый шаринг папок

Решение

Один компонент вместо трёх отдельных реализаций

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

общая логика оставалась единой

различия между сегментами управлялись настройками

шаринг папок до редиза

новый шаринг папок

Ключевые решения:

Приоритизация настроек

Частые действия оставил на основном экране, редкие спрятал в «Больше настроек»

Убрал постоянно висящую ссылку

Исследование показало, что пользователям достаточно кнопки «Скопировать» — отображение URL только перегружало интерфейс

Убрал свитчи включения ссылки

По факту они не выключали ссылку, а удаляли её и создавали новую — это вводило пользователей в заблуждение.

Универсальный компонент строки настроек

Любой контент встаёт в единый паттерн — решение легко масштабируется на новые кейсы без переработки.

Ключевые решения:

Приоритизация настроек

Частые действия оставил на основном экране, редкие спрятал в «Больше настроек»

Убрал постоянно висящую ссылку

Исследование показало, что пользователям достаточно кнопки «Скопировать» — отображение URL только перегружало интерфейс

Убрал свитчи включения ссылки

По факту они не выключали ссылку, а удаляли её и создавали новую — это вводило пользователей в заблуждение.

Универсальный компонент строки настроек

Любой контент встаёт в единый паттерн — решение легко масштабируется на новые кейсы без переработки.

Исследование

Количественный опрос

Проверили три варианта интерфейса:

с открытыми настройками

со скрытыми

с видимой ссылкой

победитель

версия 02

версия 03

Итоги опроса

Пользователи чаще выбирали вариант с открытыми настройками и не испытывали проблем без отображения URL

Исследование

Количественный опрос

Проверили три варианта интерфейса:

с открытыми настройками

со скрытыми

с видимой ссылкой

победитель

версия 02

версия 03

Итоги опроса

Пользователи чаще выбирали вариант с открытыми настройками и не испытывали проблем без отображения URL

Результат

Единый компонент был масштабирован на все 

сегменты Облака

Помимо проектирования интерфейса, мне пришлось синхронизировать несколько команд:

собрать требования

свести разные сценарии

договориться о едином подходе

и выстроить общую архитектуру шаринга

В результате команды получили

единый UX-паттерн

меньше дублирования

более дешёвую поддержку

возможность внедрять новые сценарии через конфигурацию

Проект стал не просто редизайном интерфейса, а единой системой шаринга для всего Облака

Шаринг файла b2b

Шаринг файла b2C

Шаринг файла b2C + Promo

Шаринг папок b2B

Результат

Единый компонент был масштабирован на все 

сегменты Облака

Помимо проектирования интерфейса, мне пришлось синхронизировать несколько команд:

собрать требования

свести разные сценарии

договориться о едином подходе

и выстроить общую архитектуру шаринга

В результате команды получили

единый UX-паттерн

одинаковые функции реализовывались
по-разному

более дешёвую поддержку

возможность внедрять новые сценарии через конфигурацию

Проект стал не просто редизайном интерфейса, а единой системой шаринга для всего Облака

Шаринг файла b2b

Шаринг файла b2C

Шаринг файла b2C + Promo

Шаринг папок b2B

Create a free website with Framer, the website builder loved by startups, designers and agencies.