ちょっとした工夫しだい。あなたもきっと上達します!

現役Webディレクターによる「嫌われないウェブデザイン」秘密講座ブログ!

トップページ > ホームページ作成塾 > ユーザビリティ

ユーザビリティ

お客の目線をデザインで引っぱろう!

Webデザインの基本マナーとして、「見えない線に沿ってページをレイアウトしよう」という考え方を以前にご紹介しました。

あなたも、グラデーションのテクを使ってみない?

今日は、あなたのサイトのページを、さらに「それっぽく」見せることができる、ちょっとしたデザインテクニックをご紹介しちゃいます。

太い罫線、細い罫線

「罫線」(けいせん)
ホームページは作ったことのない人でも、MicrosoftのExcelでは、表など作成するときに罫線をちょくちょく使いますよね。

あなたには見えていても・・・

「あなたと、あなたのサイトを訪れる訪問者は、別の人間である」

はい、年明けから失礼しました(^ ^;
誰だって分かっていることですね。分かりきったことを書いてしまいました。

では、こちらは、どうでしょう?

BBCのサイトも「見えない線」を採用!?

ニュースサイト、世界各国にいろいろあります。
私が、デザイン的に最も見やすいと思うニュースサイトのひとつが、英国BBC(英国放送協会)のサイト

ページを分割!ページング・ナビゲーションのココロとは?

掲載する情報量が多すぎるページ。
そんなページにアクセスして、不快な思いをしたことはありませんか?

色付きの「見出しバー」を活用しよう

WebデザインのちょっとしたTipsをご紹介します。
とくに、情報量の多いサイトのトップページに適したテクニックです。

ランディングページの最適化(LPO) - お客さんが探している情報、スグに見つかりますか?

母の日の前の週。母にワインでも送ろうかと思って、ワインを売っているネットショップを検索して探したのですが・・・その際に、とっても気になることがありました。

ちっちゃな矢印でもバカにしないで!?

ネットサーフィンをしていて、偶然見つけました。日経新聞 - 大人のレストランガイド
いっけん、とくに奇抜なデザインでもなく、ごく一般的な情報サイトですね。

大きな区切り、小さな区切り - 罫線の上手な使い方

ホームページをデザインするときに、罫線(けいせん)がよく使われます。
罫線。ライン。ヨコやタテに引かれた線のことですね。

ムダのないファイル整理方法とは?

あなたのWebサイトも、日々の更新を重ねるにつれてサイトの規模がどんどん大きくなっていると思います。大きくなると、「目には見えない」部分で、ちょっと厄介(やっかい)な問題が・・・。

何個までなら、耐えられますか?

今日は、「数」(かず」の話をしたいと思います。
数といっても、数学のことではありません。「1つ」「2つ」と数える「数」のことです。

HTMLのお掃除♪

HTMLソースのクリーニング(お掃除)は、「精密」で「容量が軽い」HTMLを仕上げるためには欠かせないプロセスです。このお掃除の作業を怠ると・・・??

リンクを制する者は、Webを制す!?

だいぶ前に、当サイトの掲示板でもチラッと書いたことがありますが、「リンクの貼り方」について、ちょっとお話しましょう。

分類しときませんか?

ちょっと、ゆうびんホームページを開いてみてください(日本郵政公社が運営している、れっきとした公式サイト)
注目してほしいのは、ページ右側のバナーコーナーです。

再び! 見やすいナビゲーション考

サイト診断企画に応募いただいた方のサイトを一通り拝見したところ、多くのページに共通する問題点に気づきました。
こけまるさん「あうん堂ジャパン」の診断でも出てきた話ですが、もういちど確認してみましょう。

伝わる! ナビゲーションデザイン

「私はどこ? ココは誰?」 昔、こんなのが流行りました(おぼえています?)
Webサイトを見ているときも、よく迷いますね。