Тестовое задание
в Yandex Cloud
Задача
Вводные

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

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

  • Теги могут иметь синонимы. Например: py3 → python-3.x.
  • Теги должны поддерживать категоризацию и иерархичность. Например, базы данных включают в себя NoSQL, которые включают в себя MongDB и Redis.
Ожидаемый результат

На выходе должна получиться карта экранов — макеты, формы и состояния с необходимыми пояснениями в Figma. Решение должно ассоциироваться с визуальной стилистикой интерфейсов Yandex Cloud.
Внутри все этапы работы
Открыть в Figma
С чего начал выполнение
Погрузился в задачу, собрал вводные и выстроил следующий процесс:

  1. Выявил прблемы
  2. Определил пользователей (JTBD)
  3. Провел Discovery & Design Research
  4. Выявил гипотезы
  5. Описал верхнеуровневую структуру экранов
  6. Изучил дизайн-систему Gravity UI
  7. Подключил библиотеку и отрисовал макеты
Проблемы
Для пользовтеля

  • Упрощаем навигацию по разделам
  • Сниженаем дублирования вопросов
  • Персонализируем контент под полльзовтеля
  • Улучшаем модерацию и управление контентом
  • Повышаем качество ответов


Для бизнеса

  • Повышаем метрики DAU, MAU (Увеличение вовлеченности пользователей)
  • Анализ популярных тем
  • Повышение SEO-эффективности
  • Монетизация
  • Снижение нагрузки на модераторов
Аудитория
Определил 3 группы пользователей и их потребности.


Тот, кто задаёт вопросы хочет:

  • Найти быстрый и качественный ответ на свой вопрос
  • Убедиться, что вопрос виден экспертам
  • Проверить существующие ответы, чтобы избежать дублирования
  • Уточнить вопрос при необходимости
  • Получить уведомление об ответах


Тот, кто ищет вопросы хочет:

  • Релевантные вопросы по теме (теги, поиск)
  • Изучить ответы на похожие вопросы
  • Подписаться на интересные темы
  • Фильтровать вопросы по популярности или дате
  • Доступ к дополнительным материалам в ответах


Тот, кто отвечает хочет:

  • Принять участие в обсуждении
  • Поделиться знаниями
  • Получить признание за ответы
  • Исправить устаревшую информацию
Discovery
Провел бенчмаркинг, чтобы:

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


Какие выводы:

  • Необходим автокомплит и предложения при вводе тегов
  • В подобных сервисах есть персонализация ленты через подписки и уведомления
  • Редактирование тега недоступно, если у пользователя рейтинг ниже определенного значения
  • У многих есть геймификация
  • При публикации вопроса предлагаются существующие темы
  • Теги с иконками или лого проще считывается
Гипотезы
Если пользователи смогут предлагать синонимы и объединять теги через голосование, то:
  • Увеличится точность поиска
  • Снизится нагрузка на модераторов

Если рекомендовать вопросы/ответы на основе часто используемых тегов, то:
  • Увеличится время на сайте
  • Вырастет количество прочитанных материалов

Если добавить возможность пожаловаться на тег, то:
  • Уменьшится доля спам-тегов
  • Повысится доверие пользователей

Если ввести бейджи и баллы репутации за одобренные правки тегов, то:
  • Увеличится активность сообщества
  • Повысится точность тегов

p. s.
Поскольку, не было возможности уточнить условия и ограничения разработки, решил не делать скоуп и учел «Идеальный вариант»
Cтруктура
Собрал верхнеуровневую структуру экранов, чтобы организовать все разделы
Изучение DS
Интерфейсы Yandex Cloud собраны на Gravity UI. Прежде чем собирать макеты, изучил библиотеку и посмотрел визуальные паттерны в личном кабинете и на веб-витринах YC.

В результате изучения пришел к тому, что UI сервиса должен быть:
  • Минималистичным. Нейтральные фоны, контрастные акценты для ключевых элементов (кнопки, интерактивные компоненты).
  • Минимум визуального шума, упор на функциональность
  • Без корпоративной строгости т.к. портал для b2c аудитории

После подготовительных этапов отрисована карта экранов — макеты, формы и состояния

с необходимыми пояснениями

Реализованы сценарии из задания

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

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

Результатом выполнения задания стало приглашение на собеседование в команду Яндекс Маркета, где я прошёл до финального этапа отбора

ЧБД?
Далее был мой дебютный вайтборд, который я успешно провалил 😁 Спасибо за просмотр 🖤
Другие кейсы
Показать ещё
Made on
Tilda