ケーススタディ -ヒューリスティックの原理とユーザー エクスペリエンスを向上させるソリューションによる Chome の (android) タブ グループの評価。

インデックス

1] それがどのように始まったか

2] 再設計 — 変更点は?

3] Google Chrome を選ぶ理由

4]問題の特定

5] アイデア

6] ワイヤーフレーム

7] プロトタイピング

8]ユーザーテスト

9] フィードバック

始まりました！

私はUXの原則を研究し、実験してきました。途中、どういうわけか、2週間のメンターシップワークショップに参加することになりました.

このワークショップは、私の基礎を強化するだけでなく、観察の別の視点に慣れさせてくれました。

私たちのメンターである Anudeep は、48 時間の制限時間で UX デザインの課題を出しました。これが、Android 用 Google Chrome で簡単なケース スタディを行う方法です。

再設計 — 何が変わったの?

提案および実装された 2 つの主要な変更がありました。1 つの変更は視覚的であるため簡単に見つけることができますが、もう 1 つの変更は既存の要素の機能で発生するため、肉眼では見えません。

1 ] タブグループに名前を付ける

ここでは、タブ グループを選択し、編集機能を追加してタブ グループに名前を付けました。シンプルにするために、ユーザーが使い慣れた編集アイコンを使用し、Chrome のアイコン デザイン スタイルに合わせました。

ユーザーが名前を変更したい場合はいつでも実行できるポップアップ プロンプト スクリーンを作成しました。

2 ] タブを移動する

ここで、赤でマークされた領域は、ドラッグの新しいオプションが使用可能になり、有効になる場所です。

これは、ユーザーが好みの方法でタブを並べ替えて配置できるようにするために行われます。一度配置すると、ユーザーは時間を節約し、効率的になるでしょう。

3 ] ユーザーとビジネスへの影響

タブとタブ グループは、Chrome モバイルのブックマークに代わる簡単な方法です。そして、導入された変更は、ユーザーとビジネスの両方にプラスの影響を与えることです。

✔ユーザー:

この変更により、ユーザーは時間と労力を節約できます。 タブをより効率的かつ簡単に管理するのに役立ちます。グループに名前を付けることで、タブをすばやく識別できるようになるため、ユーザーが何かを覚えておくために受ける精神的ストレスが軽減されます。

ドラッグ タブを有効にすると、ユーザーは必要に応じてタブを配置し、時間と労力を節約できます。
また、ユーザーが別の方法で実行する手順を少なくとも 3 減らすことができます。

✔ビジネス :

ユーザーが必要なものを見つけられない場合、ユーザーは不満を感じ、情報を思い出すために他のアプリ (通話、メッセージ、メモ、インスタ メッセージなど) に移動する可能性があります。

これにより、 SCREEN TIMEが失われる可能性があります。

ユーザーは、他のアプリを閲覧しているときにタスクを忘れたり延期したりすることもあります。

これにより、 RETENTION METRICSが低下する可能性があります。

ユーザーのプロセスを簡単かつ効率的にすると、時間と労力を節約できるため、ユーザー維持率が向上します。

Google Chrome を選ぶ理由

行われた選択は、複数の理由に基づいていました。

• まず第一に、Chrome は広く使用されているアプリであるため、多くの視聴者がいます。改善が行われると、多数のユーザーを助けることができます。
• 第二に、クロムは広く使われているため、テストする人を見つけるのは比較的簡単です。したがって、彼らは詳細な回答を提供することができ、より良いソリューションを設計するのに役立ちます.
• 第三に、私自身が製品に非常に精通しています。したがって、重複する設計ソリューションを作成するのを避けるのに役立ちます。

解決策は、問題と同じくらい良いものです。

問題を特定するために、ヒューリスティックスの 10 原則を利用し、製品の指定された範囲でテストしました。

問題 (R1) が特定されました:

タブのコンテンツを見ていくうちに、それが便利であることがわかり、優先順位をつけたいと思うでしょう。タブの配置を制御できないと、ユーザーの制御と自由が妨げられます。

ヒューリスティックの原則— ユーザーの制御と自由

問題(R1)が特定されました:

