グラフのベストプラクティス、アコーディオンのデザイン、イラストのトレンド、など(デザインと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/

今回は以上です!

Franck VESCHI

Franck VESCHI

シニア UI/UX デザイナー・デベロッパー at 株式会社ショーケース・ティービー
毎日、デザイン・UX・コーディング等に関係ある新しい技術・情報をわくわくしながら探しています。昔から好奇心の強い性格なのです!新規プロジェクトをいつも「冒険」のように受け取っています。このスタンスのお陰で、毎日の仕事が非常に面白いです。

今まで書いた記事:
http://bitwave.showcase-tv.com/author/franck/
Franck VESCHI

コメント