作品の一覧を、見返す目的から組む

作品をWebで紹介するとき、どんな順番で並べるとよいでしょうか。新しいものから、技法ごとに、描いた内容ごとに。同じ作品でも、見返したい目的によって隣に置く作品が変わります。

まずは「どの作品を、何を手がかりに探したいか」を少数の具体的な問いにします。この案では同じ六作品を年代・技法・テーマで並べ、選んだ作品から同じ一覧へ戻る流れを考えます。画像の順序と作品情報をそろえ、題名を知らない人の入口も検討します。

同じ六作品に、三つの見返す目的を当てる

作品情報は、制作年・技法・テーマの三項目です。「青の面」の制作年と技法は未確認として残しています。画像の色や描き方から、年や技法を補うことはしません。

六作品すべてを一つの順番へ押し込む前に、次の三つの問いを比べます。年代なら同じ時期、技法なら同じ描き方、テーマなら内容の共通点が、まとまりを作る手がかりになります。

年代は、制作した時期をたどる入口にする

「2024年ごろに作った作品を見返したい」という問いでは、木陰と机の花を同じまとまりに置きます。木陰は水彩・紙で風景、机の花は油彩・キャンバスで暮らし。ここでは技法やテーマをそろえるより、同じ制作年を保つことが目的です。

制作年と、展示した年・撮影した年・Webへ掲載した年は区別して記録します。年の意味が混ざると、年代を選んでも期待した作品の組になりません。制作年を確認できない作品は、別の年へ推測で入れず、未確認のまとまりへ残します。

技法は、異なる時期の作品を見比べる入口にする

「水彩・紙の作品を見比べたい」という問いでは、2022年の夏の波と2024年の木陰が並びます。年代の案では別れていた二点が、この入口では同じ組になります。夏の波を開いてから戻る先も、水彩・紙のこの二点です。

表記をそろえるときは、同じ語へまとめてよいかを作品情報で確かめます。「紙」と「キャンバス」の違いを消したり、画像が似ていることだけで同じ技法へまとめたりしません。確認できない技法は未確認として扱います。

テーマは、題名や専門用語を知らない人の入口にする

「線や面の作品を見たい」という問いには、かたちという入口を当てています。重なる線と青の面が同じまとまりになり、鉛筆・紙という技法名を知らない人にも、見返す手がかりを示せます。

この案の「かたち」は、線と面の二作品をまとめるために定めた呼び名です。実際の作品を整理するときは、作者が使っている言葉や読者に伝えたい内容と対応させます。見た目だけで作者の主題を決めたり、「青い作品ならすべて同じ意味」とまとめたりしません。

未確認の作品も、一覧から消さない

青の面は、制作年と技法を確認できていません。そのため年代や技法では未確認として残し、テーマのかたちでは重なる線と並べます。すべての項目が埋まるまで作品を外すのではなく、分かっている情報を入口に使う案です。

全作品の一覧では六点が残り、選んだまとまりの一覧ではその範囲の作品が並ぶようにします。「年代・2024年」「技法・水彩・紙」のように、何を選んでいるかを見出しにも示します。未確認は空白や別の分類へ置き換えず、作品の情報欄にも同じ言葉で残します。

作品を開いた後も、同じまとまりへ戻れるようにする

一覧で木陰を見つけて詳細を開いた後、戻り先が全作品の先頭になると、2024年のもう一点を見比べるために探し直すことになります。戻る先は、作品を開く前に選んだ入口と範囲に合わせて考えます。

詳細にも題名・制作年・技法・テーマを同じ情報として置き、画像は全体へ戻れるようにします。小さな画面では、作品と見出しが欠けず、選択欄の名称と戻る先が分かるかを確かめます。幅が変わっても内容をたどれること、操作する場所と名称を区別できることは、画面を考える際の確認点です。［1］ ［2］ ［3］

この三課題で確かめるのは、選んだ作品の組と情報、詳細からの戻り先です。誰もが速く探せることや、分類を増やすほど使いやすくなることまでは決めません。まず予定する読者の目的に合う入口を絞り、実際にたどる流れと合わせて検討します。

相談には、作品画像・情報・探したい目的をそろえる

複写では、作品画像と説明文をまとめる編集・デザインから、作品集やWebの見せ方をご相談いただけます。作品集・カタログ・Web制作をご覧ください。作品を年代で見返すのか、描き方で比べるのか、題名を知らない人にも見つけてもらいたいのかを、一緒に整理します。

相談時には、作品画像、現在分かっている題名・制作年・技法などの情報、誰が何を探す予定かをそろえます。未確認の項目と、作品情報を確かめる人も添えてください。分類の見せ方や検索機能の実装、更新方法の提供範囲は、資料と用途を見て個別に確認します。複写へのご相談で、作品と予定する見せ方をお伝えください。

参考資料

1. W3C WAI：Understanding Reflow — 幅や表示倍率が変わる画面で、内容をたどるための考え方。
2. W3C WAI：Understanding Target Size (Minimum) — 操作対象の大きさと間隔を考えるための説明。基準には適用範囲と例外があります。
3. W3C WAI：Labeling Controls — 選択欄などの操作対象と、その名称を対応させる考え方。