週刊Webテク通信

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

Webテク, Webデザイン, Web広告, UI, モバイル, UX, スマートウォッチ

この記事を読むのに必要な時間：およそ 2 分

ネットで見かけた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つ

今週の気になるWebネタ

スマートウォッチの新たな活用法--東京ドームで売り子呼び出しサービス - CNET Japanhttp://japan.cnet.com/news/service/35064426/

特別シートのお客さん対象で先着50名とかなり限定されていますが，タブレットを貸し出して売り子を呼び出せるサービスが始まるそうです。では記事タイトルにあるスマートウォッチとは何かというと，売り子の人がスマートウォッチで呼び出しを確認するとのこと。ちなみにApple Watchではありません。

スマートウォッチの活用って，意外とこういう単純なものなのかもしれません。お客さんに貸し出すのもスマートウォッチでいいじゃないかと思ったのですが，すでに腕時計をしている人には腕時計型の端末は邪魔かもしれませんね。

タレントのおのののかは東京ドームでビールの売り子のアルバイト経験者だとか，千葉ロッテがビールの売り子のアイドルグループを誕生させるなど，なぜかビールの売り子の話題を最近よく目にするわたしです。

Webテク, Webデザイン, Web広告, UI, モバイル, UX, スマートウォッチ

著者プロフィール

芦之由（あしのよし）

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/