1shiharatこんにちは。GrowGroupでエンジニアを務めている石原です。エンジニアといっておきながら、今回はデザインについての記事です。なにいってんだこいつ...と思われるかもしれませんが、そんな外れていないと思うので何卒ご容赦を。ホームページのデザインは、目的達成の手段です人は感覚としてデザインを判断している弊社でもホームページのデザインも業務として行っておりますが、さて、なぜそもそもホームページにデザインが必要なのでしょうか?人がデザイン、見た目にこだわるというのは実は結構心理的に奥深い所にあります。多くの人はそれまでの人生の中で「かっこいい服をきる」「かわいい髪型にするために美容室にいく」「自分がかっこいいと思う車を購入する」といった見た目にこだわる経験をしています。人が見た目にこだわる、つまりは「他人から見た時のビジュアル的な良さ」にこだわるという行動は、当たり前になりすぎていて、もはや感覚として処理をしてしまっているのです。対して、あまりデザインにこだわらない人というのは、これまでの人生の中で他人から見た時のビジュアル的な良さにこだわってこなかった人です。「感覚としてデザインを判断している」というのは当たり前のことながらすごく重要なことで、まずはこのことを認識してからデザインについて検討を重ねる必要があります。ホームページについても同様です。いうお話を度々耳にすることがあります。デザインにはそれがデザインすべき明確な理由があります。大きく分けて3つご紹介します。情報の整理ホームページは見に来た人に対して情報を表示します。文章データや画像データのことです。掲載したい情報が多ければ多い程、ホームページを見に来た人にとっては見つけることが難しくなります。辞書で考えてみましょう。辞書に目次がなかったらどうでしょう?もしくは順番が50音で並んでなかったら?きっと目的の語句を探すのはものすごく大変ですね。ホームページでも同じようなことになります。掲載すべき情報を整理して、ページ構成やナビゲーションの整理、見た目を調整することで、利用しやすさは天と地の程差が開きます。ユーザー体験を設計するホームページのデザインは、一体全体だれのために行うものなのでしょうか。簡単ですが、答えはホームページを見に来た人(ユーザー)です。どんな考えをするのか、といった体験をデザインするのもデザインが必要な理由です。自分ではない、第三者視点でホームページのデザインを考えるということは難しい作業です。カスタマージャーニーマップや、ペルソナなど、より専門的なデザイン手法も存在します。ユーザーがホームページに辿りついてからどんな感情を抱いてほしいか。どんな考えにいたらせるのか。そんなユーザー体験をデザインすることもWebデザイナーの仕事です。実はホームページをデザインする前に検討すべきこともあります。それが”ブランド“です。サービスでも、個人でも、会社でも、それがそれであるための存在意義があるはずです。brand)とは、ある財・サービスを、他の同カテゴリーの財やサービスと区別するためのあらゆる概念。1ホームページのデザインではブランドを表現する必要があります。デザインの方向性が中々決められない時は、サービスが、個人が、会社がどのようなブランドなのか認識していない場合も。強みだったり、一般に認知されているイメージを整理し、ブランドを整理して決めていく作業もホームページのデザイン作業の中で行います。ホームページのデザインの傾向それでは、実際にホームページを作るとしてどんなデザインにすればいいのでしょうか?こちらも3つの傾向に分けてご説明します。自社の商品の良さを知ってほしい自社の強みを感じてほしいサービスの理念・コンセプトを伝えたいブランディングが目的の場合は、より見た目にこだわる必要があります。ホームページを見に来たユーザーがデザインから感じとってほしいことを検討し、デザイナーが見た目として落とし込んでいきます。ここが中々わかりにくいのですが、デザインにも高級感を感じて欲しいときの文字の種類や配色、写真の構図などのロジックがあります。そのロジックを駆使し、デザイナーが見た目として感覚レベルで感じ取れるようにデザインするのです。現状のサイトが使いにくい、わかりにくい掲載すべき情報量が多いホームページに掲載する情報には、様々な種類があります。数え上げるとキリがありません。掲載すべき情報が多い場合、すべてのページにおいてデザインを作っていては膨大な時間を消費することになります。変更性とは、ホームページの仕組みを理解した上で、それを考慮したデザインを行うことです。特殊なフォントをデザインで利用した場合、画像として設置しなければホームページ上で表示することはできません。画像で設置すると、当然その文言を変更する時にはデザインファイルを修正して画像を差し替える必要があります。デザイン用のソフトウェアを購入しなければ編集もできません。他方、文字データだけでホームページ上に表示できるように最初からデザインをしておくだけで、変更する時はキーボードで文字を変更するだけで更新することができます。情報量が多い場合はCMS(コンテンツマネジメントシステム)も共に導入するパターンも多いため、より専門性の高い知識の上でデザインをする必要があります。多い情報量の中で目立たせたい情報や、あまり必要でない情報などの情報の優先度も存在します。デザインの中でも優先度の高い情報の見た目を変えたり、配置を工夫したりなどの調整が必要となります。WebサービスやWebアプリなどの場合、いかに使いやすいようにするかという点が重要になってきます。ECサイトなどもそうですね。ホームページを見に来た人に見てもらうだけではなく、使ってもらう必要がある場合、カートボタンの押しやすさや、どのボタンを押せばログアウトできるのか、マイページはどこからアクセスできるのかなど、ユーザーが迷わずに使えるようデザインする必要があります。これも不思議なことなのですが、人がホームページの中の”ボタン“を「これをクリックすれば、反応するであろう」と感じるのは、その人がそういった経験をそれまでに積んできたからです。よって、どんなボタンが押しやすいのか、押したらどんなエフェクトが必要なのか、マウスカーソルを合わせたときの挙動は?など、そのボタンをボタンたらしめるためにデザインする必要性があります。ホームページのデザインを依頼する時のポイントこれまで、デザインがなぜ必要なのか、目的に対してどんなデザインが必要なのかを説明しましたが、実際にデザインを他人に依頼する時にどんなことが必要なのでしょうか?こんなことを事前に検討すると、よりデザイナーに伝わりやすいのではと思うことを紹介します。目的、ターゲットを明確にするホームページを立ち上げる時、それは何かしらの目的があるはずです。ターゲットもデザインを決定する重要な要素です。ホームページを見に来る人の性別や趣向、年代などで、どんなデザインにすべきかは大幅に変わってきます。目的やターゲットが大幅に変わると当然デザインの方向性も変わります。よって目的やターゲットがぶれないように、一度考え直して決めるとその後のプロジェクトも進みやすくなるでしょう。本当にその目的で正しいのか、そのターゲットで正しいのかについて、デザイナーや制作会社が提案することも可能です。ブランドについて見直すホームページに掲載する情報の整理を行う際に、「どんなページが必要なのか」「そのページにはどんな文章が必要なのか」迷うことがあります。すると、その事業自体の構造や、企業の強み、理念などが明確でないと中々合意を形成することが難しくなります。企業であれば自社の強みは本当は一体何なのか、事業をどのように説明すればわかりやすいか、理念をどんな風に広めたいかなど、事前に検討することでよりデザインにも反映することができます。ホームページのデザインのキャッチコピーをつける目的や認識を共有する時に、キャッチコピーという手法は割と有効だと考えています。「20台後半の女性に、会社の楽しさを知ってもらうデザイン」など、何かしらわかりやすいキャッチコピーをつけて共通言語化しましょう。することで、その後のデザインについてもブレが少なくなります。ホームページのデザインは、目的達成の手段ですさて、ホームページのデザインについてつらつらと書きましたが、いかがでしたでしょうか。ホームページのデザインは、目的を達成するための手段の一つです。デザインは感覚で決まるものではないということを認識した上でホームページのデザインを依頼することで、きっと目的を達成することにつながるデザインが仕上がると僕は考えています。平日10:00〜19:00メールでのお問い合わせはこちら以上、エンジニアの石原でした。1shiharatこの記事が気に入ったら「いいね!」ブログを購読する更新時にプッシュ通知にてお知らせします。