web-dev-qa-db-ja.com

「ページノート」とハイライトされたテキストコメントを処理するためのインターフェースの例?

コレクションベースのインターフェース(PinterestやDropboxなど)に取り組んでおり、ユーザーがさまざまな要素(フォルダー/ボード、ファイル/ページ、強調表示されたテキストなど)にメモ/コメントを追加できる機能を実装しています。 。)。

これらの「メモ」には、アイコン(たとえば、合計数が表示された小さなポストイットメモ)またはどこかにあるスライドトレイ(特定のアイテムに複数のメモがある場合があります)のいずれかを介してアクセスできます。さらに、ページでハイライトした特定のテキストに追加したメモにアクセスする必要があります。これは標準のメモに含まれるべきですか、それとも別の扱いが必要ですか?わからない...

私はこれのインスピレーションを見つけるのに苦労しています。Notesの例が本当に、非常にうまく処理されるのを見たいです。

既存のアプリのスクリーンショットを共有できる人はいますか?または、これをどのように処理すべきかについての考えはありますか?私は少しここで立ち往生しているし、いくつかのインスピレーションを使用できます:-)

どうもありがとうございます!

-リン

1
Lynn Cyr

私が好きかどうかはわかりません Mediumの実装 が、すぐに頭に浮かぶ例です。

enter image description here

私はサイドバーがより多くの実用性を提供したことを望みます。たぶん、複数のコメントまたはいくつかのスタックされたハイライトがそれを改善するでしょう。

私はこのようなシステムを数年前に(特にコメントではなく)コンテンツの領域を参照する「メモ」で構築しました。ほとんどの場合、テキストを視覚的に変更して明らかにリンクにするだけで十分でした。人々はそれがかなり迅速に実行可能であることに気づきました。

これが私たちの調査の一部です。各シナリオには複数の異なるタイプのアイテムがあることに注意してください。

Tool tip interaction


Linked to footer

そして私たちがテストしたもの

Final designs

1
Bryce Howitson