グラフのベストプラクティス、アコーディオンのデザイン、イラストのトレンド、など(デザインとUX/UIのウィークリーまとめ)

グラフのベストプラクティス、アコーディオンのデザイン、イラストのトレンド、など(デザインとUX/UIのウィークリーまとめ)

こんにちは!

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

UI ・UX

グラフのベストプラクティス

データをグラフで表現する際に、デザイナーがよくやりがちな過ちを分かりやすく紹介している記事です。
例えば、カテゴリーが5個以上ある場合、パイチャート(=円グラフ)を使うのは読みやすさ的にもNGらしいです。パイチャート(=円グラフ)は一般的にも馴染みのあるグラフではありますが、データ内容(種類や量など)から一番最適な見せ方を選ぶのがポイントになります。
他にも見落としがちなポイントや良いアドバイスがたくさん掲載されているので、ぜひ参考に読んでみてください。

URL
https://uxdesign.cc/designing-charts-principles-every-designer-should-know-5bd3969a0150

ちなみに、下記のリンクもとても良い参考になります:
https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts#toc-21
https://visage.co/category/data-101/

アコーディオンのデザインパターン

アコーディオンのUXは意外と難しい。
「どんなアイコンにすればいい?」とか「アイコンの位置をどこにすればいい?」とか……。
残念ながら明確な答えなど無いのですが、この記事のケーススタディを読めば、色んなヒントやコツが分かってきます。

URL
https://www.smashingmagazine.com/2017/06/designing-perfect-accordion-checklist/

デザイン

イラストのトレンドまとめ

海外におけるイラストのトレンドが知りたい時にオススメのサイトです。
アニメーション付きのイラストも結構あります。
上手く整理されていて閲覧しやすいです。

URL
https://www.illustrationui.com/

国籍の違いによる絵の書き方の実験

“とっても単純な絵であっても、各国の文化によってその書き方が変わるのか” といった議論から生まれた実験の結果を紹介した記事がコチラ。
日本の話も結構出てきます! デザインとは関係なく興味深い内容なのではないでしょうか!

URL
https://qz.com/994486/the-way-you-draw-circles-says-a-lot-about-you/

今回は以上です!

あなたにおすすめ

ロイヤリティフリーの無料ストックフォト(写真)1+8選... ロイヤリティフリー(ライセンスフリー)の無料写真を集めているサイトも順調に増えてます。全員が発信者となる現在では、こうしたサイトの重要度・便利度は増すばかりですね。 基本的にパブリッックドメイン(商用利用可能・無料・用途の制限なし)で...
リニューアルのケーススタディ、PSDファイルから自動コーディング、ロゴ検索ツール、グラフ用フォント(... こんにちは。 今週の【UX・デザイン】の情報共有です。 UI ・UX アプリのリニューアルのケーススタディ 2年間まったく更新されなかった健康保険アプリのリニューアルの話です。 他社はどのようにしてリニューアルを行...
UI・UXのベストプラクティス、フラットデザインについての実験結果、ATLASSIANの新CI、無料... こんにちは! 今週の【UX・デザイン】の情報共有です。 UI ・UX UI・UXのベストプラクティスまとめ 心理学とマーケティングを双方のスペシャリストであるNick Kolendaさんのサイトです。 彼のサイト内...
「Design Better」ポッドキャスト、CSSでのレスポンシブな端末、無料フォント、日本科学未... お疲れ様です。 今週の【UX・デザイン】の情報共有です。 UI ・UX 「Design Better」のポッドキャスト 他社や海外において、どのようなUI/UXの戦略が実践されているのか、そしてどのような手法がベストプラ...