データ視覚化：モバイルデバイスの設計 - ダミー

ビデオ: exocad Quick Guide: New features in DentalCAD 2.2 Valletta 2025

数年前、デザイナーが紙ベースの広告やパンフレットを作成するまで、それが印刷された後の外観を正確に計画することができます。設計者は、フォーマットと顧客がどのように見ているかを知っていました。しかし、モバイルデバイスの人気が高まっており、設計者は次の2つの新しいデザイン問題に直面していました。

モバイルデバイスインタフェースの設計
モバイルデバイス向けのアプリケーションの作成
<！ - 1 - >

インターネットの登場により、オンラインデザイナーは、デザインが画面上にどのように見えるかを計画するために利用可能な少数のWebブラウザを使用していました。利用可能なツールはやや粗かったですが、デザインはかなり簡単でした。彼が各Webブラウザをテストした場合、デザイナーは、設計が正しいオンラインに見えるように修正する必要があるかどうかを判断できます。

現在、設計者はそれぞれ独自の気まぐれなニーズを持つ多数のモバイルデバイスを設計する必要があります。その結果、視覚化を設計する複雑さが増しました。

- >

レスポンシブデザインの採用

複数の画面サイズとオペレーティングシステムの問題に対処するために、デザイナーはレスポンシブデザイン（RD）の原則を使用します。 RDは、それが閲覧されている場所に基づいて自身を再構成できるインターフェイスまたはレイアウトを指します。この用語は、2010年の記事でEthan Marcotteによって作成されました。この記事では、複数の画面要件の問題に対処するためのデザイナーの必要性が認識されていました。

<！ - 3 - >

レスポンシブなウェブサイトデザインは、デスクトップコンピュータでもスマートフォンでも、見た目はよく見えます。小さなデバイスで一般的な丸いエッジやアイコンが自動的に配置されます。

Flucグリッド：

グリッドは、デザイナーがデザインをレイアウトするために使用するツールです。デザインはオンラインまたはオフラインで表示されます。次の図では、グリッドデザインが3つのスクリーンシェイプに変換されています。グリッドデザインが異なる画面に翻訳されました。

柔軟な画像：
ブログの投稿やウェブサイトに画像がある場合、画像が途切れたり歪んだりしないようにする必要があります。自分のイメージを再フォーマットできることを確認することが重要です。メディアクエリ：
GoogleやBingなどの検索エンジンに検索語を入力すると、いずれの画面でも検索結果を表示できます。これはRDの重要な原則です。コンテンツは、ユーザーが持つ可能性のあるモバイルデバイスで表示する必要があります。さまざまなデバイスでそれを表示するのは、返された結果が何であるかをデザイナーが知る方法がないことです。これらの考え方は、データの視覚化にも適用されます。データをモバイルデバイスで表示しているときに、グリッドが歪まないようにする必要があります。画像はクリアでなければならず、縦横比（長さと幅）は、ユーザーが作業しているデバイスに関係なく調整する必要があります。

アプリケーションの設計基準に従う

デザイナーは、インターフェイスが見栄えがいいだけでなく、あらゆる種類のトリックを実行したいと考えています。その結果、アプリのデザインはそれ自身の規律になっています。

あなたはなぜアプリのデザインを気にするべきか不思議に思うかもしれません。オンラインで何かを視覚化しなければならない人は、どのアプリのデザイナーと同じ基準にも従います。

彼の記事「キラーiOSアプリケーションを設計するためのAppleの6つの簡単なルール」では、Pete PachalがAppleのApp StoreでSpunのニュースアプリを取得するために必要なことについて説明しています。（この執筆時点では、App Storeでは利用できません）Pachalのチームは、すべてを完璧にするためにAppleと5か月間仕事をしなければなりませんでした。その間、Pachalはチームのために6つのルールを成文化しました。そのうちの4つはデータ設計に適用されます。

Simplicityは強みです。

このルールは、おそらくデータの視覚化にとって最も重要なルールです。目標は、洞察を深めるために使用できる新しい情報を説明することです。あまりにも多くのデータポイントに集中すると、そのストーリーは失われます。ダッシュボードを作成する場合、このルールは、各データが全体をサポートする必要があるため、特に重要です。時間をかけて品質を犠牲にしないでください。
このルールは、データの視覚化にとって重要です。解読するのが難しい視覚化をすると、誰もそれを使いたくないでしょう。時間をかけて素晴らしいものを開発し、時間をかけてそれを洗練し続ける。すべてのタッチでユーザーに報酬を与えます。
すべてのメニュー項目は何か役に立つはずです。たとえば、印刷リンクが機能するはずです。また、クリックごとに情報を提供する必要があります。詳細が重要です。
ユーザーがデータ視覚化のリンクをクリックする前に、そのリンクが彼女をどこに連れて行くのか、どのような種類のデータを見るのかが明らかになります。