この記事では、フリーランスのデザイナーであるDarkoStanimirovicとApeeScapeのテクニカルエディターであるKentMundleが、Ro-Lu Webサイトのレビューで、使いやすさ、アクセシビリティ、ユニークなエクスペリエンスのバランスについて説明します。 Ro-Luは家具、設定、造園のデザインスタジオであり、その実践は他の分野にも及んでいます。この研究は、広くオープンで探索的な実践をしていると特定されています。したがって、彼のポートフォリオは彼のイデオロギーを反映する必要がありました。

このプロジェクトは、Webスペースでのユーザーエクスペリエンスに加えて、ポートフォリオとは何かという多くの仮定に挑戦しました。ただし、多くのユーザーは、実験的な機能が使いやすさを著しく損なうことに気づきます。コンセプトが最初に来ても大丈夫ですか？このウェブサイトは、現状に挑戦することについて他のデザイナーに何を教えることができますか？または、サイトが行き過ぎていませんか？

Kent Mundle（ApeeScapeテクニカルエディター）：Darko、Webでそのようなデザインを見たことがありますか？

ダーコスタニミロビッチ （フリーランスのApeeScapeデザイナー） さて、私はこのアーティストのグループの歴史、またはサイトの背後にいるデザイナーの本当の理解なしでページに行きました。だから新鮮な目で見ることができ、すぐに視覚的にとても面白く、色も構造も素晴らしいのですが、最初からウェブサイトとは何か、どうやってやりとりするのかを正確に教えてくれるものは何もありませんでした。 。そして彼は、サイトがどのように機能し、どのように理解するかを理解するよりも、サイトが代表するアーティストが誰であるかを学ぼうとする傾向が弱かった。

サイトを操作したデザイナーの多くは、そのナビゲーションのためにサイトを嫌っていると思います。あなたがどこにいるのか、どこに行くべきかがはっきりしていません。しかし同時に、それは独自の方法で研究を伝えていると思います、あなたはそれを見ることができません。特定のプロジェクトや最新の展示会を見つけるという特定の意図を持ってサイトにアクセスしたとしても、サイトの背後にいるアーティストやデザイナーはそれらのニーズに少し無関心であり、サイトの体験にもっと興味を持っているようです。

興味深いポートフォリオデザインは、単純な作品カタログではなく、一種の展示会として考えられています。

KM：これは、これらのルールを破ることができるサイトのタイプ（デザインポートフォリオ）の固有の品質ですか？

DS：多くの場合、アーティストのポートフォリオは、開発ポジションに傾倒する人ではなく、デザイナーによって作成されます。時折、これらの設計者は製品の実行方法を知らないことがありますが、設計者はプロジェクトについて別の方法で考えることができます。このようなさまざまなポートフォリオは、単純な作品カタログではなく、一種の展示会として考えられています。

通常、デザイナーは「あなたのサイトの目標は何ですか？メールはどこで収集できますか？など」ですが、ポートフォリオデザイナーは、概念的な作品を発表するために展示会に招待されているように感じます。従って ビューポート 画面は、雑誌の表示壁や静的ページのように扱われます。 パンフレット 、そしてデザイナーはデザインがそうであるかどうかについて本当に考えていません レスポンシブ または同様のもの。

このウェブサイトは、ポスターや壁のディスプレイのデザインがウェブインターフェースの双方向性に適用されたことを意味します。明らかに、デザイナーはウェブが提供できるこれらすべての可能性を知っていますが、それらは印刷デザインの精神の範囲内で使用されました。ですから、おそらく私たちはこの素晴らしいキャンバスを持っており、そのほんの少しが明らかになっています。

とにかく、このデザイナーのプロセスを見て、彼らがグラフィックデザインのトレンドのさまざまな世界をウェブとどのように組み合わせたかを理解しようとするのは興味深いことです。このサイトが、公開コンテンツと呼ばれる、設計された当時の傾向にどれほど似ているかがわかります。しかし、このグラフィックスタイルはやや現代的でしたが、Ro-Luのデザイナーがプリントデザインのトレンドにインタラクティブ性をどのように取り入れたかは興味深いものです。

