デザインとUX/UIのウィークリーまとめ(#14)

デザインとUX/UIのウィークリーまとめ(#14)
■ 店頭より得で、予約しやすいオンラインショップ。
 → ドコモオンラインショップ
 → auオンラインショップ
 → ソフトバンクオンラインショップ

最新のiPhoneを得して乗り換えるなら、最大6万円のキャッシュバックがある
→ SMARTPHONE STORE

今週の【UX・デザイン】の情報共有です!

UX

ピークエンドの法則

サービスを使った後の記憶は最初から最後までのイベントの総計ではなく、ピークの「イベント(例えば一番感動した時、一番不満を感じた時)」と「終わり方」。そして、「ピークのイベント」のインパクトの方が「終わり方」より強い。心理学専門では「ピークエンドの法則 」(peak-end rule)と言います。プロダクトのフローを考える時も、ユーザテスティングを行う時にも覚えた方がいい基本ルールです。

記事のURL
https://medium.com/@daverothschild/use-this-simple-psychology-rule-to-improve-your-customer-experience-41aa4f3f2124

WikipediaのURL
https://ja.wikipedia.org/wiki/%E3%83%94%E3%83%BC%E3%82%AF%E3%83%BB%E3%82%A8%E3%83%B3%E3%83%89%E3%81%AE%E6%B3%95%E5%89%87

Untitled-1

デザイン

PROJECT FELIX

今まで、Photoshopの画像に3Dオブジェクトを簡単に追加したかった場合は、PixelSquid(https://www.pixelsquid.com/)のプラグインを使うしかなかったです。導入したいオブジェクトをドラッグアンドドロップするだけで終了なので。しかし、ついに、今月(2016/12)Adobeが同じようなプロダクトのベータ版を無料で提供し始めました。「Project Felix」と言うプロダクトです。

URL
http://www.adobe.com/products/project-felix.html

Untitled-2

データ込の無料フォント

フランスのWebエージェンシーが開発した無料フォントです。
このフォントにはとても面白い特徴があります。セパレータと数字を入力するとデータが言葉にカッコいい形でミックスされます。
PDFの説明書もダウンロードできます!

URL
http://figs-lab.com/en/datalegreya

Untitled-3

WORLD VECTOR LOGO

今まで他の企業・サービスのベクター系のロゴを見つけたかった場合は「http://seeklogo.com/」と「http://www.brandsoftheworld.com/」でよく探していました。で、今週もう1つのサービスを偶然に発見しました:「World Vector Logo」と言うサービスです。そこで他のサイトで見つからなかったロゴのダウンロードが出来ておすすめサイトになります。日本企業のロゴが多いです。

URL
https://worldvectorlogo.com/

Untitled-4

CSS SYNTH

複雑でランダムっぽい動きのCSSをアウトプットしてくれるツールです。
基本的に、複数なエレメントに基づいたレイアウト(グリッドとか)に使えます。
読み込み中のイベントにも使えそうだと思いました。

URL
http://bennettfeely.com/cssynth/

Untitled-5

以上です!

また来週!

■最新のiPhoneの購入・機種変更なら店頭より得で、予約しやすいオンラインショップ。
機種の頭金や使わないオプションパックをつけて年間何万円も損していませんか?
オンラインショップなら故障のサポートもしっかりしていて最低限の費用。待たされることもありません。
 → ドコモオンラインショップ
 → auオンラインショップ
 → ソフトバンクオンラインショップ

最新のiPhoneを得して乗り換えるなら、最大6万円のキャッシュバックがある
→ SMARTPHONE STORE
がお得です。