2018年1月第4週号 1位は、UIデザインにおけるゲシュタルトの法則、気になるネタは、JR北海道、券面をスマホに表示させて乗車する「スマホ定期券」

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

UIデザインにおけるゲシュタルトの法則を解説しています。「⁠個々のパーツが集まった輪郭から形を判断する」とか「欠けている部分があっても脳に記憶されている形を元に補完して認識する」などの視覚的認識の法則を元に、UIデザインを考えてみようという記事です。

自然と実践していることが多いように思えますが、こうやって法則としてまとめられた理論は説得力がありますね。

マテリアルデザインが普及することにより、ユーザーに対し操作の一貫性を持たせられたことを評価しつつも、これ以上ファンシーなボタンや効果は必要ないと主張しています。

マテリアルデザインの問題点として、以下の項目に分けて説明していました。

行動を促すためのボタンデザインについて、良いボタンを作るためのヒントを解説しています。

イラストを描く上での5つの基本を紹介しています。ベクターベースで図版やアイコンに使うようなイラストを前提とした内容です。

家のレイアウトで最近流行っている「オープンコンセプト」とは、空間を壁で仕切らず複数の用途に使うなどして、空間を最大限に生かすレイアウトだそうです。

このオープンコンセプがウェブデザインのトレンドにも当てはまるそうで、例を挙げて解説しています。

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

スマホ画面のバーコードを読み取って決済ドコモが「d払い」を4月に提供 - ITmedia Mobile
決済方法は毎月の携帯電話代との合算、クレジットカード、dポイントから選べるそうです
約半数がキャリアメールを使わず MMD研究所の調査 - ITmedia Mobile
1日当たりにキャリアメールを使う回数は「0回」が最多で50.3％だったとのこと。全く使ってないという話ではありませんね
AppleのWeb上のApp Storeがシンプル＆クリーンに改装 | TechCrunch Japan
シンプルなレスポンシブデザインになっています

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

公開することを前提としたオンラインブックマークのサービスです。シンプルできれいなデザインのリンク集を作ることができます。

リンクのURLを入力するだけで、ページタイトルや解説文（description）は自動で取得されます。タイトル・解説文はあとで変更することも可能です。リンク集はグループに分けて作成でき、グループごとに個別のURLを持っています。

何かのテーマでリンク集を作って共有する場合に便利に使えるサービスだと思います。各リンクの解説文のところは自由に文章を入れられるので、自分の制作したサイト集にも利用できそうです。

スマートフォンで購入・乗車ができる「スマホ定期券」サービスをJR北海道が開始するそうです。スマホの画面に定期券を表示して駅員に見せるという、デジタルなんだけどアナログチックな仕組みとなっています。

このニュースを見た人のほとんどが、画面キャプチャで偽造されるんじゃないかと思ったんじゃないでしょうか。アニメーションする要素がある、色が変化するなどで偽造対策はされているようです。

無人駅が多く定期券を購入するために有人駅まで行く手間をなくすという意味合いが大きいようで、利用者数が少ないので偽造すればすぐにバレるような環境なのでしょう。画面がバキバキに割れた状態だと、毎日定期券を見せるのが恥ずかしいですね。