週刊Webテク通信

2015年5月第3週号1位は、気をつけるべき悪いUIデザイン15選 、気になるネタは、スマートウォッチの新たな活用法--東京ドームで売り子呼び出しサービス

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

1. 15 Worst UI Design Features to Watch Out For and Overcomehttp://www.onextrapixel.com/2015/05/13/15-worst-ui-design-features-to-watch-out-for-and-overcome/

悪いUIデザインをまとめた記事です。

避けるべきUIデザインとして以下の15個が紹介されています。

  1. フォームのリセットボタン
  2. 戻るボタンの隣にあるキャンセルボタン
  3. 「X」ボタン
  4. 最初のちょっとの時間の間だけ表示されるポップアップのサポート用チャットウィンドウ
  5. 値が隠されたパスワードフィールド
  6. 自動再生されるスライドショー
  7. カルーセル
  8. ドロップダウンメニュー
  9. 付いてくるツールバー
  10. クリックしてトップページに戻れないヘッダのロゴ
  11. デスクトップのブラウザでは意味のないハンバーガーナビゲーション
  12. キーボードによるナビゲーションをマウスより優先させる
  13. 悪いカラースキーム
  14. 小さい文字
  15. (フォームのスパム対策の)Captcha
図1 気をつけるべき悪いUIデザイン15選
図1 気をつけるべき悪いUIデザイン15選

2. Why 'mobile first' may already be outdated - Inside Intercomhttps://blog.intercom.io/why-mobile-first-may-already-be-outdated/

「モバイルファースト」がすでに時代遅れな理由を解説しています。

デバイスではなく画面サイズを意識すべきとのことで、その作業にあった画面サイズのためにサービスを提供するほうがいいとのことです。

図2 ⁠モバイルファースト」がすでに時代遅れな理由
図2 「モバイルファースト」がすでに時代遅れな理由

3. 30 Content-Heavy Online Magazine Website Layoutshttp://spyrestudios.com/30-online-magazine-website-layouts/

コンテンツの多いオンラインマガジンサイトの、レイアウトデザインの参考になるギャラリーです。

有名なオンラインマガジンサイトが各種揃っており、それぞれいろいろ工夫がしてあるところが参考になります。

図3 オンラインマガジンのデザインギャラリー
図3 オンラインマガジンのデザインギャラリー

4. 30 Awesome Free Web Design Resources | JUST Creativehttp://justcreative.com/2015/05/14/30-free-web-design-resources/

Webデザインに役立つフリー素材をまとめて紹介しています。

PSD、ベクトル、テクスチャ、パターン、フォントなどが掲載されていました。

図4 Webデザインに役立つフリー素材いろいろ
図4 Webデザインに役立つフリー素材いろいろ

5. Functional Animation In UX Designhttp://www.smashingmagazine.com/2015/05/14/functional-ux-design-animations/

UXデザインにおける機能的なアニメーションについて紹介した記事です。

ユーザーインターフェイスの実際の動きを収録した動画が多数掲載されています。

図5 UXデザインにおける機能的なアニメーション
図5 UXデザインにおける機能的なアニメーション

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

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

8 Content Curation Tools For Bloggers | SmashingApps.comhttp://www.smashingapps.com/2015/05/18/8-content-curation-tools-for-bloggers.html

今回は、ブロガーのためのコンテンツキュレーションに役立つツールを8つまとめた記事を紹介します。オンラインで情報収集して、それをまとめておくオンラインブックマークのようなサービスを中心に掲載されていました。

Listlyは「NAVERまとめ」のように、まとめ記事を作れるサービスです。まとめ制作にも便利ですし、人の作ったまとめが情報収集にも役立つというのも、NAVERまとめと同様のようです。

Saved.ioはURLの先頭に「saved.to」と入れるだけでオンラインブックマークに登録できるサービスで、そのアイデアがいいですね。

図6 ブロガーのためのコンテンツキュレーションに役立つツール8つ
図6 ブロガーのためのコンテンツキュレーションに役立つツール8つ

おすすめ記事

記事・ニュース一覧