web-dev-qa-db-ja.com

タイルUX:これらのタイルには情報が多すぎますか?

私はフラッシュカードアプリケーションに取り組んでいます-私はskydrive.comのUXが本当に好きで、このアプリにタイルパラダイムを適用したいと考えています。アプリでは、カードはセットに属し、セットはフォルダーに属します。フォルダーは青い実線のボックスで表されます。セットは青枠のボックスで表されます。これは私がこれまでに持っているものです:

enter image description here

それは少し雑然としても感じます。ホバー時にいくつかの情報を非表示/表示する必要があるかどうか疑問に思っています。ユーザーがアイテムにホバーすると、編集/削除できます。最終的には、コーナーの1つにもチェックボックスがあり(複数のアイテムの選択を容易にするため)、さらに混乱を招く可能性があります。

Skydriveは上部のメニューバーに「アクション」を表示するため、アイテムを選択すると、アイテム自体にアクションを配置する代わりに、バーからアイテムを管理できます。私は間違いなくこのオプションで大丈夫ですが、もっと良いオプションがあるとお考えでしたら、ぜひ聞きたいです。

私はアイコンへのテキストリンクを好むので、そこにすべてを保持する方法を理解しようとしていますが、どんな提案も受け入れます。

5
SB2055

このフォルダーには1セットと1枚のカードが(独立して)あり、1枚のカードを含む1セットではないことがわかるので、フォルダータイルからカード情報を削除します。解釈が少しわかりにくいです。また、レイアウトの種類を一定に保ち、上下に1行ずつ配置します。

インターフェースをクリーンに保ちたい場合は、一番上の行から編集オプションを削除し、ホバー効果について述べたように、編集オプションをそのときだけ持ってきます。これは、pinterestも同様です。行動を促すアイコンを1つ保持して、そこから編集やその他のオプションのメニューを作成することもできます。

また、タイルの色(d'oh!)を選択するためのコントロールを必ずユーザーに与えてください。以来、それはアイテムのグループ化の何らかの形を提供します。

1
rk.