Новости Статьи VMware Veeam StarWind vStack Microsoft Nakivo Citrix Symantec События Релизы Видео Контакты Авторы RSS
Виртуализация и виртуальные машины

Все самое нужное о виртуализации и облаках

Более 6300 заметок о VMware, AWS, Azure, Veeam, Kubernetes и других

VM Guru / News / Оптимизация UI для заказа и управления виртуальными серверами: опыт 1cloud

Оптимизация UI для заказа и управления виртуальными серверами: опыт 1cloud

16/02/2016

Поддержите VM Guru!

USDT / TRC20, адрес: TCDP7d9hBM4dhU2mBt5oX2x5REPtq9QdU1




Пост:

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

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

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

По этой причине калькулятор цен был вынесен нами на главную страницу сайта. С его помощью клиенты могут выбрать для себя один из предварительно подготовленных тарифов или сконфигурировать его самостоятельно. Выглядит калькулятор следующим образом:

Такое количество тарифов (3 стандартных и 1 настраиваемый) было выбрано неслучайно. Пользователи часто отрицательно реагируют на слишком большое количество тарифных планов, если они отличаются лишь незначительными деталями.

Мы оставили за клиентом право самостоятельно подкрутить самые маленькие винтики системы. После этого было решено поработать над еще одной проблемой, с которой сталкивается большое количество компаний.

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

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

Однако первое, о чем думает потребитель ИТ-услуг – это удастся ли ему сохранить в безопасности свои данные? Некоторые хостинг-провайдеры не используют https, что может отпугнуть потенциальных клиентов. Сайты 1cloud.ru и panel.1cloud.ru используют сертификаты SSL, выданные сертификационным центром Go Daddy.

Думаю, вы согласитесь, что безопасность аккаунта является неотъемлемой частью онлайн-сервиса, однако бывают случаи, когда «безопасность» становится слишком навязчивой. В такие моменты пользоваться сервисом становится крайне неудобно. Например, многие не хотят вводить номер своего телефона для совершения покупки. Потому нами было принято решение протестировать возможность осуществления заказа без SMS-верификации.

Простота регистрации еще не гарантирует того, что клиент начнет пользоваться услугами компании – его может оттолкнуть невозможность оплаты услуги с помощью одного из привычных ему платежных сервисов. Поэтому для физических лиц мы добавили возможность оплаты с помощью банковских карт Visa и Master Card, а также электронных сервисов и мобильных счетов: QIWI, Webmoney, ЯндексДеньги, МТС, Мегафон, Деньги.mail.ru, Связной, Евросеть и других. Юридические лица могут оплатить услуги только с помощью счета, но его можно сгенерировать прямо в личном кабинете.

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

Теперь клиенты хостинга 1cloud в режиме реального времени могут видеть состояние своих серверов. Имея возможность быстро оценить текущую нагрузку, пользователь способен очень гибко управлять инфраструктурой. В моменты «всплесков активности» владелец сервера просто добавляет новую виртуальную машину, и отключает её, когда происходит «спад».

Для того чтобы организовать вывод информации о серверах в панель управления, нам нужно было определиться с графической библиотекой. Мы рассматривали следующие варианты: Mbostock D3, Flotcharts, jqPlot, JS Charts, Canvas 3D Graph, Plotkit, Rapha?l, AM Charts и HighCharts (еще большее количество графических библиотек вы можете найти здесь).

В итоге мы остановили свой выбор на последнем варианте. HighCharts подкупила хорошей документацией, общим качеством работы по результатам тестирования и отзывчивой командой поддержки, которая несколько раз серьезно нам помогла. Теперь мы можем получить информацию о нагрузке каждой виртуальной машины. Пользователь может видеть данные по загрузке CPU, загрузке памяти, нагрузке на канал связи и среднее количество прочтенной и записанной информации за единицу времени.

Интересное:





Зал Славы Рекламодателя
Ближайшие события в области виртуализации:

