Редизайн сайту хостинг-провайдера: Помилки і рішення

image

Відмінною особливістю розвитку стартапів є постійний брак ресурсів, який часто змушує команди проектів вдаватися до тимчасових рішень — все на догоду швидкому розвитку і тестування гіпотез, щоб відсіяти все зайве і сконцентруватися на ключових для бізнесу показниках. Крім того, в ході тестування згаданих гіпотез часто змінюється і сама концепція бізнесу.

Немає нічого більш постійного, ніж тимчасове, проте для успішного виходу на новий рівень, рано чи пізно компанії належить замінити «велосипеди» на якісні рішення.

Дизайн і створення інтерфейсів продуктів є однією з областей, в яких молоді проекти часом змушені йти на компроміси. І відмовлятися від них в подальшому зовсім нелегко. Сьогодні ми розповімо про те, як створювали сайт проекту хостинг-провайдера 1cloud і як, незабаром після запуску, працювали над його редизайном.

Тестування гіпотез

Первісна концепція проекту формулювалася як «магазин " хмарних " рішень» — ми хотіли створити «маркетплейс», тобто майданчик, на яку будь-який бажаючий міг би завантажити свій продукт і продавати його. Однак після проведення аналізу і перших тестів з'явилося розуміння того, що краще рухатися у бік створення IaaS & PaaS-провайдера.

При цьому на перевірку першої гіпотези вже було витрачено певний час, тому на другому етапі хотілося рухатися швидше. На жаль, домогтися цього не вдалося — наш проект є стартапом, який не володіє значними фінансовими ресурсами на утримання спеціаліста по UX в штаті. Тому було вирішено вдатися до послуг зовнішніх підрядників — на тему взаємодії з ними можна написати окремий матеріал.

Нижче представлені макети сторінок, від впровадження яких ми відмовилися з різних причин (по кліку зображення відкриваються в повному розмірі):

image

Варіант в іншій кольоровій гамі:

image

image

В кінцевому підсумку був притягнутий новий UI-спеціаліст. З ним вдалося запустити проект, проте в інтерфейсі все одно були певні помилки (особливо в навігації).

image

Внутрішня панель:

image

Часу на створення інтерфейсу було витрачено досить багато, а кінцевий результат все одно був неідеальним, плюс зберігалися питання щодо спроможності нової бізнес-моделі. Потрібно було переходити до її тестування, але на результати міг вплинути не самий пророблений інтерфейс сайту та особистого кабінету користувачів.

Для того, щоб компенсувати витрачений час, ми вирішили вдатися до вже працюючого рішенням, яке довело свою життєздатність, і взяли за основу сайт популярної західної ІТ-компанії DigitalOcean.

image

Відмова від тимчасових рішень

Нова бізнес-модель довела свою спроможність (незважаючи на певний негатив по відношенню до запозичення дизайну з боку деяких користувачів хабра, висловлений у коментарях до одного з наших матеріалів). Тому наступним кроком стала розробка нового інтерфейсу, який був би повністю унікальним.

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

Робота над дизайном велася за класичною схемою — зустріч з підрядником для обговорення концепції та одержання перших ескізів на папері. Далі створювалися мокапы в Balsamiq — вже на цьому етапі від деяких ідей доводилося відмовлятися, а щось допрацьовувати.

В подальшому створювати макети PSD власне екранами інтерфейсу. З самого початку була вибрана концепція мінімалізму, тому переробок по оформленню було не дуже багато.

Що було зроблено

На Хабре раніше публікувався відмінний матеріал з розбором основних помилок в інтерфейсах і бизнс-процесах сайтів хостинг провайдерів. Ми попрацювали над тим, щоб уникнути зазначених проблем.

Проблема: Пошук інформації про тарифи

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

Рішення: Винос калькулятора цін на головну сторінку

На головну сторінку додано калькулятор цін, з допомогою якого клієнти можуть вибрати попередньо сконфігуровані тарифні плани (Low, Medium, High), але і сформувати «кастомный» тариф під свої потреби, вказавши будь-які можливі сочетани CPU, Storage і RAM.

image

Проблема: Дуже великий вибір тарифів плутає користувачів

З ростом бізнесу хостинг-провайдер часто стикається з необхідністю введення нових тарифів, які націлені на клієнтів з різними потребами і навіть розташованих у різних країнах. При цьому користувачі далеко не завжди позитивно реагують на великий розкид тарифів — якщо вони відрізняються лише не дуже значними нюансами, то визначитися з вибором стане тільки складніше.

Рішення: Конфігурація трьох «жорстких» тарифів і одного «кастомного»

Як вже було зазначено вище, ми вас є відповідні три тарифу, які не підлягають зміні та досить серйозно відрізняються — так користувачеві легше вибрати те, що підходить йому більше всього. Також присутня можливість зібрати свій власний тарифний план з допомогою спеціального простого конфігуратора.

Проблема: Ніхто не любить реєструватися

Це загальна проблема сайтів багатьох компаній, а не тільки хостерів. Потрапляючи на сайт, користувач прагне максимально швидко вирішити свою проблему, а не заповнювати нескінченні форми реєстрації і боротися з капчі. 54 користувача з 100 віддадуть перевагу піти з сайту, ніж реєструватися на ньому — бізнес втратить більше половини потенційних клієнтів. Цього не можна допускати.

