Внимание: Все рекомендации и предложения основываются исключительно на существующем, на данный момент, интерфейсе. В расчет не берется возможная смена цветовой схемы, шрифтовых решений, а также дизайна и логики платформы в целом.
Варианты прототипов представлены в виде быстрых набросков и никак не отражают мой уровень в UI. Также указаны только некоторые рекомендации и предложения.
Варианты прототипов представлены в виде быстрых набросков и никак не отражают мой уровень в UI. Также указаны только некоторые рекомендации и предложения.
Главная страница
Слайдер:
Все сливается, не понятно на чем там все-таки сделан акцент.
У вас, как у бизнеса, наверняка уже сложилось понимание какой тариф лучше всего продается, на какой тариф больше спрос.
Тогда надо максимально сократить время на принятие пользователем решения о регистрации в вашей системе и покупке тарифа, с помощью правильной расстановки акцентов и выделения самого выгодного тарифа.
Убрать синий фон, сделать полоску с партнерами по другому и соответственно сделать правильный акцент у тарифов.
Я бы поэкспериментировал с разными сайтами. Сегментировать пользователей на этапе поисковой выдачи, например в Яндексе, и выдавать им соответствующий их типу сайт - частный или компания.
Кнопки в тарифах "На всех специализированных сайтах":
Они ведут чуть ли не на отдельную страницу, на попап который перекрывает весь экран. Важный момент, что контент в попапе полностью дублирует контент из блока ниже слайдера на главной странице. По сути вы уводите пользователя от целевого действия, заставляя делать несколько лишних кликов, чтобы открыть и закрыть это все.
Могу предположить, что конверсия от этого не повышается. Решается путем якорной ссылки и плавным скроллом вниз.
Мелкие рекомендации:
1) Мелкие косяки в самой верстке.
2) Что-то странное творится с кнопками, интересно посмотреть ваш UI kit, много одинаковых по смыслу и значению кнопок, но которые имеют разные цветовые состояния, что не есть хорошо.
3) В блоке под слайдером есть Hover у карточек с партнерами. Мелочь, но смысла в ховере нет, так как дальше мы нажать не можем, тут просто наведение и все. Я бы убрал это.
4) Очень тяжелые визуально иконки, особенно в хедере - мелкие, черные и жирные.
Все сливается, не понятно на чем там все-таки сделан акцент.
У вас, как у бизнеса, наверняка уже сложилось понимание какой тариф лучше всего продается, на какой тариф больше спрос.
Тогда надо максимально сократить время на принятие пользователем решения о регистрации в вашей системе и покупке тарифа, с помощью правильной расстановки акцентов и выделения самого выгодного тарифа.
Убрать синий фон, сделать полоску с партнерами по другому и соответственно сделать правильный акцент у тарифов.
Я бы поэкспериментировал с разными сайтами. Сегментировать пользователей на этапе поисковой выдачи, например в Яндексе, и выдавать им соответствующий их типу сайт - частный или компания.
Кнопки в тарифах "На всех специализированных сайтах":
Они ведут чуть ли не на отдельную страницу, на попап который перекрывает весь экран. Важный момент, что контент в попапе полностью дублирует контент из блока ниже слайдера на главной странице. По сути вы уводите пользователя от целевого действия, заставляя делать несколько лишних кликов, чтобы открыть и закрыть это все.
Могу предположить, что конверсия от этого не повышается. Решается путем якорной ссылки и плавным скроллом вниз.
Мелкие рекомендации:
1) Мелкие косяки в самой верстке.
2) Что-то странное творится с кнопками, интересно посмотреть ваш UI kit, много одинаковых по смыслу и значению кнопок, но которые имеют разные цветовые состояния, что не есть хорошо.
3) В блоке под слайдером есть Hover у карточек с партнерами. Мелочь, но смысла в ховере нет, так как дальше мы нажать не можем, тут просто наведение и все. Я бы убрал это.
4) Очень тяжелые визуально иконки, особенно в хедере - мелкие, черные и жирные.
Регистрация
UX и UI при регистрации можно изменить.
Вариант, который я сделал на скриншоте показывает нам, что можно визуально разделить "Частное" и "Компания".
В данный момент в интерфейсе это две равнозначные кнопки, хотя под собой они имеют совершенно разные сегменты аудитории и ценовую политику.
На места картинок можно сделать иллюстрации, соответствующие заголовкам.
Возможно сделать брендированного кота, в логотипе вы используете ушки кота, на этом можно сыграть и в целом по интерфейсу ввести "Персонажа", который сделает интерфейс более дружелюбнее, например персонажа можно воткнуть в страницу 404 и так далее.
Возможно, изменения в UI, в котором мы с помощью дизайна можем сделать акцент на более выгодном для платформы тарифе, чтобы потенциальная клиент, который представляет компанию, мог не задумываясь кликнуть на "Компания".
Также хорошо бы сразу показать, что в этой форме есть два шага, с помощью полоски сверху.
Возможно, все эти шаги стоит убрать и показывать их на самом первом экране, все в одном месте. Надо тестировать и смотреть.
Вариант, который я сделал на скриншоте показывает нам, что можно визуально разделить "Частное" и "Компания".
В данный момент в интерфейсе это две равнозначные кнопки, хотя под собой они имеют совершенно разные сегменты аудитории и ценовую политику.
На места картинок можно сделать иллюстрации, соответствующие заголовкам.
Возможно сделать брендированного кота, в логотипе вы используете ушки кота, на этом можно сыграть и в целом по интерфейсу ввести "Персонажа", который сделает интерфейс более дружелюбнее, например персонажа можно воткнуть в страницу 404 и так далее.
Возможно, изменения в UI, в котором мы с помощью дизайна можем сделать акцент на более выгодном для платформы тарифе, чтобы потенциальная клиент, который представляет компанию, мог не задумываясь кликнуть на "Компания".
Также хорошо бы сразу показать, что в этой форме есть два шага, с помощью полоски сверху.
Возможно, все эти шаги стоит убрать и показывать их на самом первом экране, все в одном месте. Надо тестировать и смотреть.
Создание объявления
Попытка закрыть:
Опять проблема с акцентом, при появлении предупреждения, где белая подложка? Она же есть в других частях сайта. Плюс попап не фиксируется при скролле.
Конструктор объявления:
В целом UX тут не сложный и ничего по нему сильно менять не надо.
Вот над UI тут конечно надо поработать. Сейчас тут все в одну вертикальную линию.
1) Раздробить все данные на смысловые блоки. Пусть будет например объявление о "Вакансии". Разделить на такие блоки как - контактная информация, основная информация, образование, специальность, опыт работы и так далее. В таких блоках, есть уже свои поля ввода. Это все визуально разделит довольно большой объем заполняемых данных, что позволит увеличить восприятия и скорость заполнения объявления.
Опять проблема с акцентом, при появлении предупреждения, где белая подложка? Она же есть в других частях сайта. Плюс попап не фиксируется при скролле.
Конструктор объявления:
В целом UX тут не сложный и ничего по нему сильно менять не надо.
Вот над UI тут конечно надо поработать. Сейчас тут все в одну вертикальную линию.
1) Раздробить все данные на смысловые блоки. Пусть будет например объявление о "Вакансии". Разделить на такие блоки как - контактная информация, основная информация, образование, специальность, опыт работы и так далее. В таких блоках, есть уже свои поля ввода. Это все визуально разделит довольно большой объем заполняемых данных, что позволит увеличить восприятия и скорость заполнения объявления.
Пакеты и тариф
Самый сок. Самые деньги!
Невероятный сложный велосипед в такой простой функции, как "Выбрать тариф".
Его главная цель дожать пользователя на покупку и оплату пакета. Пока он разберется с настройками каждого пакета, его чай успеет остынуть :) Интересно какие значения в вашей статистике, среднее время посещение этой страницы и дохождение до целевого действия.
Тарифы - это супер знакомый паттерн многим пользователям. 90% сервисов имеющие тарифы, используют такой вид отображения тарифов. Тут легче сравнить, легче поставить акцент на нужный вам тариф, легче для восприятия. Без лишних кликов и переключений на табы. Сокращается время принятия решения у пользователя.
Невероятный сложный велосипед в такой простой функции, как "Выбрать тариф".
Его главная цель дожать пользователя на покупку и оплату пакета. Пока он разберется с настройками каждого пакета, его чай успеет остынуть :) Интересно какие значения в вашей статистике, среднее время посещение этой страницы и дохождение до целевого действия.
Тарифы - это супер знакомый паттерн многим пользователям. 90% сервисов имеющие тарифы, используют такой вид отображения тарифов. Тут легче сравнить, легче поставить акцент на нужный вам тариф, легче для восприятия. Без лишних кликов и переключений на табы. Сокращается время принятия решения у пользователя.