Быстрый переход:
VMware Broadcom Offtopic Microsoft Veeam Cloud StarWind VMachines NAKIVO vStack Gartner Vinchin Nakivo IT-Grad Teradici VeeamON VMworld PowerCLI Citrix VSAN GDPR 5nine Hardware Nutanix vSphere RVTools Enterprise Security Code Cisco vGate SDRS Parallels IaaS HP VMFS VM Guru Oracle Red Hat Azure KVM VeeamOn 1cloud DevOps Docker Storage NVIDIA Partnership Dell Virtual SAN Virtualization VMTurbo vRealize VirtualBox Symantec Softline EMC Login VSI Xen Amazon NetApp VDI Linux Hyper-V IBM Google VSI Security Windows vCenter Webinar View VKernel Events Windows 7 Caravan Apple TPS Hyper9 Nicira Blogs IDC Sun VMC Xtravirt Novell IntelVT Сравнение VirtualIron XenServer CitrixXen ESXi ESX ThinApp Books P2V VMUG Private AI HCX vSAN VCPP VCF Workstation Labs Backup Explore vDefend Data Protection ONE Tanzu AI Intel Live Recovery VCP V2V Aria NSX DPU Update EUC Avi Community Skyline Host Client GenAI Chargeback Horizon SASE Workspace ONE Networking Ransomware Tools Performance Lifecycle Network AWS API USB SDDC Fusion Whitepaper SD-WAN Mobile SRM ARM HCI Converter Photon OS Operations VEBA App Volumes Certification VMConAWS Workspace Imager SplinterDB DRS SAN vMotion Open Source iSCSI Partners HA Monterey Kubernetes vForum Learning vRNI UAG Support Log Insight AMD vCSA NSX-T Graphics NVMe HCIBench SureBackup Docs Carbon Black vCloud Обучение Web Client vExpert OpenStack UEM CPU PKS vROPs Stencils Bug VTL Forum Video Update Manager VVols DR Cache Storage DRS Visio Manager Virtual Appliance PowerShell LSFS Client Datacenter Agent esxtop Book Photon Cloud Computing SSD Comparison Blast Encryption Nested XenDesktop VSA vNetwork SSO VMDK Appliance VUM HoL Automation Replication Desktop Fault Tolerance Vanguard SaaS Connector Event Free SQL Sponsorship Finance FT Containers XenApp Snapshots vGPU Auto Deploy SMB RDM Mirage XenClient MP iOS SC VMM VDP PCoIP RHEV vMA Award Licensing Logs Server Demo vCHS Calculator Бесплатно Beta Exchange MAP DaaS Hybrid Monitoring VPLEX UCS GPU SDK Poster VSPP Receiver VDI-in-a-Box Deduplication Reporter vShield ACE Go nworks iPad XCP Data Recovery Documentation Sizing Pricing VMotion Snapshot FlexPod VMsafe Enteprise Monitor vStorage Essentials Live Migration SCVMM TCO Studio AMD-V KB VirtualCenter NFS ThinPrint Director Memory SIOC Troubleshooting Stretched Bugs ESA Android Python Upgrade ML Hub Guardrails CLI Driver Foundation HPC Orchestrator Optimization SVMotion Diagram Ports Plugin Helpdesk VIC VDS Migration Air DPM Flex Mac SSH VAAI Heartbeat MSCS Composer
Полезные постеры:

Постер VMware vSphere PowerCLI 10

Постер VMware Cloud Foundation 4 Architecture

Постер VMware vCloud Networking

Постер VMware Cloud on AWS Logical Design Poster for Workload Mobility

Постер Azure VMware Solution Logical Design

Постер Google Cloud VMware Engine Logical Design

Постер Multi-Cloud Application Mobility

Постер VMware NSX (референсный):

Постер VMware vCloud SDK:

Постер VMware vCloud Suite:

Управление памятью в VMware vSphere 5:

Как работает кластер VMware High Availability:

Постер VMware vSphere 5.5 ESXTOP (обзорный):

 

Популярные статьи:
Как установить VMware ESXi. Инструкция по установке сервера ESXi 4 из состава vSphere.

Включение поддержки технологии Intel VT на ноутбуках Sony VAIO, Toshiba, Lenovo и других.

Типы виртуальных дисков vmdk виртуальных машин на VMware vSphere / ESX 4.

Как работают виртуальные сети VLAN на хостах VMware ESX / ESXi.

Как настроить запуск виртуальных машин VMware Workstation и Server при старте Windows

Сравнение Oracle VirtualBox и VMware Workstation.

Что такое и как работает виртуальная машина Windows XP Mode в Windows 7.

Диски RDM (Raw Device Mapping) для виртуальных машин VMware vSphere и серверов ESX.

Работа с дисками виртуальных машин VMware.

Где скачать последнюю версию VMware Tools для виртуальных машин на VMware ESXi.

Подключение локальных SATA-дисков сервера VMware ESXi в качестве хранилищ RDM для виртуальных машин.

Как перенести виртуальную машину VirtualBox в VMware Workstation и обратно

Инфраструктура виртуальных десктопов VMware View 3 (VDI)

Как использовать возможности VMware vSphere Management Assistant (vMA).

Бесплатные утилиты для виртуальных машин на базе VMware ESX / ESXi.

Интервью:

Alessandro Perilli
virtualization.info
Основатель

Ратмир Тимашев
Veeam Software
Президент


Полезные ресурсы:

Последние 100 утилит VMware Labs

Новые возможности VMware vSphere 8.0 Update 1

Новые возможности VMware vSAN 8.0 Update 1

Новые документы от VMware

Новые технологии и продукты на VMware Explore 2022

Анонсы VMware весной 2021 года

Новые технологии и продукты на VMware VMworld 2021

Новые технологии и продукты на VMware VMworld 2020

Новые технологии и продукты на VMware VMworld Europe 2019

Новые технологии и продукты на VMware VMworld US 2019

Новые технологии и продукты на VMware VMworld 2019

Новые технологии и продукты на VMware VMworld 2018

Новые технологии и продукты на VMware VMworld 2017



Copyright VM Guru 2006 - 2025, Александр Самойленко. Правила перепечатки материалов.
vExpert Badge