鑑賞者が展覧会の作品を理解していなくても、他の貴重な方法で彼に影響を与える可能性があります。

KM：サイトの意図を損なうことなく、ナビゲーション構造をどのように正確に改善できるでしょうか。

DS：サイトをより効果的にする方法は常にあると思いますが、デザイナーがサイトを明らかにすることにどれほど興味を持っていたかはわかりません。作品の一部であるため、視聴者がすべてを理解できなければ興味がないと言う伝統的なグラフィックデザイナーの態度があります。ギャラリーの展示と同様に、展示されている作品の消費方法を説明するガイドがないことがよくあります。鑑賞者が展覧会の作品を理解していなくても、それは価値のある他の方法で彼に影響を与える可能性があります。彼らは、必ずしもそれを理解していなくても、仕事について考えて家に帰ることができました。ただし、この文脈の外で、フォーマットを説明するために、以下で行ういくつかの取り決めについてコメントします。

まず、これが優れたキャンバス、デスクトップ、またはリンクボードであることを確実に伝えます。あなたが最初にサイトに入ったとき、あなたはすべてがすぐに見えると思います。他に行くところがないようです。

メモリリークはどのように見えますか

それは、ユーザーが動きを通してこのボードと相互作用するべきであることを伝えます。おそらく、ページが入るとすぐに、ページ全体を少しだけ移動して、そのままにしておくことができます。ユーザーはそれが動いていることをすぐに確認できますが、自分でそれを行うこともできます。あるいは、少しの動きで個々の要素を識別できるかもしれません。たぶん、写真は少し片側に移動し、少しテキストは反対側に移動し、インタラクティブまたは移動可能として識別されます。しかし、プロトタイピングなしで言うのは難しいです。

ズームインまたはズームアウトするオプションに関する同じ問題は、それほど明白ではありません。ボタンは左上にあり、このタイプのナビゲーションが右側にあるのが一般的であるように見えますが、他のテキストボタンはとにかくズームボタンを隠しています。どういうわけか、ズームナビゲーションは階層の観点からより目立つ必要があります。そうでない場合は、少なくともそれがどこにあるかについての手がかりがあります。そうは言っても、ズームインする方法すらわかりません。ズームインすると、他にできることはほとんどありません。必要なのはそれだけです。また、テキストがランダムであるため、それを読む動機はあまりありません。

同じアイテムやプロジェクト内を移動することに関しても、少し注意が必要です。プロジェクトに参加したら何ができるのかわからない気がします。タブレットまたはタッチスクリーンでは、カーソルは最初の画像をクリックして次のフェーズに入ることができることを示すことはできません。

ついに中に入ると、4つのナビゲーション矢印は少し混乱します。左と右だけでもかなり簡単に見え、論理的な進行を提供します。ただし、上部と下部を追加すると、構造全体が損なわれます。プロジェクトを進めていくと、左右のスクロールは理にかなっていますが、上下に突然、何の兆候も受けていない重要なコンテンツが隠されています。

通常、軸をスクロールするという考えは、同じタイプのコンテンツが進行していることを意味します。しかし、ここで紛らわしい部分があります。すべての方向の要素はまったく異なるコンテンツタイプであるため、ロジックはあまり直感的ではありません。したがって、ラベルが役立つかもしれませんが、垂直軸を完全に削除することをお勧めします。この研究では特にこの対称的な形状が必要だったかもしれませんが、各プロジェクトの上部と下部に沿って続くリンクを使用した線形ナビゲーションが理想的だったと思います。内容的には、見た目や構成に大きな変化はありません。

このデザインの一部は、制限付きで遊ぶことです。

KM：サイトは明白でも直感的でもありませんが、ナビゲーションを補う贖いの資質はありますか？

DS：展示で述べたように、視聴者がコンテンツをガイドされることはありません。これの値は、おそらくUXデザイナーが通常評価するものではありません。通常、ユーザーにとって物事をより困難にする理由はありません。しかし、設計作業の一部は、製品を作成する必要性よりも、制限をいじることに関するものです。これは、すべての人が製品を適切に消費できるわけではないことを設計者が受け入れることを意味します。しかし、その結果、製品は何よりも芸術作品になります。目標は、「すべての情報を消費し、すべてを読み、販売に有利になるなど」以上のものです。多くのデザイナーは、客観的な目標の狭い視点からのみこのサイトを見ることができます。一方、このデザイナーは、単に提示するのではなく、アーティスト、彼らの価値観、意図、スタイルに印象を残す製品を作成しました。多くのオンラインアーティストポートフォリオのコンテキストでは、これは非常に効果的な取り組みになる可能性があります。

