目次:
- スケールフュージョンの紹介
- なぜ再設計されたのでしょうか?
- プラットフォームを理解する
- マテリアル デザインを Web に適応させる
- 再設計
- 関与チーム
## スケールフュージョンの紹介
Scalefusion は、の主力製品です。 プロモビテック、プネ。この製品の誕生は 2014 年 XNUMX 月でした。 Android キオスクのロックダウン ユーザーが Android Phone に表示されるアプリケーションや Web サイトを制御できるようにするソフトウェア。製品は 2 つの部分で構成されます。
**1.モバイル アプリケーション – Android**
**2.クラウドベースの管理者ダッシュボード**
現在、 スケールフュージョン は 18,000 台以上の Android デバイスを管理しています。ダッシュボードは 27 の固有のセクションで構成されています。
## なぜ再設計なのか?
すでに成功している製品の再設計とリファクタリングは、どの企業にとっても難しい決断です。幸運なことに、決断を下し、ただそれを実行することに決めた非常に協力的なチームに恵まれました。優れた UX に焦点を当て、デザインを継続的に革新することで、古い顧客にとっての価値が生まれ、新しいユーザーがシステムに簡単に適応できるようになります。
## プラットフォームを理解する
Promobi Tech にはフルタイムのデザイナーがいなかったため、私が入社したときには、作業するための以前のデザイン ファイルや資産はありませんでした。プラットフォームを理解するには、実際のデザインを参照することと、ProMobi Tech の上司からの絶え間ない指導が組み合わさりました。私たちは当初、再設計の範囲を理解するためにワークショップを実施することからプロセスを開始し、スプリントで作業できるように構造を考案し、イテレーションが効率的で開発が行われていることを確認しました。そのデザインが進行していたのと同じ時期に。私たちが直面していたもう 1 つの課題は、ユーザーのエクスペリエンスを向上させるために、データのクラスターをより理解しやすいチャンクに整理することでした。
## マテリアル デザインを Web に適応させる
範囲とタイムラインを定義したら、ユーザーがダッシュボードの使用中に直面する主要な問題点を特定し、ダッシュボードの視覚的な側面をどのように変更するかを決定し始めました。 Google のマテリアル デザインは、再デザインの際のベースとして機能しました。
## 再設計
再設計は 3 か月かけて行われました。
**サイドバー**
(ここに画像を追加します) 私たちが再設計したダッシュボードの最初の要素の 26 つは、サイドバーでした。古いバージョンのダッシュボードでは、サイドバーに XNUMX のセクションが表示されていましたが、新しいバージョンでは、関連するアイテムをグループ化し、展開/折りたたみ形式で追加して、見やすくしました。また、ダッシュボード内でスクロールする必要もなくなりました。サイドバー。
**デバイス画面**
次に取り組んだセクションはデバイス画面でした。このセクションは、Scalefusion を実行しているすべてのデバイス (現在ロックされているかロック解除されているか) の概要をユーザーに提供し、各デバイスの詳細にアクセスできるようにするため、ダッシュボードの核心でした。これらの詳細には、デバイスに適用されたブランド、デバイスが訪れたすべての場所の簡単な概要、およびデバイスに関するその他の関連情報が含まれます。
このセクションに加えられた最も重要な変更の 1 つはフィルター バーです。以前は、ユーザーはロックされたデバイスとロックされていないデバイスを表示することによってのみ並べ替えることができました。フィルター バーを使用すると、ロック済みとロック解除済み、およびデバイス グループを並べ替えることができます。さらに、ページネーションも追加され、検索と表示がより速く、より軽くなりました。
個々のデバイスをクリックして詳細を表示すると、ユーザーはその特定のデバイス上のすべてのアプリを表示し、必要に応じて変更を加えることができる更新されたビューを表示します。
**ブランディング**
パーソナライゼーションとカスタマイズは、Scalefusion ダッシュボードの 2 つの非常に重要な側面です。ブランドセクションが完全に刷新され、ブランドに関連するすべての重要な情報が表示され、ファーストビューにはブランドのプレビューも表示されます。
ユーザーが新しいブランドを作成するとき、主な UX アップデートの 12 つはブランドの色の選択です。カラーピッカーを使用させるのではなく、XNUMX 色から選択できるオプションをユーザーに提供しました。その理由は、正しい色を見つけるためにピッカーをいじる必要がなく、色をすばやく選択できるようになったためです。ユーザーがカスタム カラー コードを入力して、その特定の色をブランドに適用できる機能もあります。
**所在地**
「場所」セクションは、このダッシュボードの刷新中に直面した UX の最大の課題の 1 つでした。セクション全体がゼロから再構築されました。以下は、新しい「場所」セクションの主な機能の一部です。
– 全画面表示: ユーザーは、Scalefusion を実行しているすべてのデバイスの概要を一目で把握できます。現在、Google Clusters を使用して、クラスタ化されたように見せることなく、任意の数のデバイスに対応します。
– デバイスをクリックすると、デバイスの場所とデバイスのステータスの小さなプレビューが表示されます。
– ユーザーがさらに詳細を表示したい場合は、過去 2 か月間にデバイスが訪れたすべての場所のタイムラインを含む詳細なレポートが表示されます。これは、簡単にアクセスできるように PDF または CSV ファイルに保存できます。
**エンタープライズ ストア**
Enterprise ストアは、Scalefusion の最もユニークな機能の 1 つです。簡単に言うと、顧客が会社のモバイル アプリケーションを Google Play ストアに追加して公開したくない場合は、 スケールフュージョン エンタープライズ ストア また、公開されているデバイスに完全に安全にアクセスでき、Scalefusion 自体内で更新できます。
– Enterprise Store は、Scalefusion System アプリケーションとユーザーのアプリケーションに分かれています。 Scalefusion は、Bluetooth マネージャーやファイル マネージャーなどのさまざまなスタンドアロン アプリを提供します。
– アプリケーション用の QuickView を導入しました。ユーザーがアプリケーションのアイコンをタップすると、右側からサイドバーが表示され、アプリケーションに関連するすべての情報と、APK で実行できるすべてのアクションが表示されます。
**モバイル コンテンツ管理**
コンテンツ管理 顧客のニーズに合わせた複雑なものです。この機能を使用すると、ユーザーはファイルやフォルダーをアップロードし、ダッシュボード内でそれらを管理できるようになります。これらのファイルはリアルタイムでデバイスに公開できます。現在、ユーザーは MP4 や MOV だけでなく、PDF や DOC ファイルなどのドキュメントをアップロードできます。
**ジオフェンシング**
ジオフェンスは仮想的な障壁です。を組み込んだプログラム ジオフェンシング 管理者がトリガーを設定できるようにすることで、デバイスが管理者が定義した境界に入る (または出る) と、テキスト メッセージまたは電子メールによる警告が送信されます。ユーザーはダッシュボード内でこれらのエリアを定義し、デバイスがそのエリアに入ったときにアラートを受け取ることができます。
**セキュリティ インシデント**
セキュリティインシデント 製品の安定性に関しては、最大の要素の 1 つです。 Scalefusion を使用すると、ユーザーは電話機のロック解除に失敗したかどうか、または電話機内の SIM カードを変更しようとしたかどうかを知ることができます。
## チーム
**コアデザイン&UXチーム**
ハリシャンカー・カンナン
アーナブ・チャクラボルティ
アビシェク・サマンタライ
アルジュン・ラージショア
**開発チーム**
アーナブ・チャクラボルティ
ラビンダー・ラナ
カルペシュ・フルパガレ
ジャレンドラ・バナルカール
**QA**
ハリシュ・マートル
シータル・ラナ