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を混同してる人が多すぎる

Webサイト作品集_齋藤天津子

Webサイト作品集_齋藤天津子 Webデザイナー

お問合せ_Atsuko Saitoh

お問い合わせフォーム_齋藤天津子 Webデザイナー

ピックアップ記事

  1. 上のアイキャッチ画像を見て下さい。スパイウエア「ペガサス」がスマホやPCに入ってしまったら、被害者は…
  2. 「あなたの名前"Copilot"さんって、何て読むんですか?」と本人に聞いてみたところ、Copi…
  3. Affinity Photoでも簡単に電子印鑑ができます!
    目次2023年10月インボイス制度導入前、Affinity Photoでの電子印鑑…
  4. ホームページの制作(Web制作)は、専門職がチームを組んで行います。見ず知らずの人たちが一緒に仕事を…
  5. (3)-3 GAFAMAからの脱出 2022年ブラウザはこれに決めました!おすすめ理由
    目次GAFAMAからの脱出する上で何はともあれブラウザの存在は大きいブラウザのセキュリティ度計…

Web制作の流れ

Web制作の流れ
もっとくわしい何を頼めるの?料金は?
PAGE TOP