UI/UX DESIGN

医療機器、AV機器、車載機器など情報・通信関連機器のUIデザインを行います。仕様書や要件定義書を元に、画面遷移作成、デザイン提案からパーツ作成、座標指定までソフトウェアの実装に必要なクリエイティブワークおよび実務作業までをトータルに行います。
業務用機器などでは、開発時の画面がそのまま製品に使用され、UIデザインの配慮がなされていない例も見受けられます。しかし、情報機器では、ユーザー心理をふまえて快適に操作が行えるように検証しながら画面構成や遷移を作り、ロジカルにデザインすることが非常に重要です。私たちは、単に見栄えをよくするだけではなく、本当に使いやすく快適に操作できるデザインを追求します。


WORKS

今までGYROが取り組んだ、主なGUIデザインの実績です。医療用心電計やCTスキャナ、病院用予約システム、カーナビなど、業務用からコンスーマ用機器まで、多数の実績があります。

◆ソフトウェア全体のGUIデザイン
  • 医療機器:歯科用3Dスキャナシステム用GUIデザイン
  • 医療機器:生理検査システム用GUIデザイン
  • 遠隔地代替監視用スマートフォンアプリのGUIデザイン
  • 医療機器:心臓電気刺激装置用GUIデザイン
  • 医療機器:心臓カテーテル検査システム用GUIデザイン
  • 医療機器:心電計用GUIデザイン
  • 医療機器:血圧、脈波検査システム用GUIデザイン
  • DVDオーサリングソフト用GUIデザイン
  • 業務用CDレーベル作成ソフトの画面デザイン
  • 学習リモコンパネル用GUIデザイン
  • 製薬会社MR用情報管理システムの画面デザイン
  • 業務用監視カメラのGUIデザイン
  • WINDOWS PC同梱 アルバムソフトの操作性検討とワイヤーフレーム作成
  • 製薬会社MR用情報管理システムの画面デザイン
  • 自律型ロボットコントロールアプリ用GUIデザイン
◆キービジュアルデザイン
  • インターネット電話サービスの画面デザイン
  • 企業内チャットシステムの画面デザイン
  • 業務用サーバー管理システムの画面デザイン
  • ハイビジョンテレビ用番組表/GUIデザイン
  • 出張精算システムの画面デザイン
  • コンビニエンスストア用チケット管理システムの画面デザイン
◆アイコンデザイン
  • デジタルオーディオプレイヤー用アイコンデザイン
  • カーナビゲーションシステム用アイコンデザイン
  • WINDOWS PC用の基本アイコンデザイン
    他多数

クライアントとの契約により画面掲載は行っておりません。詳細はお問い合わせください。

CONTACT

受注事例

●医療機器用GUIデザイン
(医療機器会社からの受注業務)

医療機関で使用される、呼吸、脈拍、血圧などを計測、記録するための装置のための操作画面デザインを行いました。仕様書を読み込むことからスタートし、設計担当者とのチームによる試行錯誤を重ね、デザインワークを行いました。


※画面内にGYROの制作物をはめ込んでいます。

●カーナビゲーションシステム用GUIデザイン
(電機通信会社からの受注業務)

カーナビゲーションシステム用次世代GUIデザインの提案からアイコン作成、実装用パーツデータ作成を行いました。クライアントの世界観を踏まえ、柔軟かつスピーディにデザインワークを行いました。
クライアント独自のさまざまな制作上の条件にも細かく対応しています。


※画面内にGYROの制作物をはめ込んでいます。

●中規模病院用検査システムGUIデザイン
(医療機器会社からの受注業務)

中規模病院で使用される検査システムの集計GUIデザインを行いました。受付から検査、集計まで患者情報を管理するシステムのため、情報の流れを整理し、スムーズにかつ間違いなく管理できるように配慮しました。設計部門と直接やりとりを行い、仕様追加や変更にも対応しながら、長期にわたる業務を行いました。


※画面内にGYROの制作物をはめ込んでいます。


受注プロセス事例

●病院用 CTスキャン装置用ソフトウェアのGUIデザイン(医療機器メーカーからの受注)

1) インプット
  • 依頼元から旧機種の仕様および新機種の仕様の説明を受け、実機設置状況の見学・操作確認を行う。
  • 市場背景や新機種のハードウェアイメージを確認し、ソフトウェアのデザインイメージなどについて協議。
2)旧機種の調査・分析

