2019年5月第5週号 1位は、モバイルコマースで売上を伸ばすためのデザイン手法、気になるネタは、老舗Macデベロッパーが作る携帯ゲーム機「Playdate」はモノクロ、手回しハンドル付き

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

モバイルコマース（モバイル端末を使ってのネット販売）で、売上を伸ばすためのデザイン手法についてまとめています。

5での安心感を与える方法として、鍵アイコンを使う、「⁠進む」「⁠安全」「⁠暗号化」といった単語で不安を減らす、色の心理学を利用する、といった方法を解説していました。

なお、Eコマース、Mコマースに続いて、Vコマースという言葉もあるようですが、仮想空間で買い物するVirtualコマース、声で買い物をするVoiceコマース、オンライン動画で販売するVideoコマースといろんな意味があるようです。

ボタンのラベルテキストとして、正しいものを選ぶ方法を解説しています。

すべて英語でのケースなので、日本語の場合に当てはまらない部分もありますが、参考にして気を配ることは必要だと思います。

古くならないデザインのアイデアを5つまとめた記事です。

CSSによるカード型レイアウトのコーディング例を、CodePenからまとめています。

どの例もレスポンシブになっており、カーソルを合わせたときの効果が凝っているものも多いです。

CSSを教えるためにクイズとカードゲームを使う方法を紹介しています。

問題を解きながらCSSを学べるCSSクイズはCodePenに3つ公開されていて、この記事の作者が作ったそうです。

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

Instagram、動画アプリ「IGTV」をランドスケープ（横位置）対応に - ITmedia NEWS
縦長動画だけというのが特徴だったんですが、横にも対応しました
実在しない人物の顔をAIで生成、フリー素材として公開「⁠AI人物写真素材」商用利用もOK - ITmedia NEWS
素材のサイズは各256×256ピクセルと小さめですが、商用利用や改変、編集もOKとのことです
今欲しいファイル、AIが推測 Dropboxに「あなたへのおすすめ⁠」⁠ - ITmedia NEWS
「⁠アカウントのアクティビティや共有相手を学習し、ユーザーが探しているものを推測」してくれるそうです

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

SVGmator!は、簡単にSVGファイルを使ったアニメーションが作れるサービスです。ユーザー登録不要で無料で使えます。

SVGファイルの1つ1つのエレメントに対し、あらかじめ用意されたアニメーション効果を適用するだけの簡単操作です。アニメーションツールには付きもののタイムラインがなく、エレメントごとに動きのタイミングをコントロールすることはできません。

機能を非常に限定している分、シンプルで誰にでも使えるツールとなっています。グループ化したオブジェクトは1つの効果を適用するだけで順番に動いたりするので、素材となるSVGの作り方次第で高度なアニメーションも作れそうです。

ウェブコーディング用エディタのCodaやFTPツールのTransmitでおなじみの米Panic社から、独自の携帯ゲーム機「Playdate」が発表されました。昔のゲームボーイをかわいくコンパクトにしたような黄色い筐体が印象的です。

Panicは最近はゲーム制作に力を入れていたようで、Firewatchというゲームをヒットさせたそうです。FirewatchはきれいなCGの作品ですが、このPlaydateはモノクロ液晶で、400×240pixelという低解像度です。

手回しのクランク型アナログコントローラといい、アナログ感やレトロ感があって興味深いゲーム機となっています。日本の公式サイト、公式ツイッターアカウントもできていて、日本でも発売されるようなので楽しみです。