top of page
スクリーンショット 2022-06-16 9.15_edited.png

UIデザイン関連サービス

ハードウェアの操作画面、アプリ、Webサイト等のUIデザインを提案します

UIデザインとは

Webサイト、アプリ、ハードウェアの操作部など、操作画面を作成する際は、ユーザーに提供すべきサービスや機能をどのように画面デザインに落とし込むかを検討する必要があります。必要に応じてストーリーボードなどを作成しユーザーの体験を把握したうえで、ワイヤーフレームと画面フローを描くことで個々の画面レイアウトと画面遷移の適切な仕様を検討します。

仕様検討の際は、プロトタイピングツールを用いてプロトタイプを作成し、簡易的なユーザビリティテストを行う場合があります(ペーパープロトタイピング)。

画面レイアウトと画面遷移の仕様が固まったら、ビジュアルデザインを完成させ、コーディングを行います。

これら一連の作業をUIデザインと呼びます。

​※厳密にいうとUIとは製品とユーザーの関わりのことであり、操作画面だけを指すわけではありません。

サービス概要

ワイヤーフレーム・画面フローの作成

基本的には、実現したいサービスや機能の内容、想定しているユーザー、UIデザイン上こだわりたいポイントなどの情報をご提供いただければ、弊社側でデザイン案を検討しワイヤーフレーム、画面フローを作成いたします。その際、途中段階でクライアント様と適宜コミュニケーションを取りながら進めます。必要に応じて複数案を作成することで、よりクライアント様の狙いに合致し、かつクオリティの高い(ユーザビリティ的に優れた)UIをご提案いたします。​

ワイヤーフレーム、画面フローは、あくまでもUIの基本構造を示すものなので、完成レベルのビジュアルを再現するものではありません。基本的には簡単な線画で描いたものとなります。

以下のような、バリエーションに対応可能です。

  • スピードを優先させて手描きとすることも、PowerPoint、Illustraterなどのツールを使って描くことも可能です

  • 必要があればプロトタイピングツールを使って作成することも可能です。使用するツールについてご指定がある場合はご相談ください

  • ​必要に応じて、ストーリーボードを描きます

画面のビジュアルデザイン・プロトタイプ作成

ワイヤーフレーム、画面フローの作成に加えて、プロトタイピングツールを使って画面の見た目を完成品レベルのビジュアルで描きます。インタラクション情報を設定することができるので、実際のUIの画面変化を再現する簡単なプロトタイプを作成することが可能です。

なお、弊社では、クライアント様にご用意いただいたワイヤーフレームに基づき、画面のビジュアルデザインのみを行うお仕事は、原則としてお受けしておりません。ユーザー体験やユーザビリティを考慮してUIを設計するためには、ワイヤーフレーム、画面フローといったUIの基本構造を考えることが非常に重要であり、そこが弊社の強みだと考えているためです。

また、アプリやWebサイトのコーディングまでは弊社では行なっておりませんが、画面上のボタンなどのUIパーツのグラフィックデータをご提供することは可能です。

以下のような、バリエーションに対応可能です。

  • 使用するプロトタイピングツールについてご指定がある場合はご相談ください。ただし、使用するツールによってプロトタイプの表現力には差があり、いずれのツールも実際のUIの仕様を完全に再現でない場合があります

  • 必要があれば、動的なプロトタイプとは別にUI仕様書(完成品レベルの画面を使ったワイヤーフレーム、画面フローとテキストによる説明をまとめた書類)を作成することは可能です

ペーパープロトタイピング

紙に描かれた(印刷された)ワイヤーフレームやプロトタイピングツールで作成されたプロトタイプを用いて行う簡易的なユーザビリティテスト(ペーパープロトタイピング)については、ユーザビリティ評価サービスとしてお受けいたします。

※ 原則としてハードウェアの操作画面、PCおよびスマートフォン等のアプリ、Webサイト等の画面をUIデザインの対象とします。ハードウェアのコンパネ部分やリモコンなどについては、平面的なボタン配置のみご提案可能ですが、取っ手やハンドル、あるいはハードウェアの外形など立体形状についてのデザインは対象外となります。

事例など

  • Webサイトのワイヤーフレーム、画面フロー作成。UIデザイン

    • ​情報発信、コミュニケーションサービス

    • 名刺管理サービスWebサイト

    • ​マンガ好きのための情報サイト

    • その他

  • ​スマートフォンアプリのワイヤーフレーム、画面フロー作成。UIデザイン、プロトタイプ作成

    • ​残業時間チェックアプリ

    • 市民と政治家のコミュニケーションサービス

    • ​食や健康についての情報発信、コミュニケーションサービス

    • ​その他

お問い合せ

お問合せ、ご相談、ご質問などは、お問い合わせフォームからお願いします。

bottom of page