UI最適化:1クラウドエクスペリエンス





製品インターフェースの設計と作成は、多くのプロジェクトが妥協しなければならない分野の1つです。 今日は、 1cloudでプロジェクトサイトをアップグレードし、ユーザー定義関数を開発した方法について説明します。



Webサイトのユーザーインターフェイスの設計は非常に骨の折れる作業です。 UIがよりシンプルで明快であればあるほど、サイトを訪れた人がクライアントになる可能性が高いことは秘密ではありません。 なんとなくHabrには、ホスティングプロバイダー向けのWebサイトを作成するための10のヒントが記載された資料が公開されました。 それらのいくつかを実現することができました。 作業の過程で、いくつかのアイデアを放棄しなければなりませんでしたが、それらに取って代わる興味深いソリューションも生まれました。



次のように、最初にフロントページの外観を変更しました。 ユーザーがサイトにアクセスすると、興味のあるものをすぐに取得する必要があります。 潜在的なクライアントは、サービスと価格のコストをすぐに知りたい、つまり、関税に関する最も完全な情報を受け取りたいと思っています。 ユーザーは、目的のタブを検索するために、あるページから別のページに長時間移動することを望みません。



このため、価格計算ツールはサイトのメインページで作成されました。 これにより、顧客は事前に用意された関税のいずれかを自分で選択するか、自分で設定することができます。 計算機は次のようになります。







そのような数の関税(3つの標準と1つのカスタマイズ可能)が偶然選ばれました。 ユーザーは、わずかな詳細のみが異なる場合、多くの関税計画に否定的に反応することがよくあります。



クライアントが自分でシステムの最小のネジを締めるために右を残しました。 その後、多くの企業が直面している別の問題に取り組むことが決定されました。







調査によると、ユーザーの86%がサイトでのアカウント作成を気にしたくないとのことです。 人はできるだけ早く問題を解決したいので、高い確率で無数の登録フォームに記入し、キャプチャに書かれていることを理解しません-リソースを残すことを好みます。







したがって、サイトに登録するために電子メールアドレスを入力するだけで、仮想サーバーを注文するために必要なオペレーティングシステムを指定する場合に、スキームを実装しました。



しかし、ITサービスの消費者が最初に考えるのは、データを安全に保つことができるかどうかです。 一部のホスティングプロバイダーはhttpsを使用していないため、潜在的な顧客を怖がらせる可能性があります。 1cloud.ruおよびpanel.1cloud.ruサイトは、Go Daddy Certification Authorityによって発行されたSSL証明書を使用します。



アカウントのセキュリティはオンラインサービスに不可欠な要素であることに同意すると思いますが、「セキュリティ」が邪魔になりすぎる場合があります。 そのような場合、サービスの使用は非常に不便になります。 たとえば、多くの人は電話番号を入力して購入を望んでいません。 そのため、SMSを検証せずに注文する可能性をテストすることにしました。



登録の単純さは、クライアントが会社のサービスの使用を開始することを保証するものではありません。通常の支払いサービスのいずれかを使用してサービスの代金を支払うことができないため、それを押しのけることができます。 そのため、個人には、VisaとMaster Card、および電子サービスとモバイルアカウントを使用して支払う機能を追加しました:QIWI、Webmoney、YandexMoney、MTS、Megafon、Money.mail.ru、Svyaznoy、Eurosetなど。 法人はアカウントを使用してサービスに対してのみ支払うことができますが、アカウントで直接生成することができます。



新しいサイトのリリース後も、データのテストと収集を継続し、インジケーターを監視します(クライアントがサイトで過ごす時間が増加したか、直帰率が低下したかどうかなど)。 記載されているすべてのソリューションは、コンバージョンファンネルに顧客を誘導するために使用されますが、その後も顧客を保持する必要があります。 この点で、私たちは常に新しい機能を導入し、製品を改善しています。 たとえば、サーバーの負荷を追跡する機能を追加しました。



1cloudホスティングクライアントは、リアルタイムでサーバーのステータスを確認できます。 現在の負荷を迅速に評価できるため、ユーザーはインフラストラクチャを非常に柔軟に管理できます。 「アクティビティのバースト」の瞬間に、サーバー所有者は単に新しい仮想マシンを追加し、「不況」が発生したときにそれをオフにします。



サーバー情報のコントロールパネルへの出力を整理するために、グラフィックライブラリを決定する必要がありました。 次のオプションを検討しました:Mbostock D3、Flotcharts、jqPlot、JS Charts、Canvas 3D Graph、Plotkit、Raphaël、AM ChartsおよびHighCharts(さらに多くのグラフィックライブラリを見つけることができます)。



その結果、後者のオプションを選択しました。 HighChartsは、優れたドキュメント、テスト結果に関する作業の全体的な品質、および数回真剣にサポートしてくれたレスポンシブサポートチームで賄われていました。 これで、各仮想マシンの負荷に関する情報を取得できます。 ユーザーは、CPUの負荷、メモリの負荷、通信チャネルの負荷、および単位時間あたりに読み書きされる情報の平均量に関するデータを確認できます。







すぐに利用可能な負荷情報があることで、顧客はなぜお金を払っているのかを理解する機会が得られます。 有料のインフラストラクチャが特定のプロジェクトの負荷に対して明らかに冗長な場合、不要なサービスを拒否するだけで大​​幅に節約できます。



現在の経済状況では、企業のリーダーはコストの最適化について考えることを余儀なくされていますが、これは製品開発に最も良い影響を与えません。 ただし、提供されるサービスの品質の低下に顧客が気付かないように保存する必要があります。 企業が独自のインフラストラクチャの維持を余儀なくされる状況では、これを行うのは困難です。 ホスティングはこのタスクを簡素化します。



多くのロシアおよび外国のホスティングプロバイダーには、特別な紹介プログラムがあります。 それらに参加している企業は、アカウントに紹介リンクを生成し、それを他のインターネットユーザーに転送することにより、新規顧客を引き付けるための控除と割引を受けることができます。 1cloudには紹介プログラムもあります。



All Articles