2018年7月第2週号 1位は、モバイルECサイトで上部にナビゲーションバーを追加することのススメ、気になるネタは、アプリで読み取ると商品ページに飛ぶ「Amazonスマイルコード」--雑誌などの出版物に

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

多くのECサイトで、ハンバーガーメニューだけに頼らずナビゲーションバーを上部に追加することで、コンバージョン率が向上するA/Bテストの事例があるそうです。

この上部のナビゲーションバーを「Top Nav Link Bar」または「Link Bar」と呼ぶとのこと。

Link Barによってコンバージョンが上がったアパレルと健康食品のECサイトの事例と、ハンバーガーメニューに頼らず上部にわかりやすいリンクを入れているモバイルECサイトの実例とを紹介しています。

モバイルECサイトのUXを向上するヒントを6つまとめています。

注意を引くUIをデザインするための、3つの実用的なテクニックを紹介しています。

嫌われているるUI／UXパターンを5つまとめた記事です。

Chromeのデベロッパーツールの使い方を初歩から細かく解説した記事です。

20項目に分けて、デベロッパーツールでできることを簡単にまとめています。なお、ChromeのCanaryバージョンを元に紹介しているので、一部通常版では使えない機能もあります。

ちなみに、このブログを提供しているフォーム作成＆管理サービスのJotformが、デザインニュースサイトのNoupeを買収したことも最近話題になりました。

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

NewsPicksのユーザーベース、米経済メディアQuartzを82.5億円で買収 - ITmedia NEWS
驚きました。NewsPicks事業の海外展開を加速させるそうです
「Amazon Prime Videoチャンネル」にアニメの有料チャンネル追加 - ITmedia NEWS
dアニメストア、キッズステーション・オンデマンドなどがAmazon Prime Videoで見られるようになるけど、もちろんそれぞれ料金がかかるということです
Google、「⁠サードパーティ開発者がGmailの内容を読んでいる」報道について説明 - ITmedia NEWS
見出しとしてはショッキングですが、まあそうだよねぇという内容でした

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

UI SourcesはモバイルアプリのUIをまとめたギャラリーサイトです。有名アプリのUI画面を動画で確認できます。

アプリ別だけでなく、インタラクションの種類別に見ていく方法もあります。たとえば、検索画面、作成画面、購入画面、プロフィール画面などで絞り込んで閲覧することが可能です。

まだ登録されているアプリはそれほど多くありませんが、毎週追加してメールでも教えてくれるとのことです。動画でUIを見られるのは便利で、モバイルサイトのUIを作るときにも参考になるはずです。

AmazonがQRコードのような独自のコード「Amazonスマイルコード」を発表しました。Amazonのモバイルアプリから読み取ることで、商品ページにアクセスできます。

LINEのQRコードを使った友達追加や、Facebook、Instagramのプロフィール画面にアクセスするための独自のコードなど、カメラでコードを読み込ませる仕組みはスマホ時代に合っていて便利ですよね。

ニュースリリースに「アソシエイト・プログラムの重要なパートナーである出版社には、Amazonでの新しいビジネスの機会をご提供」とあるので、アソシエイトのリンクでコードを作れるということだと思います。普及しそうな予感がしますね。