Аудит Usability
Аудит Usability
Аудит Usability
Аудит Usability
Аудит Usability
Соберём и изучим конкурентов, проведём аудит по трендам UI UX, составим список ошибок и рекомендаций по улучшению интерфейса.
Соберём и изучим конкурентов, проведём аудит по трендам UI UX, составим список ошибок и рекомендаций по улучшению интерфейса.
Соберём и изучим конкурентов, проведём аудит по трендам UI UX, составим список ошибок и рекомендаций по улучшению интерфейса.
Соберём и изучим конкурентов, проведём аудит по трендам UI UX, составим список ошибок и рекомендаций по улучшению интерфейса.
Мы научились быстро погружаться в задачу: всего за 1-2 дня мы получаем представление о проекте и можем представить черновую структуру. Так выглядят результаты:
![Пример результата предпроектной аналитики: mindmap, структура, роли](https://framerusercontent.com/images/qLnWXUu2EheP1rcGOjHUCVCc26M.jpg)
Cmd / Ctrl + Scroll для изменения масштаба
показать демо
прямо здесь
![Пример результата предпроектной аналитики: CJM](https://framerusercontent.com/images/2wGNEF59asCkYdLI8xe2Vw5RQAQ.jpg)
Cmd / Ctrl + Scroll для изменения масштаба
показать демо
прямо здесь
Мы научились быстро погружаться в задачу: всего за 1-2 дня мы получаем представление о проекте и можем представить черновую структуру. Так выглядят результаты:
![Пример результата предпроектной аналитики: mindmap, структура, роли](https://framerusercontent.com/images/qLnWXUu2EheP1rcGOjHUCVCc26M.jpg)
Cmd / Ctrl + Scroll для изменения масштаба
показать демо
прямо здесь
![Пример результата предпроектной аналитики: CJM](https://framerusercontent.com/images/2wGNEF59asCkYdLI8xe2Vw5RQAQ.jpg)
Cmd / Ctrl + Scroll для изменения масштаба
показать демо
прямо здесь
Мы научились быстро погружаться в задачу: всего за 1-2 дня мы получаем представление о проекте и можем представить черновую структуру. Так выглядят результаты:
![Пример результата предпроектной аналитики: mindmap, структура, роли](https://framerusercontent.com/images/qLnWXUu2EheP1rcGOjHUCVCc26M.jpg)
Cmd / Ctrl + Scroll для изменения масштаба
показать демо
прямо здесь
![Пример результата предпроектной аналитики: CJM](https://framerusercontent.com/images/2wGNEF59asCkYdLI8xe2Vw5RQAQ.jpg)
Cmd / Ctrl + Scroll для изменения масштаба
показать демо
прямо здесь
![](https://framerusercontent.com/images/Lqs2Nnp515ILAvm7LutrcA2Pz1c.jpg?scale-down-to=1024)
показать демо
прямо здесь
![](https://framerusercontent.com/images/Lqs2Nnp515ILAvm7LutrcA2Pz1c.jpg?scale-down-to=1024)
показать демо
прямо здесь
![](https://framerusercontent.com/images/Lqs2Nnp515ILAvm7LutrcA2Pz1c.jpg?scale-down-to=1024)
показать демо
прямо здесь
Что входит в услугу
Анализируем конкурентов, собираем обратную связь из открытых источников, проводим опросы и интервью с пользователями. Проектируем новую концепцию с учётом трендов UI UX и накопленных данных об опыте пользователей.
Для сложного функционала проектируем схемы бизнес-процессов, сценарии пользователей и Use Cases — предусматриваем всё, чтобы не осталось вопросов на этапе разработки.
Анализ конкурентов
Разбираем основных конкурентов, их преимущества и недостатки.
![Анализ конкурентов](https://framerusercontent.com/images/yg54PjlTE68bJapM6cBj30TvVU8.png)
Сбор обратной связи
Используем отзывы, соц. сети, мессенджеры, комментарии, чтобы узнать мнение пользователей.
![Сбор обратной связи](https://framerusercontent.com/images/l0cu1EoLeiB27ZWZ0JHtIdxy5w.png)
Тренды UI UX
Используем авторитетные источники, определяем тренды UI UX и делаем презентацию с описанием трендов, применимых к проекту.
![Тренды UI UX](https://framerusercontent.com/images/0AL0OSWaJgcY7jYXDt8FlvzPU5k.jpg)
Аудит интерфейса
Детально разберём интерфейс проекта, найдём все логические и визуальные ошибки.
Составим список замечаний с обоснованием и укажем приоритет к исправлению.
![Аудит интерфейса](https://framerusercontent.com/images/c725nmWlmienkbpU4iBaRsd48U.png)
Накопленная аналитика
Анализируем поведение: вебвизор, время на сайте, % отказов, карту кликов и т.д.
Находим слабые места в дизайне и предлагаем список решений в виде презентации.
![Накопленная аналитика](https://framerusercontent.com/images/9SdLyeR6hrQQrnPshd6NVw71ulI.png)
Логические ошибки
Детально разбираемся с текущей версией интерфейса.
На основе аналитики определяем как должен работать интерфейс, исходя из ожиданий пользователей.
![Логические ошибки](https://framerusercontent.com/images/eJ8YRnqLGiLt12scyul23ixj150.png)
Оптимизация логики
Наглядно, на схемах проектируем путь пользователя по сценариям.
Выявляем и устраняем логические ошибки в навигации и структуре разделов.
![Оптимизация логики](https://framerusercontent.com/images/XYGeodsITvexo9uHFhO3j5dMDBQ.jpg)
Проектирование интерфейсов
По согласованной логике проектируем интерфейсы.
Делаем наглядные прототипы, чтобы быстро прийти к общему видению проекта.
![Проектирование интерфейсов](https://framerusercontent.com/images/ed3qnygoFrjqStUpyTs94LBwjs.png)
UX-тесты на пользователях
Организуем интервью с пользователями для тестирования прототипа.
Составляем задания, на онлайн-звонках фиксируем неудобства и идеи через демонстрацию экрана.
Результаты UX-тестов
Анализируем результаты интервью, составляем отчёт по каждому респонденту.
Получаем много инвайтов по улучшению интерфейса — от самих пользователей.
![Результаты UX-тестов](https://framerusercontent.com/images/n5nCkE7l95pGiAa17s5kJqtuxo.png)
Итоги аудита юзабилити
Делаем презентацию со списком замечаний и предложений.
Демонстрируем новые интерфейсы с учётом новой информации.
![Итоги аудита юзабилити](https://framerusercontent.com/images/QC7X4ejvvEi19eZDT7oXIKYud4Q.png)
Наводим порядок в дизайне
Делаем дизайн удобным для разработки, используем autolayout и переменные: всем будет понятно, какой отступ или цвет использовать — все правила внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.
![Наводим порядок в дизайне](https://framerusercontent.com/images/sujeyUEp7DA2DjKGUgsaJvfI1h8.png)
Обновлённый дизайн
Делаем дизайн-концепцию на основе полученных данных.
Учитываем опыт конкурентов, тренды UI UX, обратную связь от пользователей, накопленную аналитику и результаты UX-тестов.
Срок проведения такого аудита: 2-4 недели, в зависимости от сложности проекта.
![Обновлённый дизайн](https://framerusercontent.com/images/wqnKwCLZshuRIbgw3g7qNG1IRA.png)
Что входит в услугу
Анализируем конкурентов, собираем обратную связь из открытых источников, проводим опросы и интервью с пользователями. Проектируем новую концепцию с учётом трендов UI UX и накопленных данных об опыте пользователей.
Для сложного функционала проектируем схемы бизнес-процессов, сценарии пользователей и Use Cases — предусматриваем всё, чтобы не осталось вопросов на этапе разработки.
Анализ конкурентов
Разбираем основных конкурентов, их преимущества и недостатки.
![Анализ конкурентов](https://framerusercontent.com/images/yg54PjlTE68bJapM6cBj30TvVU8.png)
Сбор обратной связи
Используем отзывы, соц. сети, мессенджеры, комментарии, чтобы узнать мнение пользователей.
![Сбор обратной связи](https://framerusercontent.com/images/l0cu1EoLeiB27ZWZ0JHtIdxy5w.png)
Тренды UI UX
Используем авторитетные источники, определяем тренды UI UX и делаем презентацию с описанием трендов, применимых к проекту.
![Тренды UI UX](https://framerusercontent.com/images/0AL0OSWaJgcY7jYXDt8FlvzPU5k.jpg)
Аудит интерфейса
Детально разберём интерфейс проекта, найдём все логические и визуальные ошибки.
Составим список замечаний с обоснованием и укажем приоритет к исправлению.
![Аудит интерфейса](https://framerusercontent.com/images/c725nmWlmienkbpU4iBaRsd48U.png)
Накопленная аналитика
Анализируем поведение: вебвизор, время на сайте, % отказов, карту кликов и т.д.
Находим слабые места в дизайне и предлагаем список решений в виде презентации.
![Накопленная аналитика](https://framerusercontent.com/images/9SdLyeR6hrQQrnPshd6NVw71ulI.png)
Логические ошибки
Детально разбираемся с текущей версией интерфейса.
На основе аналитики определяем как должен работать интерфейс, исходя из ожиданий пользователей.
![Логические ошибки](https://framerusercontent.com/images/eJ8YRnqLGiLt12scyul23ixj150.png)
Оптимизация логики
Наглядно, на схемах проектируем путь пользователя по сценариям.
Выявляем и устраняем логические ошибки в навигации и структуре разделов.
![Оптимизация логики](https://framerusercontent.com/images/XYGeodsITvexo9uHFhO3j5dMDBQ.jpg)
Проектирование интерфейсов
По согласованной логике проектируем интерфейсы.
Делаем наглядные прототипы, чтобы быстро прийти к общему видению проекта.
![Проектирование интерфейсов](https://framerusercontent.com/images/ed3qnygoFrjqStUpyTs94LBwjs.png)
UX-тесты на пользователях
Организуем интервью с пользователями для тестирования прототипа.
Составляем задания, на онлайн-звонках фиксируем неудобства и идеи через демонстрацию экрана.
Результаты UX-тестов
Анализируем результаты интервью, составляем отчёт по каждому респонденту.
Получаем много инвайтов по улучшению интерфейса — от самих пользователей.
![Результаты UX-тестов](https://framerusercontent.com/images/n5nCkE7l95pGiAa17s5kJqtuxo.png)
Итоги аудита юзабилити
Делаем презентацию со списком замечаний и предложений.
Демонстрируем новые интерфейсы с учётом новой информации.
![Итоги аудита юзабилити](https://framerusercontent.com/images/QC7X4ejvvEi19eZDT7oXIKYud4Q.png)
Наводим порядок в дизайне
Делаем дизайн удобным для разработки, используем autolayout и переменные: всем будет понятно, какой отступ или цвет использовать — все правила внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.
![Наводим порядок в дизайне](https://framerusercontent.com/images/sujeyUEp7DA2DjKGUgsaJvfI1h8.png)
Обновлённый дизайн
Делаем дизайн-концепцию на основе полученных данных.
Учитываем опыт конкурентов, тренды UI UX, обратную связь от пользователей, накопленную аналитику и результаты UX-тестов.
Срок проведения такого аудита: 2-4 недели, в зависимости от сложности проекта.
![Обновлённый дизайн](https://framerusercontent.com/images/wqnKwCLZshuRIbgw3g7qNG1IRA.png)
Что входит в услугу
Анализируем конкурентов, собираем обратную связь из открытых источников, проводим опросы и интервью с пользователями. Проектируем новую концепцию с учётом трендов UI UX и накопленных данных об опыте пользователей.
Для сложного функционала проектируем схемы бизнес-процессов, сценарии пользователей и Use Cases — предусматриваем всё, чтобы не осталось вопросов на этапе разработки.
Анализ конкурентов
Разбираем основных конкурентов, их преимущества и недостатки.
![Анализ конкурентов](https://framerusercontent.com/images/yg54PjlTE68bJapM6cBj30TvVU8.png)
Сбор обратной связи
Используем отзывы, соц. сети, мессенджеры, комментарии, чтобы узнать мнение пользователей.
![Сбор обратной связи](https://framerusercontent.com/images/l0cu1EoLeiB27ZWZ0JHtIdxy5w.png)
Тренды UI UX
Используем авторитетные источники, определяем тренды UI UX и делаем презентацию с описанием трендов, применимых к проекту.
![Тренды UI UX](https://framerusercontent.com/images/0AL0OSWaJgcY7jYXDt8FlvzPU5k.jpg)
Аудит интерфейса
Детально разберём интерфейс проекта, найдём все логические и визуальные ошибки.
Составим список замечаний с обоснованием и укажем приоритет к исправлению.
![Аудит интерфейса](https://framerusercontent.com/images/c725nmWlmienkbpU4iBaRsd48U.png)
Накопленная аналитика
Анализируем поведение: вебвизор, время на сайте, % отказов, карту кликов и т.д.
Находим слабые места в дизайне и предлагаем список решений в виде презентации.
![Накопленная аналитика](https://framerusercontent.com/images/9SdLyeR6hrQQrnPshd6NVw71ulI.png)
Логические ошибки
Детально разбираемся с текущей версией интерфейса.
На основе аналитики определяем как должен работать интерфейс, исходя из ожиданий пользователей.
![Логические ошибки](https://framerusercontent.com/images/eJ8YRnqLGiLt12scyul23ixj150.png)
Оптимизация логики
Наглядно, на схемах проектируем путь пользователя по сценариям.
Выявляем и устраняем логические ошибки в навигации и структуре разделов.
![Оптимизация логики](https://framerusercontent.com/images/XYGeodsITvexo9uHFhO3j5dMDBQ.jpg)
Проектирование интерфейсов
По согласованной логике проектируем интерфейсы.
Делаем наглядные прототипы, чтобы быстро прийти к общему видению проекта.
![Проектирование интерфейсов](https://framerusercontent.com/images/ed3qnygoFrjqStUpyTs94LBwjs.png)
UX-тесты на пользователях
Организуем интервью с пользователями для тестирования прототипа.
Составляем задания, на онлайн-звонках фиксируем неудобства и идеи через демонстрацию экрана.
Результаты UX-тестов
Анализируем результаты интервью, составляем отчёт по каждому респонденту.
Получаем много инвайтов по улучшению интерфейса — от самих пользователей.
![Результаты UX-тестов](https://framerusercontent.com/images/n5nCkE7l95pGiAa17s5kJqtuxo.png)
Итоги аудита юзабилити
Делаем презентацию со списком замечаний и предложений.
Демонстрируем новые интерфейсы с учётом новой информации.
![Итоги аудита юзабилити](https://framerusercontent.com/images/QC7X4ejvvEi19eZDT7oXIKYud4Q.png)
Наводим порядок в дизайне
Делаем дизайн удобным для разработки, используем autolayout и переменные: всем будет понятно, какой отступ или цвет использовать — все правила внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.
![Наводим порядок в дизайне](https://framerusercontent.com/images/sujeyUEp7DA2DjKGUgsaJvfI1h8.png)
Обновлённый дизайн
Делаем дизайн-концепцию на основе полученных данных.
Учитываем опыт конкурентов, тренды UI UX, обратную связь от пользователей, накопленную аналитику и результаты UX-тестов.
Срок проведения такого аудита: 2-4 недели, в зависимости от сложности проекта.
![Обновлённый дизайн](https://framerusercontent.com/images/wqnKwCLZshuRIbgw3g7qNG1IRA.png)
Что входит в услугу
Анализируем конкурентов, собираем обратную связь из открытых источников, проводим опросы и интервью с пользователями. Проектируем новую концепцию с учётом трендов UI UX и накопленных данных об опыте пользователей.
Для сложного функционала проектируем схемы бизнес-процессов, сценарии пользователей и Use Cases — предусматриваем всё, чтобы не осталось вопросов на этапе разработки.
Анализ конкурентов
Разбираем основных конкурентов, их преимущества и недостатки.
![Анализ конкурентов](https://framerusercontent.com/images/yg54PjlTE68bJapM6cBj30TvVU8.png)
Сбор обратной связи
Используем отзывы, соц. сети, мессенджеры, комментарии, чтобы узнать мнение пользователей.
![Сбор обратной связи](https://framerusercontent.com/images/l0cu1EoLeiB27ZWZ0JHtIdxy5w.png)
Тренды UI UX
Используем авторитетные источники, определяем тренды UI UX и делаем презентацию с описанием трендов, применимых к проекту.
![Тренды UI UX](https://framerusercontent.com/images/0AL0OSWaJgcY7jYXDt8FlvzPU5k.jpg)
Аудит интерфейса
Детально разберём интерфейс проекта, найдём все логические и визуальные ошибки.
Составим список замечаний с обоснованием и укажем приоритет к исправлению.
![Аудит интерфейса](https://framerusercontent.com/images/c725nmWlmienkbpU4iBaRsd48U.png)
Накопленная аналитика
Анализируем поведение: вебвизор, время на сайте, % отказов, карту кликов и т.д.
Находим слабые места в дизайне и предлагаем список решений в виде презентации.
![Накопленная аналитика](https://framerusercontent.com/images/9SdLyeR6hrQQrnPshd6NVw71ulI.png)
Логические ошибки
Детально разбираемся с текущей версией интерфейса.
На основе аналитики определяем как должен работать интерфейс, исходя из ожиданий пользователей.
![Логические ошибки](https://framerusercontent.com/images/eJ8YRnqLGiLt12scyul23ixj150.png)
Оптимизация логики
Наглядно, на схемах проектируем путь пользователя по сценариям.
Выявляем и устраняем логические ошибки в навигации и структуре разделов.
![Оптимизация логики](https://framerusercontent.com/images/XYGeodsITvexo9uHFhO3j5dMDBQ.jpg)
Проектирование интерфейсов
По согласованной логике проектируем интерфейсы.
Делаем наглядные прототипы, чтобы быстро прийти к общему видению проекта.
![Проектирование интерфейсов](https://framerusercontent.com/images/ed3qnygoFrjqStUpyTs94LBwjs.png)
UX-тесты на пользователях
Организуем интервью с пользователями для тестирования прототипа.
Составляем задания, на онлайн-звонках фиксируем неудобства и идеи через демонстрацию экрана.
Результаты UX-тестов
Анализируем результаты интервью, составляем отчёт по каждому респонденту.
Получаем много инвайтов по улучшению интерфейса — от самих пользователей.
![Результаты UX-тестов](https://framerusercontent.com/images/n5nCkE7l95pGiAa17s5kJqtuxo.png)
Итоги аудита юзабилити
Делаем презентацию со списком замечаний и предложений.
Демонстрируем новые интерфейсы с учётом новой информации.
![Итоги аудита юзабилити](https://framerusercontent.com/images/QC7X4ejvvEi19eZDT7oXIKYud4Q.png)
Наводим порядок в дизайне
Делаем дизайн удобным для разработки, используем autolayout и переменные: всем будет понятно, какой отступ или цвет использовать — все правила внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.
![Наводим порядок в дизайне](https://framerusercontent.com/images/sujeyUEp7DA2DjKGUgsaJvfI1h8.png)
Обновлённый дизайн
Делаем дизайн-концепцию на основе полученных данных.
Учитываем опыт конкурентов, тренды UI UX, обратную связь от пользователей, накопленную аналитику и результаты UX-тестов.
Срок проведения такого аудита: 2-4 недели, в зависимости от сложности проекта.
![Обновлённый дизайн](https://framerusercontent.com/images/wqnKwCLZshuRIbgw3g7qNG1IRA.png)