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. (3)-3 GAFAMAからの脱出 2022年ブラウザはこれに決めました!おすすめ理由
    目次GAFAMAからの脱出する上で何はともあれブラウザの存在は大きいブラウザのセキュリティ度計…
  2. LinkedinバッチをWordpressで表示させるには?
    目次これがLinkedinバッチの実物で、一番大きい特大サイズですLinkedinバッチをWo…
  3. ITの職種知りたいです。女性に向くのは?
    目次 よく聞かれる「女性向のIT技術職って何ですか?」 このWeb関連職は「IT技術職」に…
  4. 目次 Sexyな商品を使いたいという日本人の気持ちはある 論理的・科学的な情報処理スキルの…
  5. GAFAMAからの脱出
    目次そもそもGAFAMって何ですか?GAFAMAから脱出するきっかけは何があったんですか?な…
Web制作の流れ
もっとくわしい何を頼めるの?料金は?
PAGE TOP