The post has been translated automatically. Original language: Russian Russian
The goal of product design is to unite the interests of users and businesses. The product designer is focused on several tasks: a) the vision of the product; b) how the product makes money; c) how it solves user problems.
Roman Iminov and Aniya Ibadullina are product designers of the Kolesa Group. The company's design department participates at every stage of product development from the discovery stage to post-production. Below we will analyze each of the stages in detail.We asked Roman and his colleagues to tell us what they do in the company, about product design and its significance for users and businesses on specific cases. They also shared useful recommendations.
Roman Iminov, product designer of the Kolesa Group
About my work
I work in the Kolesa team.kz is the No. 1 platform on the auto market in Kazakhstan with a monthly audience of more than 5 million users. I am responsible for the experience of finding and submitting ads. I like to make products understandable and user-friendly. My task is to immerse myself in the problem as much as possible, and based on the data to develop a scenario that will give people a positive experience of using the product, and business — profit.
Why do I need a product designer
To enable the user to easily perform their tasks, in our case, to buy or sell a car. If the product is convenient and useful for the user, then he returns himself and recommends it to his loved ones — hence the benefits for business.
The biggest wow effect of participating in product development
I can't single out any one stage for myself. I enjoy the whole process and especially its result. The most exciting thing is that at every stage I can be useful by asking the right questions, digging into the essence of the problem and forming the right design hypotheses
How designers are connected with specialists from other departments
The product designer participates in the discovery and delivery stages.
Discovery stage
1. Collecting symptoms
At this stage, the whole team is looking for symptoms of problems and growth points. We rely on research, reviews, and appeals to the care service. I act as a "lawyer" for the user in the product, arguing why the current solution may cause a problem. Due to good arguments, these symptoms can be taken into further study.
2. Validation of the problem
At this stage, it is important to understand which problem is the most critical. Here I show why solving a problem in the user experience can increase our metrics and conversions.3. Idea generation, where the whole team builds hypotheses to solve the problem. I offer solutions related not only to interfaces, but also to other areas of the product. These can be technical, marketing and other solutions, because the answer does not always lie in design.
Based on the results of discovery, the team has a set of hypotheses that need to be tested on users. This is where the work with "handles" begins.
Delivery stage
1. Focus
Gather all the information together and understand what you need to focus on. If there is not enough data, then go "knock" on other departments that can make up for them.
2. Draft layouts and hypotheses
I build design hypotheses and design draft layouts, in which I necessarily follow the design principles of the team:
a) consistency — all patterns and elements inside the product are homogeneous;
b) feedback — we conduct transparency with the user, inform about the current status (where he is, what is happening, what will happen, etc.);
c) focus on the client — we take into account the user segment and do not forget about other segments that may encounter this scenario.
Next, it is necessary to build high-quality and understandable hypotheses that will be tested on usability tests.
3. Research and usability tests
Usability test is a method of evaluating the interface from the side of convenience and ease of use. I always get involved in research: I listen to what people say and ask questions. It helps to be closer to users, to understand how they think and act.
4. Finishing layouts
It is necessary to work out feedback from users and prepare a final layout. To do everything so that anyone, even outside the context of the task, could go into the layout, understand everything and immerse themselves in the solution.
5. Design review
Checking the work of the developer for compliance with the layouts and the idea of the designers. Everything so that the user gets a high-quality product.
Post production
The feature is already in production, but this does not mean that you can forget about it. It needs to be closely monitored: to track analytics, user engagement and their appeals to the care service. After a while, take another slice and see how it affected the product.
Where to study for a specialty
I have always drawn knowledge from designers and from open resources. I didn't take the courses. Now I'm reading telegram channels from the UX/UI folder. I attend online and offline meetups.
Alania Ibadullina, grocery designer
About my work
I am developing a design in the Avtoelon product.uz is the No. 1 platform on the online car market in Uzbekistan. The monthly audience of the product is 1.5 million people. My task is to identify user pains and business problems, and solve them. I work in conjunction with the product manager to lead our team to implement the strategy, taking into account the needs of the market and technology.
Why do I need a product designer
Create a product that is not only functional, but visually attractive and easy to use.
We focus on improving the user experience. This leads to increased user satisfaction, improved business metrics, and customer retention.
We are constantly exploring the market of Uzbekistan, always in touch with our users. We travel a lot around the country. It is important for us that the product is convenient, simple and technically accessible.
The biggest wow effect of participating in product development
To see that people use the result of our work, that it benefits them. It's incredibly cool when you do research in the field yourself and hear the comments "Thank you, it's very convenient. Sold the car in 2 hours!".
I am very pleased to see the involvement of the product team while working on the functionality. When developers, QA engineers, analysts, UX researchers offer solutions that improve the user path.
The influence of a product designer on working examples
In work tasks, we go through all the stages of discovery and delivery, which Roma described above. Sometimes we go back to individual steps and move iteratively. Each task is unique: it allows diz to pump skills in different directions and sometimes brings unexpected results.
Case 1
Flow of adding photos to Avtoelon.uz
Problem
The script for adding photos from the gallery was long, extra windows popped up. The process of choosing a photo was complicated by a small click area and inaccurate translations.
Goal
Reduce the number of steps in the script. To make them more native for users of each of the platforms in order to improve the conversion to the passage of screens.
How the work was built
1. The UX researcher talked to real users. Prepared a presentation with conclusions and recommendations.
2. We additionally conducted a UX audit of the script, identified all the problem points.
3. We studied the data and analyzed the ways of adding photos.
4. We looked at the script patterns in other products and guidelines.
5. We put up design hypotheses and prepared a prototype with a draft solution for the study. 100% of respondents successfully passed the scenario.
1. We worked out the comments and prepared a final layout for the development team.
2. After the layout of the screens, a design review was conducted.
3. Sent to production and monitored the indicators.
Result
1. Improved UX:
a) made the flow more native;
b) reduced the number of steps in the script;
c) reduced the time to the desired action.
2. Influenced the numbers:
a) the conversion from the photo screen to the price screen increased by 2%;
b) conversion to successful photo addition increased by 12%;
c) the conversion from the photo screen to the successful submission increased by 4%.
Case 2
The functionality of saving cards during payment
Problem
Users had to re-enter all card details when paying again. As a result, there were technical errors due to additional requests, and not everyone could pay.
Goal
Increase the number of successful payments and increase the conversion to a successful payment.
How the work was built
1. There was no doubt about the need for a functional, but it was important for us to understand what numerical results we could achieve. The product manager and analyst conducted the research and provided the data.
2. We evaluate the impact of the created design on users and business. We consulted with managers, requested additional calculations..
3. We conducted an analysis of financial applications that our users visit most often.
4. Based on all the conclusions, two design hypotheses were prepared for research in the form of prototypes.
5. According to the results, one of the hypotheses worked better. We made minor changes to it and handed it over to the development team.
Result
1. The conversion to successful card payments increased statistically significantly by 2%.
2. Reduced the payment path with a card by two screens: it takes less time to make a payment.
3. The functionality brought additional revenue for the company.
Where to study for a specialty
I recommend trying yourself on real tasks. It is not necessary to create another delivery application or a social network. It is better to go to friends, find out what problem they are facing and try to solve it through design. It will be cool if the designer finds like-minded people in the face of developers and together creates a full-fledged solution. This will give you a complete understanding of the product development process and teach you how to interact with other team members.
The design team and I have prepared a selection:
Books:
- "Design for the real world", Victor Papanek
- "A mental hospital in the hands of patients", Alan Cooper
- "User Interface", Ilya Birman
- "Typography and layout", Artem Gorbunov
- "User Experience Design" by John Whelen
- "Universal Design Methods", Bruce Hanington, Bella Martin
Courses:
Useful resources:
Цель продуктового дизайна — объединять интересы пользователей и бизнеса. Продуктовый дизайнер сфокусирован на нескольких задачах: а) видение продукта;б) как продукт зарабатывает деньги;в) как решает проблемы пользователей.
Роман Иминов и Ания Ибадуллина — продуктовые дизайнеры Kolesa Group. Дизайн-отдел компании участвует на каждом этапе разработки продукта от этапа discovery до post-production. Ниже мы подробно разберём каждый из этапов.Мы попросили Романа и Анию рассказать, чем они занимаются в компании, о продуктовом дизайне и его значении для пользователей и бизнеса на конкретных кейсах. Также они поделились полезными рекомендациями.
Роман Иминов, продуктовый дизайнер Kolesa Group
О своей работе
Я работаю в команде Kolesa.kz — платформа №1 на рынке авто в Казахстане с месячной аудиторией более 5 млн пользователей. Отвечаю за опыт нахождения и подачи объявлений. Люблю делать продукты понятными и удобными для пользователей. Моя задача — максимально погрузиться в проблему, и на основе данных разработать сценарий, который даст людям положительный опыт использования продукта, а бизнесу — прибыль.
Зачем нужен продуктовый дизайнер
Дать возможность пользователю легко выполнять свои задачи, в нашем случае купить или продать машину. Если продукт удобен и полезен для пользователя, то он возвращается сам и рекомендует близким, — отсюда и польза для бизнеса.
Самый большой вау-эффект от участия в разработке продукта
Не могу выделить для себя какой-то один этап. Удовольствие мне доставляет весь процесс и особенно его результат. Самый кайф в том, что на каждом этапе я могу быть полезным, задавая правильные вопросы, копая в суть проблемы и формируя правильные дизайн-гипотезы
Как дизайнеры связаны со специалистами из других отделов
Продуктовый дизайнер участвует на этапах discovery и delivery.
Этап discovery
1. Сбор симптомов
На этом этапе вся команда ищет симптомы проблем и точки роста. Мы опираемся на исследования, отзывы, обращения в службу заботы. Я выступаю «адвокатом» пользователя в продукте, аргументируя почему текущее решение может вызывать проблему. За счёт хороших аргументов эти симптомы могут взять в дальнейшую проработку.
2. Валидация проблемы
На этом этапе важно понять, какая проблема наиболее критичная. Здесь я показываю, почему решение проблемы в опыте пользователя может увеличить наши метрики и конверсии.3. Генерация идейЭтап, где вся команда выстраивает гипотезы по решению проблемы. Я предлагаю решения, связанные не только с интерфейсами, но и с другими областями продукта. Это могут быть технические, маркетинговые и другие решения, потому что не всегда ответ кроется в дизайне.
По итогам discovery у команды есть набор гипотез, которые нужно протестировать на пользователях. Здесь и начинается работа «ручками».
Этап delivery
1. Фокусировка
Собрать всю информацию воедино и понять, на чём нужно сфокусироваться. Если данных недостаточно, то пойти «постучаться» в другие отделы, которые могут их восполнить.
2. Черновые макеты и гипотезы
Выстраиваю дизайн-гипотезы и проектирую черновые макеты, в которых обязательно соблюдаю дизайн-принципы команды:
а) консистентность — все паттерны и элементы внутри продукта однородны;
б) фидбек — ведем прозрачность с пользователем, информируем о текущем статусе (где он, что происходит, что произойдет и т.д.);
в) фокус на клиенте — учитываем сегмент пользователя и не забываем о других сегментах, что могут столкнуться с этим сценарием.
Далее необходимо выстроить качественные и понятные гипотезы, которые будут проверяться на юзабилити-тестах.
3. Исследования и юзабилити-тесты
Юзабилити-тест — это метод оценки интерфейса со стороны удобства и простоты его использования. Всегда подключаюсь к исследованиям: слушаю, что говорят люди и задаю вопросы. Это помогает быть ближе к пользователям, понимать, как они мыслят и действуют.
4. Чистовые макеты
Необходимо отработать фидбек от пользователей и подготовить чистовой макет. Сделать всё так, чтобы любой человек, даже вне контекста задачи, мог зайти в макет, всё понять и погрузиться в решение.
5. Дизайн-ревью
Проверка работы разработчика на соответствие макетов и задумке дизайнеров. Всё, чтобы пользователь получил кайфовый продукт.
Post production
Фича уже в продакшене, но это не значит, что о ней можно забыть. За ней нужно пристально наблюдать: отслеживать аналитику, вовлеченность пользователей и их обращения в службу заботы. Спустя время ещё раз провести срез и посмотреть, как она повлияла на продукт.
Где выучиться на специальность
Всегда черпал знания у дизайнеров и в открытых ресурсах. Курсы не проходил. Сейчас я читаю телеграм каналы из папки UX/UI. Посещаю онлайн и офлайн-митапы.
Ания Ибадуллина, продуктовый дизайнер
О своей работе
Я развиваю дизайн в продукте Avtoelon.uz — это платформа №1 на онлайн-рынке авто в Узбекистане. Месячная аудитория продукта — 1,5 млн человек. Моя задача — определить боли пользователей и проблемы бизнеса, и решить их. Работаю в связке с product-менеджером, чтобы вести нашу команду к воплощению стратегии, учитывая потребности рынка и технологий.
Зачем нужен продуктовый дизайнер
Создать продукт, который не только функционален, но визуально привлекателен и удобен в использовании.
Мы фокусируемся на улучшении пользовательского опыта. Это ведёт к увеличению удовлетворенности пользователей, улучшению бизнес-метрик и удержанию клиентов.
Мы постоянно исследуем рынок Узбекистана, всегда на связи с нашими пользователями. Много ездим по стране. Для нас важно чтобы продукт был удобным, простым и технически доступным.
Самый большой вау-эффект от участия в разработке продукта
Видеть, что результатом нашей работы пользуются люди, что оно приносит им пользу. Невероятно круто, когда сам в поле проводишь исследования и слышишь комментарии «Спасибо вам, очень удобно. Продал машину за 2 часа!».
Очень радует видеть вовлеченность продуктовой команды во время работы над функционалом. Когда разработчики, QA-инженеры, аналитики, UX-исследователи предлагают решения, которые улучшают пользовательский путь.
Влияние продуктового дизайнера на рабочих примерах
В рабочих задачах мы проходимся по всем этапам discovery и delivery, которые выше описал Рома. Иногда возвращаемся к отдельным шагам и двигаемся итеративно. Каждая задача уникальна: позволяет дизу прокачать навыки в разных направлениях и иногда приносит неожиданные результаты.
Кейс 1
Флоу добавления фотографий в Avtoelon.uz
Проблема
Сценарий добавления фото из галереи был длинным, выскакивали лишние окна. Процесс выбора фото усложнялся маленькой областью клика и неточными переводами.
Цель
Сократить количество шагов в сценарии. Сделать их более нативными для пользователей каждой из платформ, чтобы улучшить конверсию в прохождение экранов.
Как строилась работа
1. UX-исследователь пообщалась с реальными пользователями. Подготовила презентацию с выводами и рекомендациями.
2. Мы дополнительно провели UX-аудит сценария, определили все проблемные точки.
3. Изучили данные и проанализировали пути добавления фото.
4. Просмотрели паттерны сценария в других продуктах и гайдлайнах.
5. Выставили дизайн-гипотезы и подготовили прототип с черновым решением для исследования. 100% респондентов успешно прошли сценарий.
1. Отработали комментарии и подготовили чистовой макет для команды разработки.
2. После верстки экранов провели дизайн-ревью.
3. Отправили в production и следили за показателями.
Результат
1. Улучшили UX:
а) сделали флоу более нативным;
б) уменьшили количество шагов в сценарии;
в) сократили время до желаемого действия.
2. Повлияли на цифры:
а) конверсия с экрана фото на экран цены увеличилась на 2%;
б) конверсия в успешное добавление фото увеличилась на 12%;
в) конверсия с экрана фото до успешной подачи увеличилась на 4%.
Кейс 2
Функционал сохранения карт во время оплаты
Проблема
Пользователям приходилось заново вводить все данные карты при повторной оплате. Как следствие возникали технические ошибки из-за дополнительных запросов, и не все могли оплатить.
Цель
Увеличить количество успешных оплат и увеличить конверсию в успешную оплату.
Как строилась работа
1. В необходимости функционала не было сомнений, но нам важно было понять, каких численных результатов мы можем достичь. Product-менеджер и аналитик провели исследование и предоставили данные.
2. Оцениваем влияние создаваемого дизайна на пользователей и бизнес. Консультировались с менеджерами, запросили дополнительные расчеты..
3. Провели анализ финансовых приложений, в которые чаще всего заходят наши пользователи.
4. На основе всех заключений подготовили две дизайн-гипотезы для исследований в виде прототипов.
5. По результатам лучше отработала одна из гипотез. Мы внесли в неё незначительные изменения и передали команде разработки.
Результат
1. Конверсия в успешную оплату картами статистически значимо увеличилась на 2%.
2. Сократили путь оплаты с картой на два экрана: на совершение платежа уходит меньше времени.
3. Функционал принес дополнительную выручку для компании.
Где выучиться на специальность
Я рекомендую пробовать себя на реальных задачах. Не стоит создавать еще одно приложение по доставке или соцсеть. Лучше сходить к знакомым, выяснить с какой проблемой они сталкиваются и попробовать ее решить через дизайн. Классно будет, если дизайнер найдет единомышленников в лице разработчиков и вместе создаст полноценное решение. Это даст полное понимание процесса разработки продукта и научит взаимодействовать с другими участниками команды.
Мы с дизайн-командой подготовили подборку:
Книги:
- «Дизайн для реального мира», Виктор Папанек
- «Психбольница в руках пациентов», Алан Купер
- «Пользовательский интерфейс», Илья Бирман
- «Типографика и вёрстка», Артем Горбунов
- «Дизайн пользовательского опыта», Джон Уэлен
- «Универсальные методы дизайна», Брюс Ханингтон, Белла Мартин
Курсы:
Полезные ресурсы:
Share
