web-dev-qa-db-ja.com

アイテムが共有またはコピーされていることを示す最良の方法

私のWebページには、いくつかのフォルダーとこれらのフォルダー内にいくつかのアイテムを表示するために使用されるツリーがあります。これらのアイテムは、ツリーの1つのノードから別のノードにコピーすることも、共有することもできます。コピーまたは共有しても名前は変わりませんが、アイテムが元のアイテムのコピーまたは共有コピーであることを視覚的に示す必要があります。

このアイコン画像を使用して、元のアイテムを表示します enter image description here

アイテムがコピーまたは共有アイテムであることを示す良い方法は何ですか?どんな入力でも大歓迎です。

1

多くのファイルシステムコンテキストでは、主にフォルダーのメタファーのためにコピーが使用されます。つまり、フォルダのメタファは各「ファイル」が有限数の物理的な場所に存在することを意味するため、一部の情報は2つの「場所」に表示される必要があります。タグベースのファイルシステムでは、1つのファイルに複数のタグを付けて、複数のクエリに表示できます。したがって、たとえば、この投稿はtreeタグとiconsタグの両方の投稿リストに表示されますが、質問の「コピー」はありません。重複することなく、一度に両方の「場所」に配置できます。

これがあなたの状況である場合、ツリーをいくつかコピーしてリンクのないコピーで終わるのではなく、複数の親を持ついくつかのリーフをツリーに含めることができるかどうかを検討することをお勧めします。または、ツリーが特定のデータとユーザーにとって最良のデータ構造またはデータ構造のプレゼンテーションである場合でもです。

リレーショナルではないもののコピーを実際に必要とする場合は、ディープコピーを作成します。そうする場合は、過去に、あるファイルが他のファイルからコピーされたことをユーザーに示すことで、ユーザーが何を得るかを検討してください。

「共有」アイコンに関しては、@ NicolasHungの答えが好きです。

1
sintax

ファイルが共有されていることを示すには、Googleドライブなどの右下のコーダーに小さな人のアイコンを追加します enter image description here 、またはドロップボックス enter image description here

特にファイルのコピーを表示する必要がない限り、そうすることはお勧めしません。主に慣例により、WindowsからMac、Googleドライブ、Dropboxなどのすべてのシステムには、この機能がありません。むしろ、ファイルのコピーを新しいファイルとして扱います。 「コピー」というラベルをファイル名に追加することもできますが、それでも元のファイルとは関係のない新しいファイルです。

これはユーザーが慣れていることなので、システムで同じ動作が期待されます。新しい動作はそれらを混乱させ、機能がどのように機能するかを説明する専用の領域が必要になります。

1
Nicolas Hung

オブジェクトのアイコンを変更してそれらのステータスを反映するという提案は、一般的で確立されたアプローチです。 「人」の記号をオブジェクトの既存のアイコンに追加して、共有されていることを示すことは、優れたアプローチです。

もちろん、他のオプションもあります。たとえば、外部共有ライブラリからデザインにリンクされているレイヤーを識別するためにSketchで使用されるチェーンシンボルを使用するなどです。

enter image description here

ただし、「コピーされた」オブジェクトと呼ばれるものに関しては、他のユーザーがすでに説明しているように、ユーザーは「コピー」が独自のスタンドアロンファイルであることを期待しています。あなたが説明しているものはもっと似ています macOSの「エイリアス」の概念 、これは単に実際のファイルを指すアイコンです。

複数のエイリアスが同じ元のファイルを指すことができます。エイリアスをクリックすると、そのオリジナルが開きますが、ユーザーはオリジナルにまったく影響を与えることなく、自由にエイリアスの名前変更、移動、コピー、削除を行うことができます。

UIでこれを使用する必要がある場合は、Appleの実装から着想を得て、エイリアスに小さな曲線矢印アイコンを追加できます。

enter image description here

どのアイコンを選択する場合でも、必ずユーザーと一緒にテストして、ユーザーがそれぞれの意味を理解していることを確認してください。

0
JochenW