web-dev-qa-db-ja.com

リンクのリストとタイル

イントラネットの他の領域へのクイックリンク/ブックマークのコレクションを格納するドロップダウンパネルを設計しています。ユーザーがタッチスクリーンデバイスを介してアクセスする可能性が低いことがわかっている限り、ユーザーはWindowsまたはMac OSXを実行しているラップトップまたはデスクトップPCを介してイントラネットにアクセスします。

私は現在、ドロップダウンでリンクをレイアウトする方法の2つのオプションから選択しようとしています:

enter image description here

タイル張りのビューは、新しいウィンドウズのメトロuiに触発されたもので、美的に見栄えがよくなると思います。しかし、使いやすさの点でどちらが有利だと思いますか?

それとも、それぞれのユーザビリティの長所と短所は何ですか?

14
benb

1.リスト:

+すべてのアイテムのテキストが揃っているので、タイトルテキストのアイスキャンが簡単になり、

+より長いタイトルテキストを許可し、

+/-注文を意味し、

-隣接する行の選択を危険にさらす、より細いクリック/タップ領域。

2.グリッド:

+アイテムがどこにあるかをより広く覚えやすくなり、

+間違いなく簡単にクリック/タップでき、

+より詳細なアイコンを許可し、

-行または列ごとのアイテムのグループ化を意味します。

-テキストを短くします。

結論

アイテムの交換リスト、詳細なアイテムタイトルテキスト、またはアイテムの線形ソート順がある場合は、オプション1を選択します。アイテムがどこにあるかを学び、テキストを読まなくてもすばやくナビゲートできる頻繁なユーザー向けに最適化する場合は、オプション2を選択します。

12
JOG

オプション2は美的に優れています。この議論はあなたのコンテンツに完全に関連していますが、それに対する最大の議論はより少ないスペースです。

Ubuntu UnityWindows 7 Start Menu

スクリーンショットには、UbuntuとWindowsのダッシュボードがあり、機能は同じですが形式が異なります。どちらも非常によくできており、どちらかで真の欠陥を見つけることは非常に困難です。多分誰かができますか?

とはいえ、メニューの重要な要素は検索バーになると思います。検索バーは最も目立つ位置に配置する必要があります。

4
ditto

タイルは見栄えと使いやすさを提供しますリストはスペースを節約し、Jiffyで仕事をしたい人のために

ターゲットが一部の情報を迅速に(リアルタイムなど)提供することである場合は、リストを使用します。コンテンツが静的なものである場合は、タイルを使用します

個人的な選択:ユーザーが両方のレイアウトから選択できるようにする

2
Rahul Reddy

不動産スペース-オプション1はオプション2に比べてより多くのアイテムを収容できます

ユーザーの対応-オプション1の情報をちらっと見上げる上から下へのアプローチは単純明快ですが、オプション2の場合は、アイテムを検索するために多くの注意深く予期しない結果が生じます。

アフォーダンスとコンテキスト-スプラッシュスクリーンを見てタイルビュー(オプション2)がある場合、デザインにタイルオプションを設定する理由は、オプション1に対して適切な概要が必要ですが、アフォーダンスに関しては間違いなく十分ですが、表示する必要がある場合は同じです。サブページ画面では、見落とす必要があります。オプション1は中央に情報を配置するため、オプション1の方が移行感を優先して変化するため、オプション2のコンテキストは移行感を提供しません。美学は、いつでもユーザビリティのコンテキストを覆すべきではありません。

アイコン化-これはオプション2で見事です。メタファーとアイコンが適切に配置され、簡単に選択できるため、当然のことながら、ユーザーは正しいアイテムを選択するのがより速くなります。

私はオプション1を選択します-一時的である場合-一時的またはそれ以外に玄関マットの機能のように必要な場合は、指のサイズに適したオプション2にする必要があります。

1
inkmarble

私はオプション2を好みます。

大きなアイコンを使用すると、ユーザーが検索したアイテムをすばやく見つけることができます。グリッドでは、アイテムがどこにあったかを思い出すのが一般的に簡単です。

1
raqete

いくつかのアイテムに制限されている場合、タイルはOKです。ただし、10個を超えるタイルを使用すると、関心のあるアイテムをスキャンするのに視覚的に高速なリストが見つかります-特に一部のタイルが類似している場合。私はWindows 10タイルが嫌いで、すべてのアプリケーションのコンパクトなリストのオプションがあったらいいのにと思います。

0
jesterboomer

何らかの形式の論理列にグループ化されたスキャン可能なリストが私の選択です。これが基本的な「メガメニュー」モデルです。

Metro UIは、ドロップダウンメニューではあまり意味がありません。特にイントラネットリンク用のアイコンベースのアイコン...これらが本当に識別可能なアイコンでない限り。

0
DA01