.htaccessでPHPのファイルアップロードサイズの上限値を変更
2022.02.5
PHPを使用して画像(動画・PDF等)をアップロードするフォームを作成した際に、ファイル…

20年以上ホームページ制作を行ってきた中で、一度だけ言われた言葉が強く印象に残っています。
「かっこいいホームページ(ビジュアル重視)にはしないでほしい」
見た目は綺麗。写真も良い。動きも入って印象的。でも、結果にはつながらない。
「デザインの良さ」と「成果」は必ずしも一致するものではありません。
ホームページの目的が「問い合わせ」や「リード獲得」であれば、「かっこよさ」だけでは足りないことがあります。
そこで今回は、「かっこいいけれど売れないサイト」に見られる特徴をあげてみたいと思います。
原因はシンプルで、見た目を優先しすぎて「使いやすさ」が後回しになっていることが多いからです。
ホームページ制作では「第一印象」や「見た目の完成度」が重視されやすく、競合サイトより洗練された印象にしたい、今風に見せたい、企業イメージを高めたいといった要望を多くいただきます。
しかし、成果を増やすことを第一に考えるのであれば、本来大切なのは、「分かりやすいこと」「伝わること」「申し込みがしやすいこと」など、ユーザーにとって使いやすいことです。
「使いさすさ」がが弱くなると、「かっこいいけれど売れない」といったサイトになってしまいます。
洗練された印象を出すために、文字サイズを抑えたり、ボタンを目立たせすぎないデザインにすることがあります。
しかし、小さくし過ぎると文字は読みにくく、ボタンは押しづらいという結果につながります。
文字を読んでもらえなければ、内容を理解してもらうことはできません。
「Service」「About」「Works」などの英語表記はスタイリッシュです。
しかし、すべての訪問者が瞬時に英語表記を理解できるとは限りません。
コンテンツの位置が分からなければ、用意したページを読んでもらうことはできません。
「未来を創造する」「価値をデザインする」といった言葉は印象的です。
しかし、具体的に何をしているのかが伝わらなければ、次の行動にはつながりません。
ユーザーが知りたいのは、自分にとってのメリットです。
何のサイトで、どのような効果があるのかをが訪問時に理解できることは重要です。
雰囲気の良い素材写真や抽象的なビジュアルは、世界観を演出してくれます。
しかし、サービス内容や強みの理解、安心感に繋がらなければ、あまり意味はありません。
出来るだけ、現実に近いものを用意して、文字で伝わらないニュアンスを視覚的に伝えることが重要です。
アニメーションやエフェクトは、印象づけには効果的です。
しかし、動きが多すぎると情報に集中できなくなることもあります。
スクロールするたびに動くサイトも最初は新鮮に見えますが、何度も繰り返すうちに、見るのが疲れてしまう場合があります。
注目してほしいポイントのみに使用して、控えめにするくらいがちょうどいいこともあります。
モノトーンやダークカラーで構成されたホームページはシンプルで洗練された印象を与えます。
しかし、コントラストが弱いと可読性が下がるだけでなく。コンテンツ自体が埋もれてしまうことがあります。
問い合わせボタンを用意しても、気が付いてもらえなければ成果は増えません。
見てほしいポイントが目立つ程度の配色は必要です。
ここで少し視点を変えてみます。
スーパーのチラシを「かっこいい」と感じる人は少ないのではないでしょうか。
文字は大きく、価格は目立ち、色も随分と派手です。
しかしながら、見た瞬間に伝わるという点に於いては非常に優れたデザインだと思います。
成果を出すデザインは、必ずしも「かっこいい」とは限らないのです。
かっこいいデザインが悪いわけではありません。
問題は、見た目が目的になって、使いやすさが無視されてしまうことです。
ホームページは成果を生むためのツールです。
使いやすく、分かりやすく、行動しやすい。その土台があってこそ、かっこよさが意味を持ちます。
もちろん、ブランドイメージ重視のホームページもあるため、雰囲気を優先して作る方法も良いとは思いますが、成果に伸び悩み、改修を考えている場合は、見た目を変える前に、使いやすさを見直されるのも良いかもしれません。

2022.02.5
PHPを使用して画像(動画・PDF等)をアップロードするフォームを作成した際に、ファイル…

2020.10.3
テキストエリア等で入力した文字の中にURLを含んでいた場合に、自動で認識してリンクタグを…

2024.03.30
外部ファイル(CSVファイル等)を読み込んでサイト内に表示する際に、保存時の文字コードが…

2020.12.5
メールフォームからメールを送信する際に、画像(ファイル)を添付できるようにしてほしいとの…

2023.12.2
ワードプレスの投稿のカテゴリー機能を、目的ごとに使い分けたいというご要望があった際に、カ…

2020.08.1
動画ファイルをCMS化して保存するときに、多くの場合はファイルパスをデータベース(MyS…

2022.09.24
パソコンやスマートフォンの戻るボタンを使って画面を戻す(ブラウザバックする)時があります…

2022.02.19
画像データ等をサーバーにアップロードする際、一点づつアップロードしても良いけれど、ファイ…

2020.08.15
フォームの入力値やURLのパラメータ等、文字列や数値を受け取る際に正規表現を利用してバリ…

2019.12.29
メールフォーム等での入力値チェック(バリデーション)。PHPの「preg_match」(…