英国のサイトに学ぶ、4つのユーザビリティ改善の工夫
[対象: 中〜上級] 僕が日々チェックしている海外（英国）のサイトにRockectMillというサイトがあります。 RockectMillはつい先日、サイト名とドメイン名を変更し併せてサイトのデザインも一新しました。 新しいデザインにどのような特徴を盛り込んだかを公開しています。 そのなかから、僕たちにとって参考になりそうなユーザビリティ向上のための工夫を4つ今日は紹介します。 レスポンシブ・ウェブデザイン フローティング メニューバー どこからでもアクセスできるコンタクトフォーム 分かりやすい404エラーページ 1. レスポンシブ・ウェブデザイン モバイルデバイスやタブレット端末の表示に最適化するためにレスポンシブ・ウェブデザインを採用しています。 スマートフォン (iPhone) 表示 タブレット (iPad) 表示 どんな端末からでも見やすいレイアウトとデザインで閲覧できます。 レス
リストに1pxのラインを追加するだけで、印象がぐっとよくなる
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
