リニューアルのケーススタディ、PSDファイルから自動コーディング、ロゴ検索ツール、グラフ用フォント(デザインとUX/UIのウィークリーまとめ)

リニューアルのケーススタディ、PSDファイルから自動コーディング、ロゴ検索ツール、グラフ用フォント(デザインとUX/UIのウィークリーまとめ)

こんにちは。

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

UI ・UX

アプリのリニューアルのケーススタディ

2年間まったく更新されなかった健康保険アプリのリニューアルの話です。

他社はどのようにしてリニューアルを行っているのか、それを知ることは大事だと思います。
今回のケーススタディの結論をかいつまんでご紹介すると、覚えておきたいポイントは4つあります。

  • ユーザに選択肢を一つ一つ、丁寧に見せること(認知負荷対策)
  • 一番分かりやすい文言の選択
  • 似た情報をまとめて、同じ場所・同じ箇所にグルーピングする
  • カスタマイズができるUI(プロフィール写真等)に何かしらのアピールがある

URL
https://medium.com/@perlerar/how-we-designed-oscar-2-0-fbba97087bae

PSDファイルから自動コーディング

今回ご紹介するツールはオンラインツール。
ブラウザからPSDをアップロードするだけで、サイトのコーディングが自動的に実行されてるというものなんです。

アップロード開始してから約2分ででき上がり!
将来、自由にカスタマイズして運用を行うようなサイトの場合はあまりオススメできませんが、とにかくスピード重視でPSDファイルと変わらないサイトを公開したい場合は完璧かもしれません。
ちなみに現在は無料。アウトプットされたソース(HTML,CSS.JS)も無料でダウンロードができます。

URL
https://rapidui.io/

デザイン

ロゴ検索ツール

SVG系のロゴ検索エンジンです。

複数のロゴストック(MaxCDN、SVG Porn、Logomono等)を利用するらしいです。
ロゴ検索サイトは数多くありますが、この検索エンジン1つで色んな場所から検索できる、いわば「まとめ」サイト的な役割を果たしているということですね。

URL
http://instantlogosearch.com/

グラフ用のフォント

結構前の話にはなりますが、以前ご紹介させていただいた「Datalegreya(http://figs-lab.com/en/datalegreya)」に似たフォントでsす。

似ているだけあって、目的も一緒。データを表示させるのに最適なフォントです。
もちろん、デザインは違いますので、用途や気分に応じて使い分けてもいいですね。

URL
http://aftertheflood.co/projects/atf-spark

【週刊bitWave】(メルマガ)始めました!

登録はこちらからメールアドレスを入力してお申込みください。

ご登録いただいたメールアドレスは 【週刊bitWave】の更新情報の配信にのみ使用します。

個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでこちらから行うことが可能です。

あなたにおすすめ

ロイヤリティフリーの無料ストックフォト(写真)1+8選... ロイヤリティフリー(ライセンスフリー)の無料写真を集めているサイトも順調に増えてます。全員が発信者となる現在では、こうしたサイトの重要度・便利度は増すばかりですね。 基本的にパブリッックドメイン(商用利用可能・無料・用途の制限なし)で...
UI・UXのベストプラクティス、フラットデザインについての実験結果、ATLASSIANの新CI、無料... こんにちは! 今週の【UX・デザイン】の情報共有です。 UI ・UX UI・UXのベストプラクティスまとめ 心理学とマーケティングを双方のスペシャリストであるNick Kolendaさんのサイトです。 彼のサイト内...
「Design Better」ポッドキャスト、CSSでのレスポンシブな端末、無料フォント、日本科学未... お疲れ様です。 今週の【UX・デザイン】の情報共有です。 UI ・UX 「Design Better」のポッドキャスト 他社や海外において、どのようなUI/UXの戦略が実践されているのか、そしてどのような手法がベストプラ...
ユーザテスティングいくつかの方法、アイコンの歴史、ソースコードをアート、フリー素材(デザインとUX/... お疲れ様です 今週の【UX・デザイン】の情報共有です。 UI ・UX ユーザテスティングのいくつかの方法 非常に参考になる記事をご紹介します。 ここではユーザテスティングの方法を “「あまりオススメできない」⇒「と...