Парное проектирование интерфейсов

Почему понадобилось два специалиста по продукту

Мы в процессе обсуждения

Планирование

  • Приоритезируем шаблоны. На приоритет влияет важность и частота использования будущей страницы. Эти параметры мы получаем на основе персон, которые составляем для проектов. О них я расскажу в отдельной статье.
  • Учитываем загрузку исполнителей на других проектах. Эту информацию получаем от менеджеров: какие задачи и к какому дню нужно выполнить. Отсюда понимаем, в какие дни и сколько часов исполнитель может работать над нашим проектом.
  • Планируем эффективные и комфортные для заказчика демо. В интересах всех сторон проводить демо как можно чаще. Чем раньше мы получим обратную связь, тем быстрее узнаем об ошибках и скорректируем решение. Заказчику проще анализировать результат небольшими частями. По этим причинам мы запланировали четыре демо с показом пяти шаблонов.
План проектирования шаблонов страниц

Проектирование

  1. изучение задачи;
  2. разработка прототипов;
  3. демо.
  • какую задачу решает каждый шаблон;
  • какой контент должен содержать;
  • как связан с другими шаблонами;
  • кто и в процессе каких сценариев попадает на страницу шаблона.
  • Споры между собой. Очень быстро мы их полюбили. Да, они отнимают время, но у нас всегда приводили к нахождению более эффективных решений. Это заряжает и затягивает. Главное, чтобы собеседники не воспринимали критику лично и не привязывались к своему мнению, а были настроены на совместный поиск лучшего решения.
  • Объединение версий. Обычно мы используем Axure RP Pro, где нет командных проектов и контроля версий. Так как сроки были сжаты, не было времени на подбор и внедрение подходящих инструментов, мы просто договаривались, кто и когда обновляет версию прототипа. Это весьма опасно, так как высок риск потерять какие-либо изменения, а еще требует дополнительного времени на коммуникацию и проверки. Для подстраховки мы сохраняли все версии прототипов на локальных компьютерах.

Финальные правки

  • Оформление. Прототип не должен отражать дизайн, но должен быть аккуратным. Нам потребовалось поправить отступы и шрифты.
  • Единое представление элементов, которые используются для одинаковых действий. Это важно с точки зрения юзабилити, но когда над прототипом работает два человека, возможны расхождения. Проверили прототип с этой точки зрения — обнаружили, что один элемент мы с коллегой используем для разных задач. Пришлось ввести еще один элемент интерфейса и внести правки.
  • Интерактив. Например, закрепление шапки сайта, функциональных и информационных элементов при прокрутке страницы. Тут тоже важно единое поведение, следует это проверить. В случае с глобальными элементами удобнее реализовать интерактив в последнюю очередь. Это позволяет проанализировать все варианты представления и контекста, чтобы спроектировать наиболее уместное поведение.
Фрагмент шаблона из прототипа

Руководство к прототипам

Фрагмент из руководства к прототипам

Что получилось хорошо

  • Работа над проектом идет быстрее. Мы успели к сроку только благодаря решению проектировать вдвоем.
  • В споре рождается истина: в диалоге часто получается придумать более оптимальное решение.
  • Качество выше за счет того, что исполнители находят ошибки друг друга и предлагают способы улучшения.
  • Обмен опытом. Он происходит сам собой в ходе работы. Это полезно для развития исполнителей, а значит, и для повышения качества продукта в целом.
  • Экспертиза не замыкается на одном участнике команды. Я уехала в отпуск со спокойной душой и уверенностью, что мой коллега закроет все оставшиеся по проекту вопросы.

Что планируем улучшить

  • Подобрать инструмент для коллаборации. Мы выбрали Axure RP Team* и Figma*. Будем использовать оба инструмента и выбирать в зависимости от особенностей конкретного проекта.
  • Поощрять обсуждения решений и споры, развивать навыки переговоров. Выше уже писала, почему это хорошо.
  • В процессе работы над проектом вести гайд для него. В нем описывать элементы, которые можно и нужно переиспользовать в рамках данного проекта: представление, поведение, назначение, места использования в проекте. Это сократит ситуации, в которых исполнители по-разному понимают один элемент или создают разные элементы для решения одинаковых задач.

--

--

--

Digital integrator Notamedia https://nota.media/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Notamedia

Notamedia

Digital integrator Notamedia https://nota.media/

More from Medium

Snippets

What role does media play in life AND what makes something news?

The Fat Man — Chapter 23