KM：では、この体験のユニークな品質は、実験の欠点を保証することができますか？

DS：ルーズなキャンバスのコンセプトを維持すると同時に、サイトをより使いやすくすることができると思います。使いやすさを向上させるために、必ずしもブロックのある構造に陥る必要はありません。私にとっての主な問題は、ユーザーがウェブサイトの目的を発見する冒険に一人でいることですが、著者はこれが彼の意図であると言うことができます。サイトに慣れようとすると少し摩擦がありますが、それがサイトを非常にユニークなものにしているのかもしれません。

ここでの問題は、白い背景の軽量フォントなど、コンテンツをはるかに読みにくくするデザイントレンドと同じではありません。これらの課題は絡み合っており、同時にサイトを面白くしているからです。

KM：このナビゲーション構造に何らかの救済を提供する、注文および提出された他の形態の組織はありますか？

DS：整理されアーカイブされたビューは、その本来の目的だけでなく、スタジオの個性を提供し、伝達するためにも感謝しています。それはほとんどデザイナーやスタジオの楽しみのためのようです。 「順序付けられたビュー」は、より簡単なナビゲーションを提示する試みですが、ほとんど「概念的な」代替手段として提供されており、それでも独自の課題があります。行と列になっていますが、大きなキャンバスのようにスクロールしてズームする必要があります。

繰り返しのラベルもグリッド編成を混乱させます。それらは効果的なプロジェクトタイトルのように見えますが、実際にはそのタイトルを表示するには上にカーソルを合わせる必要があります。最初はほとんどすべてが簡単に思えたときに、「順序付き」や「ランダム」などの形式を区別したのは本当に面白いです。

ただし、アーカイブされたものは、日付のみで編成されているため、最も単純で非常に単純なようです。それでも、彼らは彼のために解決しませんでした スクロール 伝統的。その意図は、Webプラットフォームの制限を使用して、ユーザーがイライラしたり、醜い、または壊れていると説明するような方法でユーザーを引き起こすことであるように思われます。

デザイナーは通常、優れたWebサイトは、最初のページまたは最初のスクロールで顧客が知る必要のあるすべてのものを提供する必要があるという考え方を持っています。

KM：デザイナーの意図が実際にそのようにユーザーを刺激することだったとしたら、それはサイトの欠点を少し軽減するのでしょうか？

DS：これの多くは意図的なものだと思います。実際、ランダムは、「公開コンテンツ」と呼ばれる、しばらくの間人気のあるトレンドほどランダムではありません。しかし、私は彼らがの構造に固執したことを感謝します スクロール 、特にアーカイブページで。アーカイブは、特定の展示会の名前や特定の期間の作品を見に来るユーザーの特定のニーズを満たすために、多くの問題を解決することができます。ただし、これにはすべてのタイプのユーザーが含まれるとは限りません。デザイナーは通常、優れたWebサイトは、最初のページまたは最初のスクロールで顧客が知る必要のあるすべてのものを提供する必要があるという考え方を持っています。

多くのルールは、アーティストやブランドが大きな名前を持っているときに自分自身をどのように表現できるかという点で変わります。したがって、このサイトは、最も効率的な方法で提示することに焦点を当てるのではなく、彼らが自分の仕事、実践、およびそれらすべてを表現することについてどのように考えているかを実際に表しています。

彼らの「私たちについて」のページに行っても、文章の途中の写真のプレビューのように、無関係に見える要素が埋め込まれています。これらのビットは、一般の人には冗長または役に立たないように見えますが、スタジオがあらゆる機会を利用して自分のスタイルや自分が誰であるかを示す方法を実際に示しています。それがアーティストがすべきことです。

このサイトは、ポートフォリオが実際に作品にそれ自体を語らせる必要がないことの例ですが、それが提示される方法は、その個々の価値を表現することもできます。

