ポップアップは悪か？ ポップアップを適切に使うためのポイント
[caption id="attachment_58213" align="aligncenter" width="750"] ポップアップ対ユーザビリティ、コンバージョン、直帰率[/caption] ポップアップには、モーダルウィンドウやダイアログボックス、モーダルポップアップと複数の名称があります。しかし、どのような名称であれ、ポップアップはユーザビリティの面で問題があると言われています。平均……
CSSのみで吹き出しを作る方法
今回は画像を使用しなくても、CSSの疑似要素を使うだけで吹き出しを作成できる方法をご紹介します。 吹き出しの作成方法 borderプロパティと疑似要素::afterなどを組み合わせることで、CSSだけで吹き出しを作ることができます。 <div class="balloon"> <p>吹き出し</p> </div> HTMLを記述します。 .ba……
CSSスプライトとは？
サイトの読み込みを最適化するために「CSSスプライト」というものが使われることがあります。実際どのように使うのか理解しておくと、便利なこともあるかもしれません。今回はこのCSSスプライトについて紹介します。 CSSスプライトとは CSSスプライトは、サイトの読み込みを速くする目的で使われているCSSの技法です。具体的には、「サイト内の複数の画像をなるべく一枚の画像にまとめ、CSSで表示範囲を指定す……
ユーザビリティの課題を発見するための７つの方法
インタフェース上のユーザビリティの課題を発見して修正することは、UXの向上につながります。 ユーザビリティテストがWebサイトやアプリのUXを評価する唯一の方法だと考えがちですが、ユーザビリティの課題を発見する方法は他にもあるのです。 これから紹介する７つの方法は、実証的な手法（ユーザビリティテスト、アンケート、分析）と、検査的な手法（エキスパートレビュー、ヒューリスティック評価、認知的ウォークス……
