
スタートアップの開発の際立った特徴は、リソースが絶えず不足していることです。これにより、プロジェクトチームは一時的なソリューションに頼らざるを得なくなります。 さらに、前述の仮説のテスト中に、ビジネスコンセプト自体が頻繁に変更されます。
しかし、一時的なものほど永続的なものはありませんが、新しいレベルに到達するには、遅かれ早かれ、「バイク」を高品質のソリューションに置き換える必要があります。
製品インターフェースの設計と作成は、若いプロジェクトが妥協を余儀なくされることがある分野の1つです。 そして、将来それらを拒否することは容易ではありません。 今日は、ホスティングプロバイダー1cloudのプロジェクトサイトを作成した方法と、立ち上げ後すぐにその再設計に取り組んだ方法についてお話します。
仮説検定
プロジェクトの最初のコンセプトは「クラウドソリューションストア」として策定されました。「マーケットプレイス」、つまり誰でも製品をアップロードして販売できるプラットフォームを作成したかったのです。 ただし、分析と最初のテストの後、IaaS&PaaSプロバイダーの作成に移行する方が良いことが明らかになりました。
同時に、最初の仮説のテストにはすでに一定の時間が費やされているため、2番目の段階では、より速く移動したかったのです。 残念ながら、これは達成することができませんでした-私たちのプロジェクトは、州のUX専門家を維持するための重要な財源を持たないスタートアップです。 したがって、外部の請負業者のサービスに頼ることが決定されました-それらとの相互作用のトピックに関する別個の資料を書くことができます。
以下は、さまざまな理由で実装を拒否したページレイアウトです(画像をクリックすると、フルサイズが開きます)。

別の配色のオプション:


最終的に、新しいUIスペシャリストが採用されました。 私たちは彼と一緒にプロジェクトを開始することができましたが、インターフェース(特にナビゲーション)にはまだ特定のエラーがありました。

インナーパネル:

インターフェースの作成にかなりの時間を費やしましたが、最終的な結果はまだ不完全でしたが、新しいビジネスモデルの一貫性については疑問が残りました。 テストに進む必要がありましたが、サイトとユーザーの個人アカウントの最も精巧なインターフェイスが結果に影響することはありませんでした。
費やした時間を補うために、私たちはすでに実用的なソリューションに頼ることに決めました。それはその実行可能性を証明し、人気のある欧米のIT会社
DigitalOceanのサイトをベースにし
ました 。

