Редизайн RuStore. Что не так с дизайном российского магазина приложений от команды VK?
25 мая ВК совместно с Минцифрой запустили бета-версию магазина приложений. Решение о разработке своего магазина приложений было принято из-за удаления приложений Сбербанка, Альфа Банка и многих других из Google Play, App Store и остальных магазинов (Причина — санкции).
Почему я решил сделать редизайн RuStore?
Причиной сделать редизайн служит моё желание развиваться в сфере дизайна интерфесов и создание цифровых продуктов с помощью различных языков программирования (редизайн этого проекта от ВК идеальный шанс получить новый опыт в дизайне интерфейсов, особенно после того как я увидел их дизайн…).
К команде ВК у меня никогда не было притензий (по крайней мере с точки зрения дизайна). Их продукты мне всегда нравились, они красивые и ими действительно приятно пользоваться. Но, я до сих пор не понимаю, как команда ВК смогла сделать настолько плохой дизайн. Как по мне, причиной такого дизайна стали сжатые сроки, установленные Минцифрой.
Начало работы: Изучение конкурентов
Перед тем, как начать создавать новый дизайн для RuStore, я решил проанализировать конкурентов такие как Google Play, App Store и другие…
Во время анализа, я понял, чего не хватает RuStore.
- Нет взаимодействия с пользователями, нет рекомендаций для пользователей (даже комментариев нет под приложениями + нет оценки приложения)
- Нет сортировки приложений. Приложения нельзя отсортировать по рейтингу, по количеству скачиваний и тд (разве, что только по категориям)
- Реализация поиска приложений сделана плохо (как с точки зрения дизайна, так и с точки зрения функционала)
- Нет возможности оплатить платный контент (платные приложения и игры). Не понятно, как разработчики будут получать доход (если только через внутренние покупки в приложении) или будут ли вообще получать
- Нет автоматичеких обновлений установленных приложений (это всё нужно делать в ручную, так и ещё при установки обновления «всплывает» миниокно как будто устанавливаешь apk-файл)
Проектирование дизайна
Закончив анализ конкурентов, я приступил к проектированию обновлённого интерфейса. Начать я решил с экрана приложений.
Ошибки старого дизайна
Старый дизайн RuStore был очень простым и имел ограниченный функционал (кто-то может возразить и сказать: "Мне и этого функционала достаточно!" Но когда начинаешь сравнивать с конкурентами, то начинаешь осознавать насколько функционал ограничен…).
Наброски нового дизайна (Экран Приложений)
Первые пробы дизайна для экрана приложений
Финальный дизайн (Экран Приложений)
Дизайн стал определёно лучше. Что изменилось?
- Я избавился от синего банера, который был бесполезен и оставлял очень много пустого пространтсва.
- Новый логотип. Новый логотип стал современным и не занимает много места (Раньше было два логотипа, хотя и одного достаточно).
- Функция «Поиск» теперь находиться не в навигационной панели, а вверху справо.
- Изменилась панель навигации. Были убраны иконки «Обновления» и «Поиска» (поиск теперь находиться в правом верхнем углу), изменились иконки разделов «Приложений« и »Игр», добавлена иконка «Меню»
- Для скачивания приложения не нужно заходить на страницу самого приложения достаточно просто нажать на иконку рядом. Также, рейтинг приложения отображается рядом с ним.
- Появилась сортировка приложений по группам («Для Вас», «Топ», «Категории» и «Выбор Редакции»)
Для раздела игр используется аналогичный дизайн
Мой редизайн vs дизайн Команды ВК
Редизайн поиска
Здесь я не буду на долго останавливаться, но скажу сразу «Поиск» в магазине приложений — это чуть ли не одна из самых важных функций. Без неё магазин становиться практически бесполезным. Дизайн поиска не должен быть слишком сложным, но также он не должен быть пустым.
Дизайн Команды ВК — Начало поиска
Как это можно улучшить?
Есть два варианта, как это можно улучшить
Финальная Версия
Теперь давайте посмотрим на дизайн поиска приложений
Как это нужно было сделать? Два варианта: 1. Пользователь ищет конкретное приложение. 2. Пользователь ищет приложение с условным названием.
Раздел «Меню». Где обновлять приложения?
В этом разделе находятся все второстепенные функции, включая обновления. Мой первоначальный дизайн был таким.
Финальный дизайн
Экран Обновлений
О чём Команда Вконтакте забыла? (или ещё не добавила?) Какие функции ещё можно реализовать?
VK не реализовали как миниум две главные функции.
- Оплата платного контента. Непонятно, как разрабочики будут получать доход от своих приложений, а пользователи покупать их
- Полноценное взаимодействие с пользователями. Нет возможности комментировать приложение. Нет комментариев, нет рейтингов.
Баланс пользователей и система оплаты
Очень страно, что этих функций до сих пор нет в приложении. Казалось бы, очень много людей действительно платят за приложения (даже на Android), но этой функции нет, так что я решил придумать как это может выглядеть.
Где можно посмотреть свой баланс? Как он выглядит?
Свой баланс можно посмотреть на экране «Меню» (предварительно нажам на иконку с надписью «Баланс»). А вот как он выглядит.
Способы оплаты и их добавления
А вот так выглядит дизайн экрана подтверждения покупки.
Взаимодействие пользователей. Что нужно сделать?
Как я писал ранее, в Rustore отсутствует взаимодействие пользователей (нет комментариев и из-за этого нет рейтингов приложений). И вот моё решение этой проблемы.
Заключение
Что я могу сказать в заключении? Над этим редизайном я работал с начала Июля. Это было довольно интересно и увлекательно (Без шуток, мне действительно понравилось работать над этим проектом). Я старался исправить все ошибки команды ВК, которые только смог найти. Также я старался сделать новый дизайн в стиле компании ВК (именно поэтому некоторые элементы интерфейса напоминают Вконтакте).
Эта моя первая статья на vc. ru и она получилась очень большой. Поэтому, если вы дочитали её до конца, то огромное вам спасибо! В комментариях напишите своё мнение о моём редизайне (Что вам понравилось, а что нет). Я открыт к критике и буду рад с вами пообщаться. А что, на ваш взгляд, нужно ещё добавить в мой редизайн и в проект RuStore в целом?
Желаю всем хорошего утра, дня или вечера! (в зависимости, когда вы читаете эту статью) .
До новых встреч!