つの観点も考えると漏れがないですよという話を書きました。(アクション)今回は、一つ目の「どういうときに保存済みになるのか、どういう使われ方をするのか」という点について話をします。括弧内にコンテキストと書いていますが、まずは、このコンテキストという用語について。考える拠り所を作ろうコンテキストは文脈という意味ですが、ここで取り上げる文脈は、そのコンポーネントをユーザーが使う文脈になります。ユーザーが使う用途という意味合いでユースケースという言葉がありますが、コンテキストはもう少し操作の流れや時間的側面に視点を置いたものになります。いうのも、コンポーネントは時と場合により変化し、それがデザインするべきポイントを把握しづらくさせるからです。混同しないように書いておきますと、文脈自体をデザインするという話と文脈に沿ってデザインをするという話は違います。ここで取り上げるのは、文脈に沿ってデザインするという部分です。ある程度具体的なところまで落とし込まれており、手を動かして具現化をしていくというフェイズの話です。ユーザーインターフェースをデザインするにあたり、コンテキスト自体をデザインしましょうという話ではないので、今回の観点における具体的な制作物はありません。どちらかというと、コンポーネントをデザインしている中でよくわからなくなったときに立ち返る場所を整理するという認識でとらえていただければと思います。複雑なコンポーネントをデザインしていると、どんどん考慮すべきポイントが増え、よくわからなくなることがあります。そんな時「これってどういうコンテキストで利用されるんだっけ?」ということを思い出せば、おのずと結論は出てくることでしょう。したら、そんな複雑なコンポーネントである必要はないかもしれません。コンポーネントを使えば済むのであれば、それに越したことはないのです。コンテキストに沿って、保存ボタンについて確認する前回、例としてあげた保存ボタンですが、コンテキストに沿って考えて抜けがないか書き出しつつ、確認していきましょう。動的に変化することが前提のコンポーネントは、考えることが多くて大変ですよ。状態は?一度保存されているデータが編集され、保存可能な状態になった場合の状態は?この保存ボタンは非常に小さなコンポーネントですが、意外にもいろいろな考慮ポイントがあったことがわかりますね。実際の用途に沿って保存ボタンについて書き出してみると、考慮漏れがあることもわかりました。現場では、一旦デザインが仕上がった後の工程にて、考慮漏れが指摘されて「うーん、じゃあ保存が完了した状態と同じ灰色のボタンにして時刻表示はなしにしましょう」みたいな感じで場当たり的に決めてしまうということの繰り返しがおきます。統一感を保ちつつデザインを進めていければこれでもいいかもしれません。コミュニケーションコストも増えますし、そこまで考えていなかったんですか、というデザイナーの評価の低下を招くことになりかねません。これら考慮漏れ事項は、いざ実装を始めると割と簡単に気づく点です。事前に観点を持ち、より深くコンポーネントのデザインをしていきましょう。ところで、複雑なコンポーネントであればあるほど、考慮漏れは増えます。そのため、複雑なコンポーネントをデザインすることになったら、まずは、同じ用途を保ちつつ、複雑なコンポーネントにしなくていい方法がないか検討するというのは大事な点です。コンポーネントデザインクラブの第一原則は「複雑なコンポーネントをデザインするな」と言えるでしょう。前回の例に戻って、コンポーネントの利用用途に沿って考えた場合、ボタンの中に必ずしも最終保存時刻を入れる必要はないと考えることもできます。すると、最終保存時刻はボタンの外にしてもいいでしょう。ボタンにはラベルのみが表示され、実装もシンプルになります。回目の保存は「作成する」などにしたくなる可能性もあります。ユーザーのストーリーを想定した上で、シンプルなところへの落とし込みとして、あえてラベルは「保存」のみにし、最終保存時刻は外出しにするということで進めていくことにしてみましょう。することで、文言の状態について頭を悩ます必要はなくなります。つの観点において最も重要なことです。つについては、コンテキストを踏まえてデザインしていくことで、おのずと方向性は導き出されます。細かいチェックポイントがあるので、引き続き書いていきます。DesignWedgeの発行を開始。Webデザイン業の傍ら、海外のWebデザインに関する情報発信を行う。framework徹底入門』、『ウェブデザインコーディネートカタログ』など。自社製のWebデザインのクロール&キャプチャシステムvaqumをベースに、様々なリサーチを行っている。検定プロジェクトメンバー。KANSOCK.INDUSTRIES。