ウェブサイトをデザインするときに気をつける指針メモ ver.1

最近、ウェブサイトのデザインを考える機会が立て続けに出てきたので、自分の指針として心がけておくことをメモします。とりあえず、ver.1です。

全体方針について

• メインユーザーになってもらいたい人の導線をどうしたいかを徹底的に意識する。
• 仕様詰めは、早い段階からとにかく具体的に例を挙げての議論を心掛ける。
• リリース後にどうやってユーザーからフィードバックを得て改善していくかを、設計段階で組み込む。
• どんなに考えても運用開始時は使い勝手の悪い点が絶対出てくるので、高速で改善を行う。

デザインについて

• レスポンシブWebデザインは必須。スマホ最優先、PCでもそれなりに。
• 突飛なデザインはユーザーの理解を妨げるので、なるべく避ける。
• 過度な装飾はNG。なるべく要素はシンプルに。いらないものは容赦なく省く。
• 色に意味を持たせてルールを作る。輝度違いは統一感が出るので効果的。
• 1つのコンテンツの横幅は720px以内。できれば600px以内。横が長いと読みづらい。
• 縦横は揃える。原則は左揃え、上揃え。
• 網羅性を持たせる。網羅性がない箇所は、それとなく分かるようにする。
• ハンバーガーメニューは導線に気付きにくいので、なるべく避ける。

頭の中を整理していると、このブログのデザインも抜本的に変えたくなってきてしまいます。古いプログラムはそれ自体、冗長的な書き方も多く見受けられるので、そろそろ書き直しのタイミングかなぁ。

P.S. 一番上の写真は、今月フィンランドに旅行した際の、お気に入りの１枚です。配置が好き。デザインという言葉を思い浮かべたときに、一番しっくり来る写真でした。