したがって、この調査がより保守的なことを行っていたとしたら、Web上ではすぐに気付かれなかったでしょう。

KM：オンラインポートフォリオのコンテキストとその固有のユーザーは、さまざまなタイプの設計作業をどのように許可または奨励できますか？

DS：このタイプのウェブサイトでは、デザイナーとして理解する最も重要なことの1つは、ウェブサイトにアクセスする前にアーティストについてどれだけ知っているかということだと思います。スタジオワークについてすでに何か知っていて、そのような場所にたどり着いた場合は、フローに対応するためにもう少し忍耐力があるかもしれません。ただ、アーティストを知らずに戸惑う人もいるかもしれませんし、5秒後には去ってしまうでしょう。ですから、これはおそらくすでにそこに強いインセンティブを持っている人々がいるようなウェブサイトです。したがって、使い勝手が悪いために少しバッファがあります。他の種類のビジネスでは、顧客を失う可能性があります。

このため、ポートフォリオサイトには、楽しく面白くするための少しの自由があります。郊外に車で行くとたくさんのお店があることを思い出します。多くの場合、すべてのポスターとポスターは、これらの店舗の所有者が個人的に作成したものです。そうすれば、彼らは面白く、狂気になり、愚かになる可能性があります。私にとっては、そのポスターで行われたすべての決定（色、書体、面白い追加）でビジネスの背後にいる人物をすぐに見ることができます。とにかく、一部のアーティストはWordPressテンプレートを要求するかもしれません、そしてそれはそれだけです。

オリジナリティのためにユーザビリティを犠牲にしますか、またはその逆ですか？そのバランスをどのように見つけますか？それは難しい質問です。

KM：このウェブサイトで挑戦されていることの多くは、特にポートフォリオ内のコンテンツの種類ですが、ウェブデザイン全般に適用できる教訓はありますか？

DS：オンラインポートフォリオは、必ずしもすべてを完全に伝達する必要がないという事実において、本質的により柔軟です。しかし、このウェブサイトは、ウェブデザインの実験が可能で必要であることを示しています。このウェブサイトは、スクリーンショットが示すことができるものからウェブデザインを超越しています。このサイトのスクリーンショットは壊れているか、未完成に見えますが、ユーザーはインタラクティブなエクスペリエンスを開くことで確認できます。多くのウェブデザイナーは モックアップ インタラクティブではないもので、このウェブサイトはそのように考えることは不可能でしょう。ですから、明らかに実行が容易ではないため、回避するのではなく、このWebサイトが何をしようとしているのかを確認することが重要だと思います。

Webにはまだ制限がありますが、多くの場合、Webデザイナーはそれらを厳密に受け止めています。したがって、このサイトでは、これらの可能性を拡大し始める方法をテストできます。このポートフォリオがアーティストのものであり、デザイナーがやりたいことを何でもできることを無視してはなりません。このサイトからインスピレーションを得る必要があります。おそらく次のプロジェクトでは、このデザイナーが挑戦して上演したビューウィンドウの制限を取り入れようとします。ですから、このような前例を模索したいデザイナーにとって、私たちは間違いなく自分自身に挑戦して何かユニークなものを作ることができます。

Cプラスプラスとは何ですか

KM：もちろん、予算と作業時間の制限内で車輪の再発明をするのは難しいことがよくあります。

DS：はい、多くの場合、これらの制限により、設計者は、すでに存在すること、人々が見慣れていることを安全に実行できるようにする必要があります。これは、ウェブデザインにおける独創性の重要性、およびそれらの長所または短所を理解する方法について、より幅広い議論につながります。オリジナリティのためにユーザビリティを犠牲にしますか、またはその逆ですか？バランスをどのように見つけますか？それは難しい質問です。

Ro-LuのWebサイトは、DylanFracaretaとEricPriceによって設計されました。フラカレタは、芸術、建築、ファッション、文化の各セクターのデザインに焦点を当てた、独立したデザインの実践を行っています。プライスは、芸術と文化の分野向けのデジタルメディア、出版、アイデンティティデザインに焦点を当てたグラフィックデザイナー兼プログラマーです。