旧機種の実機確認を行い、仕様やデザインについて詳しく調査、分析したところ、以下のような問題点を発見。

  • 画面内の要素が操作の流れを考慮せず配置されているため、どういう手順で使うのかがわかりづらい。
  • 画面内の要素が全て同等の扱いになっており、重要なもの、使用頻度の高いものとそうでないものの切り分けがなされていない。
  • ソフトウェア全体でボタン配置などのルールが作られていないため、操作に一貫性がない。
  • フォントが読みづらく、美観に欠ける。
  • 画面にはめこんであるイラストや画像が子供っぽく、高度な医療機器のイメージにそぐわない。
3)問題解決のためのUI検討とキーデザインの作成
  • 上記問題点を解決するにはどうしたらよいかを考え、遷移を検討し、ビジュアル表現を含めたUIデザイン案を作成。代表的な画面で基本デザインの方向性を複数案提示。
4)デザイン決定と全体への展開
  • クライアントとのディスカスを重ね、設計上の条件との折り合いもふまえて検討しながら、実装する最終デザインを決定。
  • 最終デザインを他の画面へ展開。ソフトウエア全体のUIルール策定。機器にふさわしいフォント選びと提案。 さらに、使用するアイコンや細かいボタンパーツ、説明用の画像などを作成し、仕様と照らし合わせて都度確認。
5)制作実務の実施
  • 実装用パーツデータの書き出し、座標指定、フォントサイズや色指定。
  • 制作したすべての画面やパーツ、指定説明のドキュメント作成、最終納品。

制作サンプル&デモ

業務用機器は契約の都合上、サイトに実績を掲載できないことが多いため、もしもGYROがこんな機器のデザインをするなら・・という想定で、サンプルとデモ画面を作成しました。
実際のUIデザインを行う際には、企画の背景や設計仕様、使用場面についてクライアント様からお話を聞いたり、リサーチを行ったうえで、UI設計を行い、実装用データを作成していきます。

●車載機器:次世代カーナビ画面UIデザイン

コンセプト:自動運転という大きな変革を前にして、カーナビの表示もそれに合わせたUIが必要になると考えられます。運転中の情報が三次元的に把握できるカーナビの表示について考えてみました。
対象:一般的なドライバー
仕様:タブレットなどをダッシュボードに設置し、表示を行うことを想定しています。走行中の動画に進行中の目的地の到着時間や周辺の情報がリアルタイムに現れ、空間の中で情報が捉えられます。目的地に到着するまでの情報と出発地から現在までの情報とを切り替えて表示することができれば便利ではないかと考えています。

●医療機器:心電計画面UIデザイン

コンセプト:医療機関で使用する機器は情報がわかりやすく整理され、視認性が高いことが重要です。スタンダードな心電計の機能をもちながら、美しい画面ビジュアルについて検討し、デザイン案を作成しました。
対象:医療機関向け
仕様:機能重視の製品でも、カラーやフォント計画により、今の時代に合わせたデザイン性の高い画面に仕上げることは可能です。色調は、清潔感や高級感、安心感などのイメージ喚起に繋がり、ボタンの形状や文字の見せ方、アイコンのあしらい方によって印象が変わります。

●業務用機器:スケジュール管理システムUIデザイン

コンセプト:製薬会社のMRなどが使うスケジュール管理のツールを想定してデザイン案を作成しました。
対象:製薬会社のMRなど
仕様:スケジュールの予定を記入したり編集したり、管理することができます。移動の予定、交通費の精算までカバーすれば1つのシステムで総合的に管理することができ、いくつものソフトを開く必要がなくなります。機能ごとにポイントカラーを入れ、アイコンを効果的に使用することにより、一目見れば全体が把握できます。MR用の想定ですが、業務用の予約システムや工程管理など、いろいろなツールに応用できます。

OUR CLIENTS

  • Apple Inc.
  • アドビシステムズ株式会社
  • アトムメディカル株式会社
  • International Medical Crossing Office
  • 株式会社NECデザイン
  • 株式会社NTTドコモ
  • 株式会社OKIプロサーブ
  • 株式会社オルカビジョン
  • Google Inc.
  • KDDI株式会社
  • 株式会社三省堂
  • 株式会社ジャストシステム
  • JVCケンウッド・デザイン株式会社
  • 株式会社小学館集英社プロダクション
  • 株式会社ZMP
  • ソフトバンクBB株式会社
  • ソフトバンクモバイル株式会社
  • ソニー株式会社
  • 大日本印刷株式会社
  • 株式会社タマス
  • 株式会社デンソー
  • 株式会社電気未来社
  • 株式会社東芝
  • 株式会社ピクセラ
  • 日本ビクター株式会社
  • プレキシオン株式会社
  • フクダ電子株式会社
  • フューチャーインスティテュート株式会社
  • 株式会社ベネッセコーポレーション
  • 武蔵野美術大学
  • 明星大学
  • Robert Rasmussen&Associates,Japan
  • ほか多数(五十音順取引実績、再編前名称含む)