UX: Рекомендации по оптимизации сайта знакомств

Dana Markova
Dana Markova. UI/UX Design
4 min readJun 15, 2018

Общая структура для главной странички

http://arenagirls.com

  • зацепить
  • заинтересовать
  • убедить
  • продать

Сейчас на главной присутствует видео, состоящее из 6 сюжетов. На них мы видим компанию моделей, крупным планом одну модель и девушку, обнимающую парня.

Видео должно представлять нашу компанию и за считаные секунды объяснить пользователю где он, что он может тут сделать и какая конечная цель. Оно должно заинтересовать.

В данном случае, из 6 эпизодов лишь 1 хорошо объясняет перечисленные выше пункты- это девушка с парнем. Мы видим, что они «только познакомившаяся, страстная пара». Что думает пользователь, глядя на это- «тут я могу найти свою вторую половинку».

Остальные видео не говорят о цели сайта ничего- их легко можно перепутать с сайтом по продаже одежды по интернету для девушек, где очень часто в форме видеоролика представляют товар, и ЦА таких сайтов- молодые девушки, студентки, которые следят за модой и делают покупки онлайн. Это противоположное тому, что нужно нам.

В таком случае, чтобы видео «сыграло» на все 100% стоит найти кадры с моментом переписки, встречи или общения с девушкой, разбавляя коротки кадрами с самими девушками (на подобии тех, что есть сейчас).

В вебе очень хорошо работает анимация. И дабы «оживить» наш сайт, и добавить интерактивности с пользователем мы можем на 3–5 секунде видео пустить тест «STOP WASTING YOUR TIME ON CHATTING! START DATING REAL GIRLS. RIGHT NOW!» Это сработает как живое обращение к пользователю. Сложится впечатление, что это говорят именно ему. Он уникален, и предложение уникально для него.

Первый экран

На первом экране, так же должна быть кнопка, которая ведёт на экран регистрации, либо вызывает форму. Кнопка должна быть заметной, но не агрессивной.

На этом моменте мы зацепили пользователя.

Было бы неплохо добавить сопровождающий текст на этом же экране, который объяснит кто мы в двух словах. Но т.к. у нас уже есть текст в блоке с видео, то можно поместить фразу «Сайт эксклюзивных знакомств» (или подобный) в шапке. Возле логотипа. Пользователь легко найдёт эту фразу при первом знакомстве с сайтом просматривая шапку +читая слева направо (лого слева, так что фраза, которая размещается рядом не останется незамеченной).

К примеру сайт http://htarchitecte.com/en/

Следующий шаг- заинтересовать. А именно: продемонстрировать продукт (в данном случае анкеты девушек) и рассказать о преимуществах.

Об анкетах

Да, ключевым фактором при выборе спутницы на нашем сайте есть фото. Но только по одному фото невозможно убедить пользователя взять это. Тоже самое с продажей машины. Вам ведь интересно какой у неё движок? Сколько сил? Какая гарантия и т.д. Мы должны убедить пользователя, что да- этот товар именно для него.

Ей 22, она ищет серьезные отношения, любит путешествия и уже побывала в 6 странах. Её рост и вес прекрасны. Она не против пообщаться прямо сейчас и встретиться завтра! Ведь я деловой бизнесмен и у меня мало времени, а тем более я не хочу попасть на очередную «аферистку».

Мы должны показать, что девушка живая и она почти рядом с тобой. Вывод- больше информации и пользователе.

Так же можно дабы подчеркнуть «эксклюзивность» можно проводить подобие отбора- хорошим решением будет рейтинг. Например: посещений странички девушки за месяц, кол-во поклонников, наибольшая активность. Сделать топ 3 девушки месяца.

Обязательно назвать этот блок, чтобы пользователь поникал кто эти люди, почему они на главной и т.д.

Он уже хочет знакомства с ней.

Что же делать? Куда звонить, писать?

Мы должны объяснить пользователя что делать дальше. Этот пункт можно совместить с преимуществами:

Шаг 1. Заполни короткую форму регистрации.

Шаг 2. Перейди на вкладку каталог и выбери «ту самую» девушку.

Шаг 3. Кликни на кнопку «Написать сообщение», выразь интерес и будь вежлив.

Шаг 4. Пригласи её в ресторан.

Шаг 5. И вот вы вместе!

Т.е. нужно подробно расписать план действий и сократить его описание для пользователя ограничиваясь 2–3 предложениями по каждому пункту. И не забывайте выделить то, что отличает вас от конкурента- быстра связь с девушкой, проверенные анкеты и т.д.

Мы заинтересовали пользователя. Теперь его нужно убедить

Развеять сомнения проверенными фактами. В первую очередь это отзывы. Их может быть немного, но пусть они будут искренними, настоящими. Лучше сработает видео, личная история знакомства.

Парень рассказывает о том, как он нашёл тут любовь своей жизни.

Как идея- фото из инстаграма с реального свидания.

Последний этап- продать

Тут может быть полная форма регистрации, обратная связь, телефоны и т.д. Либо кнопка, которая ведёт нас на экран регистрации, либо вызывает форму.

Футер внизу соответственно тому, что есть сейчас.

Как я писала ранее, в хедер стоит добавить надпись, которая с двух словах рассказывала о том, куда я попала, логотип, кнопку регистрации. Сейчас там так же есть форма входа, и так как у нас только 2 поля, то не страшно тут же и показать их, дав возможность пользователю быстро войти.

Хотя сейчас обретает популярность вход с помощью соц. сетей. Это хороший ход, т.к. это быстро, тебе не нужно заполнять множество полей, которые есть при регистрации, не нужно искать, ставить аватарку и большой плюс- мы вытаскиваем информацию о пользователе.

Так же сейчас браузер предлагает тебе автоматически запомнить пароль, так что можно подумать об отказе от этого пункта.

--

--