web-dev-qa-db-ja.com

ユーザーナビゲーションアイコンまたはテキストベース

私はWebベースのホストされたCRM個人プロジェクトに取り組んでおり、それが行われたプロジェクトに公開します。私の目標は、学習またはトレーニングの要件がまったくない、またはまったくないCRMを作成することです。そのために、私はクリーンでシンプルなインターフェースに焦点を合わせています。他のCRMで構成することもありましたが、ほとんどの場合、メニューやその他のもの、特にDynamics CRMを使用したことがあれば膨らみました。

しかし、これはそうではありません。インターフェイスの設計中に、メニューの作業を始めました。発生する問題は、Tipsyでバックエンドされたアイコンを使用してアイコンの説明のツールチップを表示していることです。たとえば、ダッシュボードアイコンにカーソルを合わせると下部にテキストとダッシュボードが表示されます:ダッシュボードまたは連絡先アイコンにカーソルを合わせるとクライアントが表示されます: &企業ツールチップ。

私は個人的にアイコンとは何かを理解していますが、目標を達成するには、年齢や性別を問わず誰でも簡単に使用できるようにする必要があります。アイコンが作成する唯一の混乱はテキストの欠如であり、アイコンが何であるかを常に覚えているとは限らない人もいます。添付されているのは現在のトップメニューUIの画像です。アイコンを引き続き使用する場合や、代わりにテキストベースのナビゲーションを使用する場合は、プロのフィードバックをお願いします。

ダッシュボードUI

アイコンベース:

enter image description here

テキストベース:

enter image description here

テキストベースの簡略化:参照: http://cl.ly/MZdt

enter image description here

このアプリケーションを開いて、顧客が独自のエンティティを作成し、その構造を事業のラインにマッピングできるようにする場合は、すぐにアイコンの悪夢になります。

フレッシュインストールとして届いたとおりにCRMを使用する組織はほとんどありません。私が行った2つのCRM実装には、ビジネス要件が非常に異なるため(1つはマーケティングプロセスを処理し、もう1つは継続的な顧客関係を管理するため)、互いに異なる方法でマッピングされた非常に異なるエンティティが必要でした。

最初の例のアイコンは中程度からほとんど「推測可能」ですが、これは、かなり一般的なエンティティのセット数で作業しているためです。

どのような意味を持つカスタムエンティティにどのアイコンを使用しますか?

フィールドのmaxlengthを適切なサイズに保つ限り、UIの観点からそれほどヒットしないので、テキストを使用することをお勧めします。また、顧客を解放すると、そのUI要素に課せられる要求に対して最大限の柔軟性が得られます。

したがって、多くの異なる分野での多くの実装で成功する可能性を高めるには、テキストを使用します。それほどセクシーではありませんが、長期的にはユーザーにより良いサービスを提供する可能性が高くなります。それは良いことです!

3
Charles Wesley

アイコンは見た目はいいですが、テキストはアイコンよりも理解しやすいです。それはあなたのナビゲーションに関連するすべての推測作業を取り除きます。

推測では、アイコンは次のように表示されます。

ダッシュボード、ユーザー、日付、統計、アーカイブ、新規(何か)

これらのアイコンがどういうわけか正しいと思ったとしても(驚いたことでしょう)、テキストをより具体的にすることができます。

例:ユーザープロファイル、予定日、会社統計、新しい見積もり

3
Chris N.

アイコンとテキストの使用を検討しましたか?両方の世界のメリットを享受してください。

モバイルユーザーを期待していますか?サポートがあるかどうかはわかりませんが、マウスオーバーのサポートがないため、モバイルユーザーはテキストヒントを表示できません。

1
dai

私はテキストベースで行きます。視覚的な魅力が懸念される場合は、HTML5およびCSS3を使用して、いくつかのモダンで魅力的な効果を実行することもできます。テキストの方がパフォーマンスが速く、カスタマイズが簡単で、アクセシビリティの採用について考えます(とにかく、視覚障害のあるユーザーが使用するスクリーンリーダーに同等のテキストを提供する必要があります)。

ツールチップのテキストを表示するためにホバリングすることはマイナーなようです。しかし、その結果、時間の経過とともに生産性が失われます。そして、Steve Krugが言うように、行動する前にユーザーに考えてほしくない... :)

0
uobroin