image

Рішення: Для реєстрації достатньо вказати email

Була реалізована схема, при якій для замовлення віртуального сервера необхідно вказати лише потрібну операційну систему і залишити адресу електронної пошти. реєстрації на сайті також достатньо лише email-адреси, який одночасно виконує роль імені користувача при логіні в панель управління.

Проблема: Мізерна інформація в тарифах

Люди, які купують хостинг, як правило більш або менш розбираються в ІТ. Як мінімум вони знають, їм потрібен виділений сервер або віртуальний, тобто вони не є домогосподарками і бажають знати, за що платять, до найдрібніших деталей.

Рішення: Виведення всієї інформації в конфігураторі на головній сторінці

Покупцеві віртуального сервера необхідно повідомити про тип віртуалізації, а також розповісти про інші важливі речі, начебто типу диска, ширини каналу і країни розміщення. Вся подібна інформація доступна на головній сторінці сайту 1cloud. Для основних позицій конфігуратора доступна інтерактивна довідка.

image

Проблема: Незрозуміло, як отримати підтримку в екстреній ситуації

На сайтах багатьох хостерів не завжди можна швидко знайти контактну інформацію, зате майже скрізь користувачів дратують спливаючими вікнами онлайн-консультанта (який завжди офлайн, коли він так потрібен).

Рішення: Введення цілодобової підтримки

Крім стандартного варіанту з відправкою листа на поштову адресу техпідтримки, введена цілодобова підтримка як за локальним номером телефону в Санкт-Петербурзі (+7(812) 313-88-33), так і за безкоштовним номером по всій Росії (8(800) 777-18-23).

Проблема: Сумніви в безпеці переданих даних

Останнім часом число різноманітних витоків і проблем безпеки цілих протоколів створили негативний інформаційний фон, навколо все, що пов'язано з технологіями. Одне з перших про що думають споживачі ІТ-послуг — вдасться зберегти в безпеці свої дані (у тому числі платіжні). Деякі хостери не використовують https — це може відлякати деяких клієнтів. Також ні в якому разі не можна використовувати самоподписанные сертифікати безпеки.

Рішення: Використання захищених з'єднань та сертифіката, виданого авторитетним реєстраційним центром

Сайти 1cloud.uk і panel.1cloud.uk використовують сертифікати SSL сертифікат, виданий сертифікаційним центром (Go Daddy Secure Certificate Authority — G2). В даний момент ведуться роботи по підключенню EV-сертифіката.

Проблема: Нав'язлива безпека

Іншого боку уваги до безпеки є той факт, що часто стає занадто багато, у розумінні користувача — тобто в гонитві за збереженням даних використання сервісу стає незручним. Наприклад, поширена практика, яка багатьом не по душі — вимога номера телефону користувача (наприклад, для здійснення покупки).

Рішення: Можливість замовлення сервера без SMS-верифікації

Ми в 1cloud ввели тестовий період використання послуг, під час якого телефону користувача не питається. Надалі можливий варіант, при якому умови тестового періоду будуть продовжуватися після зазначення номера телефону.

Проблема: Незручні способи оплати

У Росії велике число різних платіжних сервісів і електронних гаманців, якими користується значна частина аудиторії рунета. Тому відсутність на сайті можливості оплати улюбленим електронним гаманцем може відлякати користувача — конкуренція на ринку хостингу велика, і йому буде до кого піти.

Рішення: Додавання більшості популярних способів оплати

Для фізичних осіб ми додали можливість оплати банківськими картами Visa, Master Card, а також електронними сервісами і з мобільних рахунків (QIWI, Webmoney, ЯндексДеньги, МТС, Мегафон, Грошілиста.ru, Web-Гаманець ПСКБ, EasyPay, Webmoney, Зв'язковий, Рапіда, " Евросеть").

Юридичні особи можуть оплатити послуги тільки за допомогою рахунку, але його можна згенерувати прямо в особистому кабінеті.

Крім вирішення цих проблем, ми займалися роботою над створенням більш приємного і зручного інтерфейсу. Що стосується навігації, то раніше кожен розділ сайту виглядав, як окремий ресурс, все меню були оформлені різнорідно — поточна версія інтерфейсу 1cloud.ru характеризується великою усталеністю.

image

У подальших планах — створення мобільної версії сайту, однак тут нам належить зіткнутися з проблемою збереження функціональності адміністративного інтерфейсу користувача — при відсутності миші і клавіатури і менших фізичних розмірах екрану вирішувати багато завдань з управління послугами буде складніше, і необхідно буде мінімізувати складнощі для користувачів.

До того ж ми плануємо реліз кількох нових послуг (наприклад, DNS-aaS і Load Balance-aaS), що потребує інтеграції систем управління ними в інтерфейс особистого кабінету.

Після релізу нового сайту минуло зовсім небагато часу, і ми поки ще продовжуємо тести і збір даних про те, чи покращилися результати (збільшення часу на сайті, зниження показника відмов тощо). Проте позитивна динаміка помітна вже зараз, хоча остаточні висновки робити рано — цілком можливо знадобляться деякі додаткові доопрацювання.

На сьогодні все. Будемо раді відповісти на запитання і почути зворотній зв'язок щодо реалізації тих чи інших елементів інтерфейсу в коментарях.

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.