回避策の放棄
新しいビジネスモデルはその価値を証明しました(Habrの一部のユーザーによるデザインの借用に対する特定の否定的な態度にもかかわらず、
資料の 1つに対するコメントで表されています)。 したがって、次のステップは、完全にユニークな新しいインターフェースの開発でした。
とりわけ、西側のプロジェクトのサイトに似たインターフェースの作成に関して言及された否定的なことは、DigitalOceanで可能な限り大きく新しいデザインを最小化する必要がありました。
設計に関する作業は、概念を議論し、紙に最初のスケッチを受け取るために、請負業者との会議である古典的なスキームに従って実行されました。 さらに、モカパはバルサミクで作成されました-すでにこの段階でいくつかのアイデアを放棄しなければならず、何かを完成させる必要がありました。
その後、PSDで実際のインターフェイス画面を使用してレイアウトが作成されました。 当初から、ミニマリズムの概念が選択されていたため、設計のための処理はそれほど多くありませんでした。
何がされた
優れた
資料は、以前にHabréで公開され、ホスティングプロバイダーのWebサイトのインターフェイスとビジネスプロセスの主なエラーの分析が行われました。 これらの問題を回避するために取り組んできました。
問題:関税情報検索引用資料で述べたように、ほとんどの場合、ユーザーはサイトのメインページにアクセスしますが、これはまったく必要ない場合があります。人々はサービスのコストを知り、料金に関する情報をすぐに入手したいのです。 ユーザーは必要な情報を検索するために長時間クリックするのが面倒なので、問題を解決せずにサイトを離れます。
解決策:ホームページの価格計算ツールを削除するメインページに価格計算機が追加され、顧客は事前に構成された
料金プラン (低、中、高)を選択できますが、CPU、ストレージ、RAMの可能な組み合わせを示す「カスタム」料金も作成できます。
問題:関税の選択が多すぎるとユーザーが混乱するビジネスの成長に伴い、ホスティングプロバイダーは、多くの場合、さまざまなニーズを持つ顧客を対象とし、さまざまな国に所在する新しい関税を導入する必要に直面しています。 同時に、ユーザーは常に幅広い関税に積極的に反応するわけではありません-微妙なニュアンスだけが異なる場合は、選択するのが難しくなります。
解決策:3つの「ハード」関税と1つの「カスタム」関税の設定上記のように、3つの関税を設定します。これらは変更されることはなく、まったく異なるものです。したがって、ユーザーは自分に最も適したものを選択しやすくなります。 特別なシンプルなコンフィギュレーターを使用して、独自の料金プランを収集する機会もあります。
問題:誰も登録を好まないこれは、ホスティング事業者だけでなく、多くの企業のサイトに共通する問題です。 ユーザーはサイトにアクセスして、問題を可能な限り迅速に解決し、無限の登録フォームに入力したり、キャプチャに対処したりしないことを望んでいます。
100人のユーザーのうち54人は 、登録するよりもサイトを離れること
を好みます。ビジネスは潜在的な顧客の半分以上を失います。 これを許可してはいけません。
解決策:登録するには、メールを指定するだけです仮想サーバーを注文するスキームが実装されました。必要なオペレーティングシステムを指定し、メールアドレスを残すだけで済みます。 サイトに
登録するには、電子メールアドレスだけでも十分です。これは、コントロールパネルにログインするときに同時にユーザー名として機能します。
問題:関税の情報が乏しいホスティングを購入する人々は、多かれ少なかれITについての知識を持っている傾向があります。 少なくとも、彼らは専用サーバーまたは仮想サーバーが必要かどうかを知っています。つまり、彼らは主婦ではなく、彼らが何にお金を払っているのかを細部まで知りたいのです。
解決策:メインページのコンフィギュレーターにすべての情報を表示します仮想サーバーの購入者には、仮想化の種類についての情報を提供するとともに、ディスクの種類、チャネルの幅、場所の国などのその他の重要な情報を伝える必要があります。 そのような情報はすべて1cloudのホームページで入手できます。 コンフィギュレーターの主要な位置については、オンラインヘルプを利用できます。
問題:緊急時にサポートを受ける方法が明確ではありません。多くのホスティング事業者のウェブサイトで連絡先情報をすぐに見つけることができるとは限りませんが、ほとんどどこでもユーザーはオンラインコンサルタント(必要なときは常にオフライン)のポップアップに悩まされます。
解決策:24時間のテクニカルサポートの導入テクニカルサポートの郵送先住所に手紙を送る標準オプションに加えて、サンクトペテルブルクの市内電話番号(+7(812)313-88-33)とロシア全土のフリーダイヤル番号(8(800)777)の24時間サポートが導入されました。 -18-23)。
問題:送信データのセキュリティに関する疑い最近、プロトコル全体の多くのさまざまなリークとセキュリティの問題により、技術に関連するすべての情報に否定的な情報の背景が生まれています。 ITサービスの消費者が最初に考えることの1つは、データの安全性(支払いを含む)を維持できるかどうかです。 一部のホスティング事業者はhttpsを使用しません。これにより、一部のクライアントが脅かされる可能性があります。 また、自己署名セキュリティ証明書を使用することはできません。
解決策:信頼できる登録センターが発行した安全な接続と証明書を使用してくださいサイト
1cloud.ruおよび
panel.1cloud.ruは、証明機関(Go Daddy Secure Certificate Authority-G2)によって発行されたSSL証明書を使用します。 現時点では、EV証明書を接続する作業が進行中です。
問題:強迫的なセキュリティセキュリティへの注意のもう一方の側面は、ユーザーの理解においてしばしば過剰になりすぎるという事実です。つまり、データの安全性の追求において、サービスの使用は不快になります。 たとえば、多くの人が気に入らない一般的な方法は、ユーザーの電話番号を要求することです(たとえば、購入するため)。
解決策:SMS検証なしでサーバーを注文する機能1cloudでは、ユーザーの電話番号を尋ねられないサービスを使用するためのテスト期間を導入しました。 将来的には、電話番号を示した後にテスト期間の条件を延長するオプションが可能です。
問題:不便な支払い方法ロシアでは、RuNetの視聴者の大部分が使用するさまざまな支払いサービスと電子財布が多数あります。 そのため、サイトでお気に入りの電子財布で支払うことができないため、ユーザーは怖がってしまう可能性があります。ホスティング市場での競争は激しく、彼には誰かが行くことになります。
解決策:最も一般的な支払い方法を追加する個人向けには、Visa、Master Card、電子サービス、およびモバイルアカウント(QIWI、Webmoney、YandexMoney、MTS、Megafon、Money @ mail.ru、PSKB Web-Wallet、EasyPay、LiqPay、Svyaznoy、 Rapida、Euroset)。
法人は、アカウントの助けを借りてのみサービスの料金を支払うことができますが、アカウントで直接生成することができます。
これらの問題を解決することに加えて、より快適で便利なインターフェイスの作成に取り組みました。 ナビゲーションに関しては、サイトの各セクションが個別のリソースのように見える前は、すべてのメニューが異種でした-1cloud.ruインターフェースの現在のバージョンは、非常に均一であるという特徴があります。

将来的にはモバイル版のサイトを作成する予定ですが、ここでは管理ユーザーインターフェイスの機能を維持するという問題に直面しています。マウスとキーボードがなく、物理的な画面サイズが小さい場合、サービスを管理する多くのタスクを解決することがより難しくなり、ユーザーの困難を最小限に抑える必要があります。
さらに、いくつかの新しいサービス(DNS-aaSやLoad Balance-aaSなど)をリリースする予定です。これらのサービスでは、管理システムを個人アカウントのインターフェイスに統合する必要があります。
新しいサイトのリリース後、ほとんど時間が経過せず、テストを継続し、結果が改善されたかどうかに関するデータを収集しています(サイトでの時間の増加、直帰率の低下など)。 しかし、今ではポジティブなダイナミクスが顕著になっていますが、最終的な結論を出すには時期尚早です-追加の改善が必要になる可能性は十分にあります。
今日は以上です。 コメントで特定のインターフェイス要素の実装に関する質問に回答し、フィードバックをお寄せください。