タッチスクリーンユーザーの間では、長押ししてドラッグして位置を変更することはよく知られています。同じことがGoogleタブグループから欠落しています—内部。

ヒューリスティック原則 —柔軟性と使用効率

問題(R1)が特定されました:

ユーザーは現在、一般的な慣行に非常に慣れており、自然に身に付きます。したがって、適格な要素に一般的なプラクティス (ドラッグ) を実装しても、意図した応答が得られない場合、ユーザーはイライラします。

発見的原理 —システムと実世界の一致

問題 (R2) が特定されました:

タブをグループに編成する場合、必要に応じて簡単に見つけられるようにします。タブ グループを作成/マークして、独自のアイデンティティを持たせることができないと、ユーザーの制御と自由が最小限に抑えられます。

ヒューリスティックの原則 —ユーザーの制御と自由

アイデア

ここでは、特定した問題に対する解決策をいくつか考え出しました。試行錯誤の方法でいくつかを選別し、排除した。そして、私たちの問題に最適なソリューションを選択してください。

リソースの能力と可用性に応じて、ソリューションを特定する前に、制約を特定して定義しました。

ワイヤーフレーム

アイデアは実行されない限りただの夢です。

ここでは、思い描いたアイデアに基づいて忠実度の低いプロトタイプを作成しました。

新しい変更の適切なパスがマップされ、現在の製品システムに実装される可能性がさまざまなスケッチによって確認されました。

数回試行した後、下の画像の視覚化されたアイデアが次のステップのベースとして選択されました。

低忠実度プロトタイプへのリンクにアクセスするには、ここをクリックしてください

プロトタイピング

このステップでは、忠実度の低いワイヤーフレームを視覚的に魅力的で実用的なプロトタイプに変換しました。

行われた変更

✏️ユーザーがクロムでタブ グループに名前を付けることができるように、編集アイコンを追加しました。

✏️名前を追加・変更できるポップアップ画面を追加しました。このポップアップは、[編集] ボタンが呼び出されたときに表示されます

✏️下部のタブ グループ バーにドラッグ オプションを追加しました

高忠実度プロトタイプへのリンクにアクセスするには、ここをクリックしてください

ユーザーテスト

設計の最も重要な部分は、それをテストすることです。テストは、製品に対するユーザーの反応と関心を示すだけでなく、ユーザーの問題を特定して修正するのにも役立ちます。

ユーザーに好まれていない製品は、悪い投資です。

ユーザーの検索

製品をテストするのに適した人を特定することが重要です。それらは、対象となるオーディエンス グループに属している必要があります。

Google は多くの人に利用されているため、Google の製品をテストするユーザーを見つけることは難しくありませんでした。「邪魔しないで」「時間がない」という少数のユーザーを除いて、すぐにユーザーを見つけて結果を観察しました。

ユーザーのタスク

⚡タブ グループの名前を編集します。
⚡タブ グループに入り、いずれかのタブを参照するように依頼します。
⚡ユーザーがいるページから直接、グループ内のそのタブの位置を変更します。
⚡変更に関するご意見。

何を観察するか

ユーザーが編集オプションを見つける速度を観察し、編集中に問題を見つけます。
ユーザーがタブの位置を変更しようとしたときにどのような選択をするかを観察します。
彼らは一度の試みで道を見つけることができますか?
迷子になった？

インサイト

いつでも、Everyone と Everything から何かを学ぶことができます。

製品がどれほど人気が​​あり、広く使用されていても、常にユーザーに、その製品を使用しているかどうか、製品に精通しているかどうかを尋ねてください。

ユーザーは、再設計していない既存の要素に行き詰まったり、問題を見つけたりする可能性があります。

フィードバック

ユーザーから収集したデータと私たちが行った観察を分析した結果、これ以上の変更は必ずしも必要ではないという結論に達しました。

ユーザーが私たちが設計した製品にすでに非常に明確で満足している場合、これ以上強制的な変更を加えると、製品に悪影響が及ぶ可能性があります。

ただし、製品にはまだ小さな変更が加えられています。グループタブのボトムバーに「ホバーでズーム」を追加しました。

Linkedin で私とつながるには、ここをクリックしてください