2018年4月第1週号 1位は、ユーザーの時間を奪わないためのウェブデザインのヒント、気になるネタは、「Alexa、子供服はどこで取り扱っている？」池袋PARCOで「Amazon Echo」が館内案内

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

ユーザーの時間を奪わないためのウェブデザインのヒントをまとめた記事です。

レスポンシブなナビゲーションのコーディング例をまとめています。

ハンバーガーメニューの開き方のパターン集といった感じのラインナップですが、垂直メニューが水平メニューに変わるものもありました。

大きなフッタをデザインするためのヒントと実例を紹介しています。

固定ナビゲーションメニューをうまく使った実例を12サイトまとめて解説した記事です。

画面上のスペースを使ってしまうことから賛否ある固定メニューですが、ユーザーはページのどこにいてもナビゲーションのリンクにアクセスできるという良さがあります。

モバイルアプリのデザインパターンのギャラリーサイトです。それぞれのアプリごとにたくさんのスクリーンショットが載っています。

SNS認証でログインすると、アプリ／パターンのカテゴリ別に絞り込む機能が使えるようになります。

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

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

STUDIOはウェブサイトを簡単に作れる日本製のサービスです。WixやJimdoなどと競合するサービスですが、デザイナーをターゲットとしたプロ向きのツールという方向性のようです。

デザインはWYSIWYGエディタで行えますが、HTMLコードやマージン・パディングなどの数値を意識した編集ができるようになっており、ある程度ウェブデザインを分かっている人が使うことを想定していることがうかがえます。

作ったページを公開前にメンバーに確認してもらう機能が用意されているのも特徴です。デザインするまでは完全無料で、公開することでお金が発生する（月9ドルからと安価）という仕組みも面白いと思います。月27ドルからの一番上のプランにだけあるCMS機能も気になるところです。

池袋PARCOでAmazon Echoを使っての音声対話による案内が始まりました。行きたいお店を聞く（チックタックに行きたい⁠）⁠／買いたい商品を聞く（子供服はどこ？⁠）⁠／館内施設を聞く（ATMはどこ？トイレはどこ？）といったことができるそうです。

このパルコ用のスキルはAmazonのAlexaスキルストアにもあるので、自宅で試すこともできます。店舗案内用のスキルとしては、ほかにも東急ハンズのスキルもありました。店舗用にスキルを用意するのが今後流行るんでしょうか。

スキルストアを見てみると、まだ数が少ないようで個人開発レベルのものを見かけることも多く、初期のApp Storeのような玉石混交な感じが面白いです。スキルは基本全て無料ですが、高パフォーマンス・高エンゲージメントのものには作者に報酬が支払われるようで、一攫千金を狙う人は今がチャンスかもしれません。