---
updateDate: 2026-02-10T00:00:00Z
publishDate: 2024-07-22
publishYear: 2016
name: Solar staff
title: Точечные улучшения интерфейса
excerpt: Провели аудит интерфейса, предложили точечные улучшения, разработали новый дизайн и повысили конверсию в два раза.
context: Solar Stuff — однозначно востребованный на рынке продукт. Достаточно уникальный и полезный, чтобы пользователи не слишком придирались к дизайну. Однако наш заказчик справедливо предположил, что неидеальные интерфейсы помешают развитию.
logo:
src: ~/assets/images/portfolio/solar-staff/logo.svg
alt: Solar staff logo
link: https://www.solarstaff.com/ru
noCard: true
image: ~/assets/images/portfolio/solar-staff/solar-staff.jpg
imageAlt: Точечные улучшения интерфейса
thumbnail:
src: ~/assets/images/portfolio/cards/solarstaff.svg
alt: Собака Павлова • Solar Staff • Дизайн системы автоматизации документооборота и выплат
tags:
- it
- ux-audit
- redesign
- mass
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-дизайн](/ux-design) и [продуктовые исследования](/ux-researches), независимо или [на аутсорсе](/ux-outstaff).
collection: services
page: ux-audit
- collection: services
page: redesign
- text: |
### Наша экспертиза
400+ интерфейсных проектов и более [140 проектных кейсов](https://sobakapav.ru/portfolio).
### Наши статьи
collection: post
page: ux-testing-results
- collection: post
page: ux-audit-by-principles
- collection: post
page: selfcheckout-terminals
- collection: post
page: to-redo-everything-in-swiss2
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: anggell-2025
- collection: portfolio
page: smartdeal-ecp
- collection: portfolio
page: control-patent
- collection: portfolio
page: control-forest
- collection: portfolio
page: edms
- collection: portfolio
page: smartdeal
result:
-
src: ~/assets/images/portfolio/pdf.png
text: Отчет об аудите старой версии
link: https://drive.google.com/file/d/1srsfCzxQOsHyiCvX1hO_TdcOUMFJUNCi/view?usp=sharing
-
src: ~/assets/images/portfolio/png.png
text: Дизайн-макеты
link: https://drive.google.com/drive/folders/1zAnLqBqjPY0Q2hTCkknl1oP0-7jxiJW5?usp=sharing
-
src: ~/assets/images/portfolio/link.png
text: Кликабельный прототип
link: https://nt4ql8.axshare.com/#g=1
budget: ~ 700 000 ₽
review:
text: Результат мы получили даже быстрее, чем ожидали. Оценить его можно только крайне положительно. Мы получили интерфейсы, которые решают все поставленные вопросы, и даже больше — был предложен новый функционал, вписывающийся в общую концепцию и помогающий раскрыть потенциал Solar Staff еще больше. И конверсия выросла в два раза.
photo: ~/assets/images/portfolio/solar-staff/person.jpg
person: Александр Никитин,
position: технический директор
director: Пришли, увидели, увеличили конверсию вдвое.
metadata:
canonical: https://sobakapav.ru/portfolio/solar-staff
title: Бизнес-интерфейс • Система документооборота и выплат удаленным сотрудникам
description: "Провели аудит интерфейса, разработали новый дизайн и повысили конверсию в два раза"
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/solar-staff/solar-staff.jpg'
width: 1078
height: 768
---
import TOC from '~/components/widgets/TOC.astro';
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Плюсы и минусы](#anchor3) • [UX-аудит](#anchor4) • [Экспертная оценка](#anchor5) • [Дизайн интерфейса](#anchor6) • [Результат](#anchor7) • [Смысл](#anchor8) • [Отзыв, цены, сроки](#anchor9)
</TOC>
## <a name="anchor1" />Бизнес-задача
Работать с фрилансерами — та еще задачка. Особенно когда их не один-двое, а десяток. Нужно заключать договоры, перечислять деньги за работу — кому на карту, кому на [вебмани](https://www.webmoney.ru/), кому на банковский счет, оформлять передачу авторских прав и учитывать массу бюрократических мелочей, чтобы не нарушить закон.
[Solar Staff](https://www.solar-staff.com/) — сервис для автоматизации документооборота и выплат распределенным командам и фрилансерам. Основатели сервиса создали продукт, который позволяет любому бизнесу упорядочить взаимоотношения с удаленными сотрудниками.
_Старый интерфейс «Solar Staff»_
Как устроен Solar Staff? Работодатель регистрируется в системе и приглашает туда фрилансеров, занятых в проекте. Он ставит задачи, договаривается о цене, принимает или отклоняет результаты, оплачивает работу. А всю бюрократию берет на себя сервис.
## <a name="anchor2" />Дизайн-задача
Интерфейс системы разработчики создавали самостоятельно. По мере развития продукта вносили поправки, и, хотя старались, чтобы все было удобно, без ошибок не обошлось. Пока пользователи мирятся с недостатками, но в будущем это может стать узким местом.
К нам пришли за аудитом и точечными улучшениями. Задача — оценить интерфейсы, найти ошибки, показать, что, где и как можно исправить.
## <a name="anchor3" />Плюсы и минусы
>**+ Вовлеченность заказчика**
>Как всегда, это половина успеха проекта.
>**+ Доступ к пользователям**
>Есть возможность поговорить с реальными пользователями системы — их более чем достаточно.
>**- Неопределенность**
>Сервис развивается, и многие вопросы еще не решены. Еще предстоит разбираться с юридическими тонкостями. Не до конца проработаны технические детали, в частности связанные с перечислением денег.
## <a name="anchor4" />UX-аудит
Начали с аудита. Для него у нас есть стандартный испытанный план действий. Первым делом — поговорить с пользователями. Но общение не на ровном месте начинается. Чтобы провести интервью, нужно составить гайд — список тем и конкретных вопросов. А чтобы составить гайд… нужно провести интервью!
[Обзор респондентов](https://drive.google.com/file/d/1KwEGNFmJK3HZM8pjvYdrl5Yo3w_vJnrY/view?usp=sharing)
Тут без внутренней экспертизы не обойтись. Многие из нас — в команде «Собаки» — успели побыть и фрилансерами, и заказчиками. Мы обсудили свой опыт и получили обобщенную картинку: «как работают фрилансеры» и «как работают заказчики». Это помогло аналитику погрузиться в тему, и он составил гайд для общения с пользователями.
По такой схеме мы провели десять интервью: пять с руководителями, пять с фрилансерами. Уже на этом этапе заказчик узнал кое-что новое для себя — значит, мы движемся в верном направлении. Мы выделили несколько проблем.
>
>
> **Непонятно, про что этот сервис**
> Про совместную работу? Про бухгалтерию в работе с фрилансерами?
>
>
> **Есть вопрос к доверию**
> Фрилансер оставляет на сайте паспортные данные и реквизиты. Людям нужна гарантия, что информация защищена и они ничем не рискуют.
>
>
> **Расчеты непрозрачны**
> Финансовые расчеты недостаточно прозрачны. Ни для работодателя, ни для фрилансера. Не видно, когда заказчик собирается оплатить работу, перечислены ли деньги, скоро ли они поступят на счет.
>
>
> **Главным не пользуются**
> По замыслу создателей, система позволяет фиксировать ход работы: разбивку проекта на подзадачи, их статус и этапы. Но люди практически не пользовались этой функцией, отслеживая всю текучку своими силами, без помощи Solar Staff.
Результаты интервью оформили в виде портретов пользователей.
_Это юристы попросили нас размыть мордочки людей :)_
[Портреты пользователей](https://drive.google.com/file/d/1VwubMRtrmGkPMMATj8gjmK0SXFRBuMby/view?usp=sharing)
Это помогло понять, чем живут пользователи Solar Staff и с какими трудностями сталкиваются. Как трансформировать это знание в список конкретных замечаний к интерфейсам?
## <a name="anchor5" />Экспертная оценка
Как видите, нельзя просто прийти и сделать аудит. Львиную долю времени занимает подготовка. Критерии оценки берутся не с потолка — эксперт должен опираться на реалистичные сценарии.
_Рабочие заметки нашего менеджера перед тестированием сервиса_
Таким же образом мы протестировали историю фрилансера. Мы оценивали и личный кабинет, и главную страницу сервиса. Вот так выглядели результаты — на примере главной.
[Отчет об экспертной оценке сайта](https://drive.google.com/file/d/1srsfCzxQOsHyiCvX1hO_TdcOUMFJUNCi/view?usp=sharing)
Нельзя сказать, что мы очень уж любим аудиты. Во-первых, ругать умеет каждый. Правда, не все делают это по внятной проверенной методологии — тут нам без ложной скромности есть чем похвастаться. Во-вторых, отругали — и что? Клиент получает длинный список замечаний и напутствие — поскорее устранить косяки. Видит свой бизнес со стороны и понимает, куда двигаться. Но часто этим дело и заканчивается.
Вот почему нам так нравятся проекты вроде этого, когда аудит — это только разгон перед настоящей работой. Когда мы, выяснив, что и где в интерфейсе не так, придумываем, как это исправить. И когда заказчик не просто говорит нам «спасибо», а начинает внедрять улучшения.
## <a name="anchor6" />Дизайн интерфейса
Мы были готовы сразу приступить к работе — уже знали заказчика, систему, пользователей, их жизненные ситуации и сценарии. Оставалось спроектировать решение. Чем мы и занялись.
Для добавления задачи нужно заполнить много разных полей — чтобы система правильно сформировала пакет документов. В первой версии интерфейса это было неочевидно и неудобно. Мы упростили процесс постановки задачи, разбили его на шаги (точнее, на несколько веток сценариев), снабдили комментариями.
[Интерактивный прототип](https://nt4ql8.axshare.com/)
Теперь при постановке задачи можно сразу пригласить нового (еще не зарегистрированного в системе) исполнителя. Раньше для этого нужно было идти в специальный раздел.
_Страница «Новая задча». Показан один из частых случаев — приглашение незарегистрированного пользователя_
Мы настояли на том, чтобы не было жесткой привязки фрилансера к одной компании: если фрилансер работает через Solar Staff с несколькими компаниями, ему не надо заводить несколько аккаунтов. Его работодатели при этом друг друга не знают и в глаза не видят.
Появилась возможность сохранять задачи в черновики. Удобно, например, сразу завести все задачи, а по мере подбора фрилансеров — добавлять конкретных исполнителей.
_Сводная таблица задач стала наглядней. Было так_
_А мы предложили так. Заодно переименовали туманные «группы» в понятные всем «проекты»_
Прежняя страница с описанием задачи была сложной и громоздкой.
_Старая типовая страница «Просмотр задачи»_
Внизу страницы — блок «переписка». Было понятно, что суть задачи исполнитель и заказчик будут обсуждать не здесь. Убрать переписку вообще? Но если понадобится прояснить финансовые вопросы — тут самое место. Мы решили превратить этот блок из чата в лог. Система фиксирует ход работ, выводя на экран автоматические уведомления. А можно и сообщение написать, и что-то обговорить.
_Новая страница задачи. Позаботились и о бухгалтерах — вывели на страницу всю важную информацию, статистику, параметры фильтрации. Испугались розАвИнькой навигации? Это для наглядности обсуждения. Не дизайн, свят-свят-свят_
_Перепроектированный раздел «Финансы»_
Страницы для фрилансеров выглядят чуть иначе — отличие в мелочах. Целиком можно [посмотреть в прототипе](http://proto.pavlova.cc/NT4QL8/).
## <a name="anchor7" />Результат
Заказчик сначала обновил главную страницу по нашим рекомендациям, а потом внедрил и [дизайн личного кабинета](https://www.solar-staff.com/work-service).
## <a name="anchor8" />Смысл
Из этой истории можно сделать два полезных вывода. Во-первых, браться за улучшение интерфейсов лучше до того, как проблема стала острой. Тогда можно привести все в порядок без спешки. Во-вторых, аудит — это лишь начало работы, и проводить его стоит, если вы намерены дойти до победного конца.
## <a name="anchor9" />