APIのチャート製作で UX/UIも秀悦なウェブ表示できます

更新 2021/01/30

Photoshopでグラフィックを作るとこうなります。

これはPhotoshopで作ったカバーの一例です。

APIのチャート製作で UX/UIも秀悦なウェブ表示できます
もとの画像はこちらでした。

APIのチャート製作で UX/UIも秀悦なウェブ表示できます
この例のように、Photoshopでは画像を複数枚使い、それぞれを編集加工して、最適なグラフィックに仕上げます。

しかしグラッフィックスだけのデザイナーが、太刀打ちできない時がある。

 
いくらイラストや画像で、デザイン性の高い工夫をこらし魅了しても、それだけでは、うまくユーザーを誘導できない時があります。それが以下の例です。

APIでチャートリンク表を製作し ウェブ表示した事例です。

ウェブ表示にこんなチャートでユーザーを導入できたらどんなにわかりやすいかと思った事はありませんか?

このチャートコンテンツの為に料金はかからず、しかも、各カラムのテキストにはリンクを貼る事もできます。

(画像はぼかして掲載しています。)

APIのチャート製作で UX/UIも秀悦なウェブ表示できます

つまり、ユーザーを上手に誘導できる利点、UX/UIの観点からも秀逸なウェブサイトを実現できます。

このチャートリンク表を製作した APIって何ですか?

APIとはApplication Programming Interface(アプリケーションプログラミングインターフェース)

アプリケーションと出てくるので、ソフトの事だと気づきますね。APIはソフトウェアの共有機能の事です。

ソフトウェアの一部をウェブで公開する事により、誰でも外部から利用する事ができます。

自分のウェブやアプリに他のソフトを一部埋め込む事ができる、アプリ同士の連携が可能になったわけです。

フロントエンドでAPIを使うメリットは何ですか?

・このチャートのように作りたい機能がAPIで公開すみなら、プログラムを一から書く必要がない。

・各APIにログインしてサービスを利用でき、コスト安である。

・登録やメールアドレスなどを残す必要もないAPIも多く存在する。

フロントエンドの仕事として、このAPIをいかに活用できるかにウェブの充実度や


UX/UIがかかっていて、今後ますます発展していくインターフェースといえます。

UXとUIを混同している方が多いので、その間違いについてのブログをLinkedinに書きました。

UIとUXを混同してる人が多すぎる参考記事: UIとUXを混同してる人が多すぎる

ピックアップ記事

  1. Affinity Photoでも簡単に電子印鑑ができます!
    目次2023年10月インボイス制度導入前、Affinity Photoでの電子印鑑…
  2. ホームページの制作(Web制作)は、専門職がチームを組んで行います。見ず知らずの人たちが一緒に仕事を…
  3. (3)-3 GAFAMAからの脱出 2022年ブラウザはこれに決めました!おすすめ理由
    目次GAFAMAからの脱出する上で何はともあれブラウザの存在は大きいブラウザのセキュリティ度計…
  4. UIとUXを混同してる人が多すぎる
    目次 UIとUXを混同してる人が多すぎる チームプロジェクトにおけるUXとUIの「急がばま…
  5. LinkedinバッチをWordpressで表示させるには?
    目次これがLinkedinバッチの実物で、一番大きい特大サイズですLinkedinバッチをWo…
Web制作の流れ
もっとくわしい何を頼めるの?料金は?
PAGE TOP