2015年8月第3週号 1位は、Webデザインの新しいプロセスについて、気になるネタは、Dropboxが物理セキュリティキーに対応。USB接続のU2Fキーで二段階認証

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2015年8月10日～8月16日の間に見つけた記事のベスト5です。

モバイルデバイスへの対応などの状況の変化から、Webデザインの手順を刷新すべきという提案です。

以下の項目に分けて説明しています。

見出しの文字数が多くてモバイル端末で見たときに複数行になってしまうケースを確認するためにも、できる限りダミーではなく本物のコンテンツを使ってデザインすべきというところが印象に残りました。

ボタン類の色とコントラストについての記事です。背景とのコントラストが効いてボタンが目立っている例と、そうでない例とが紹介されています。

Webデザインにおいて色の選択は大きな役割を持っているのですが、ボタンなどのアクションを促す要素と背景とのコントラストをはっきりさせることが、非常に重要との結論でした。

検索窓のデザインをリニューアルするにあたり、4つのバリエーションを試してみた結果のレポートです。

成功率と作業時間とを比較しているのですが、最終的に数字が一番いいものを選んだわけではないところも興味深いです。

Webデザインに役立つデザイン素材や便利なファイルを多数まとめています。

UI素材、モックアップの素材、Photoshopテンプレート、アイコン、フォントなどが紹介されていました。

白と黒を色のベースとしたWebデザインのギャラリーです。

白黒写真が印象的なサイトが多く、ロールオーバーで色がつくことで、より写真が目立つ効果を狙っているものもありました。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

先週の気になるWebサービス

今回は、Webサイトの更新をモニターするWebサービスをまとめた記事を紹介します。

チェックしたいWebページを登録しておくと、そのページに更新があった場合にメールなどで知らせてくれるサービスが8種類掲載されています。テキストの差異をチェックするものと、ビジュアルとして違いを見るものとがありました。

1つ目に紹介しているVisualPingは、ビジュアルでチェックするツールで、ページ内の特定の箇所だけをチェックできます。レポートをメールだけでなくSlackに投稿できるところも便利そうです。

DropboxがUSBセキュリティキーを利用した二段階認証に対応しました。これは、 U2Fという規格に対応したUSBセキュリティキーをAmazonなどで購入し、設定すれば二段階認証時のキーとして使えるということです。

Dropbox社によるブログでの説明によると、携帯メールを使った二段階認証の場合、ニセのEvernoteサイトに誘導してパスワードと認証コードを入れさせるといった攻撃を防げないとのことでした。

自宅のパソコンなど認証済みのマシンの場合には毎回USBキーを挿す必要はないようなので、共用のマシンや人のマシンをちょっと借りて作業する場合などに使うと便利ということなのでしょう。