スクールや講座で教わらないWebデザインの現場目線の考え方とは①

皆さんの中にはWebデザインスクールや講座を受講して技術を磨いている方も多いのではないかと思います。
せっかく磨いて身につけた技術を活かせるかどうかは「デザイン思考」を持っているかどうかにかかっているといっても過言ではありません。
今回はWebデザインの業界でのデザイン思考とはどのようなものかを考えてみます。

デザイン思考とは

デザイン思考とはデザインする際の思考方法を活用し、ビジネスにおける課題解決の方法を導き出すことを言います。
Webサイトの場合、サイトを通して訪問者の気持ちに寄り添い、あるいは利便性や目的を追求し、課題や悩みを解決するよう導き出すことを指しています。

デザイン思考のステップ

Webデザインにおけるデザイン思考のプロセスは下記のステップを経て作成すると良いです。下記は一般的に言われているデザイン思考の概要です。

1. 共感：ターゲットのニーズを分析して、ターゲット目線で共感が得られるかどうかを考えます。

2. 定義：ターゲットのニーズを明確に定義します。

3. 概念化：定義したニーズに対して、多くのアイデアを発想します。

4. 試作：アイデアを具体的な形にしてWebページに起こします。

5. テスト：Webページを運用しながら改善点や更なる課題を見出していきます。

では各ステップごとに具体的にどうやって実践していけば良いのでしょう。
私なりの考えを1ステップごとにまとめていきます。

1. 共感

クライアントや自社商品・サービス等のWebページを作成する際は、クライアントあるいはディレクターや営業マンなど実務や営業サイドの人員と打ち合わせをすると良いです。
会話をしながら顕在的・潜在的な目的を探ります。
最終的に購入してもらうのをゴールにするのか、あるいはお問い合わせのメッセージが欲しいのか、それとも幅広い認知を得たいのかなど、大枠の目的を定めていきます。
ここが分からないまま制作を進めてしまうと、クリエイティブがクライアントの意図とズレてしまいやすいので、曖昧だと思う部分を全て洗い出し納得いくまで対話した方が良いです。

2. 定義

1でヒアリングした内容から、ターゲットのニーズやサイトの目的などを明確に定義します。
コンセプトとして定義付けして文書化し、クライアントやディレクター、営業マンなどと共有するようにします。
その他エンジニアや他のスタッフなど制作に関わる方々にもできる限りシェアするようにします。

3. 概念化

定義したコンセプトに則してできるだけ沢山のアイディアを生み出す必要があります。
例えば最終的に形にすべきアイディアは2〜3パターンだとしても、そのプロセスとして10個以上は着想し精査していきたいところです。
繰り返し沢山着想し精査することでアイディアが磨かれていきます。
アイディアを出すコツは長くなってしまうので次回のnoteに詳しく記載します。

4. 試作

試作とはありますが、Webデザインの現場では制作のことです。ここでやっとサイト制作ができます。
これまでのプロセスは面倒臭い作業かもしれませんが、1〜3があるのとないのではクリエイティブのクオリティは俄然差がつきます。
面倒がらずに全てのプロセスを実践してみてください。

5. テスト

インハウスのデザイナーさんであればこのプロセスは必須になります。
外部スタッフとして制作に携わっている場合、契約内容によってはここにタッチできないかもしれません。
本来Webサイトにとってこのプロセスが何より大事ですが、軽視している企業が多すぎます。
リリースしたWebサイトと向き合って改善点を見つけていきます。
改善するにあたっては数値の計測は欠かせません。
デザイナーが気にするべき数値としてはページごとのアクセス数や内部リンクの遷移状況、離脱率や滞在時間などです。
ヒートマップで視覚的に捉えていくのも重要です。
この辺りはマーケティングの領域になりますので、マーケターさんと一緒に進めていけるのが理想です。

まとめ

本日はデザイン思考の概要についてまとめました。
本当はここまでが序盤でここからもっと現場目線で大事な話をしたかったのですが、あまりに長くなりそうなので一旦区切りをつけます。
次回は「3. 概念化」におけるアイディアの出し方を考えたいと思います。

更に質問や疑問点がある方へ

Webデザイナーになりたいけれど何から始めたらいいか分からない、あるいは今の方法で合っているのか不安。
そんな方がいらっしゃったら無料でご相談に乗りますのでTwitterからDMください。営業もいたしませんのでお気軽にどうぞ。
ってことで、私のTwitterを共有します。

Webデザイン初心者さん向けのTwitterはこちら

Tweets by _sakuraniwa_

LINEオープンチャットができました！

WebデザイナーさんやWebデザイナー志望さんのためのオプチャです。
私にDMするほどではないけれど、ゆるくつながっておきたい方大歓迎です。
今のところ少人数でのんびりと盛り上がっています。

LINEオープンチャット「Webデザイナーの休憩室」https://line.me/ti/g2/a8ZUHva6XTFPws9mqR1VTqxxy9913zNVdxDPBw

LINEオープンチャット「Webデザイナーの休憩室」