グラフのライブラリ、HTMLメール作成ツール、など(デザインとUX/UIのウィークリーまとめ)

グラフのライブラリ、HTMLメール作成ツール、など(デザインとUX/UIのウィークリーまとめ)

こんにちは!

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

UI ・UX

BILLBOARD.JS

グラフやチャートの新しいJSライブラリです。
今年は色んなライブラリ(無料の!)をたくさん試してみたのですが、一番良くできていたのが「Chartist.JS」でした。
ただ、アニメーション対応は少し難しく、緊急なプロジェクトの中でアニメーションを入れる余裕がなかったため断念。
代わりにご紹介する「billboard.js」もまだ試しきれていないのないですが、とても良い感じです。ドキュメンテーションが非常に細かくて結構安心。いつか使いたいと思います!

URL
https://naver.github.io/billboard.js/

入力フォームのベストプラクティス

入力フォーム関するベストプラクティスを13点にまとめたサイトがコチラ。
一般的に知られた情報も含まれていますが、リマインダーとしても活用できるのではないでしょうか。

URL
https://conversionxl.com/form-design-best-practices/

デザイン

HTMLメール作成ツール(無料)

今月はHTMLメール作成の作業があったため、無料の作成ツールの調査を行いました。
結局、「Bee free」というツールを使うことになったのですが、無料プランではできることに限りがある模様。
メール自体をエクスポートすることは問題なくできたものの、オンラインエディタで作成した最後の情報がキープされておらず、数日後に修正しようと思ったら最初からやり直す必要が生じたのです。
別の機会に完全無料のツール「TOPOL.io」を見つ試してみたところ、作業中の状態もしっかり保存されていて本当に便利でした。
エディタ自体もしっかりと作り込まれており、レスポンシブのレイアウトのテスティング画面も提供されています。

URL
https://topol.io/

GOOGLE DESIGN

最近、Google Designがリニューアルされた……らしい。
とはいえ、前バージョンがどんなものだったのか良く覚えてないのですが、このバージョンでは色んなケーススタディを見ることができ、結構いいと思いました。

URL
https://design.google/

今回は以上です!

あなたにおすすめ

ロイヤリティフリーの無料ストックフォト(写真)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の戦略が実践されているのか、そしてどのような手法がベストプラ...