日立ドキュメントソリューションズは、
UX思考に基づくWEB/アプリ画面デザインにおいて日立グループ内外の
お客さまと数多くの事例に取り組み、実績を重ねてきました。
新しいWEBやアプリを構想中の方、
デザインの協創パートナーをお探しの方がいらっしゃいましたら、
お気軽にお問い合わせください。
UI
DESIGN
ＷＥＢ・アプリ画面デザインの
ワークフローと提供サービス
企画段階からフロントエンドの開発・実装まで、
工程の全般に一貫して対応します。
デザインコンサルティング 〜
テクニカルコンサルティング
| ヒアリング | ワークショップ |
| ユーザー調査、分析 | 競合調査、分析 |
ご依頼に至った背景をお客さまからヒアリングするとともに、開発するシステムの対象となる業務、競合、ユーザーなどの調査・分析を行います。また、ワークショップやアンケ−トなどによってユーザーの体験フローや課題を把握し、システムの要件にフィードバックします。
| ユーザー定義 | アイデア創出支援 |
| KPI設計 | コンバージョン定義 |
| デザインコンセプト定義 | |
画面を構成する要素を決定するとともに、情報の優先順位に応じて画面の遷移、導線などを設計してワイヤーフレームを作成します。効率的にCV（コンバージョン）へと導く設計をご提案します。
| デザイン仕様（ガイドライン）策定 | |
| プロトタイプ制作 | 画面フロー設計、制作 |
デザインコンセプトを定め、WEB/アプリ画面デザインの要件定義に基づいてモジュ−ル、コンポ−ネントの制作を進めます。プロトタイプを制作してお客さまと画面イメージを共有し、検討していただきます。
※1. GUI
グラフィカルユーザーインタフェース（Graphical User Interface、略称：GUI（ジーユーアイ、グイ、グーイ））は、コンピューターグラフィックスとポインティングデバイスなどを用いる、グラフィカル（ビジュアル）であることを特徴とするユーザーインタフェース。
| モックアップ（マークアップ※3）制作 | |
| モジュール、コンポーネント制作 | |
| ユーザーテスト |
システムの本格的な開発前に、画面デザイン上の画像やテキストの配置、配色などのビジュアル要素を細部まで作りこんだモックアップを制作。お客さまに動作を確認していただきます。
※2. モックアップ
アプリ開発でのモックアップも、見た目はほぼアプリに近い画面デザインのことを指す。 ただしプログラムは搭載されていないため、実際にタッチやスワイプしても動かない。
※3. マークアップ
テキストやデザインなどの情報をコンピューターが正しく認識できるように、タグと呼ばれる目印をタイトルや見出しなどの構成要素に使い、意味づけを行うのが「マークアップ」です。
| 既存システムに基づいてマークアップ制作 | |
| 動作検証 | |
| デザイン仕様書（ガイドライン）作成 | |
| リリース |
バックエンドのシステム機能を画面上で快適に使えるようにHTMLの制作、CSS※4調整などのフロントエンド開発を行います。また、さまざまなデバイス・ブラウザーで不具合がないよう専門部門が検証します。
※4. CSS
CSS（Cascading Style Sheets、カスケーディングスタイルシート）とは、ウェブページのスタイルを指定するための言語です。
例えばこんなご要望にも！
既存システムの画面デザインを刷新することで、さらなる使いやすさ、分かりやすさ、使い心地などを追求してシェア拡大につなげたいといったご要望にお応えします。
新規システムの開発、既存システムのリニューアルを問わず、画面の完成イメージをモックアップでいち早く視覚化して、機能やデザインのブラッシュアップにつなげたいといったご要望にもお応えします。
自社で開発したシステムの実装やCMS(Contents Management System)ツ−ルの導入に際して、デザインの視点を取り入れることで機能性や操作性をより高めたいといったお客さまに、バックエンドの状況に応じたフロントエンド開発でお応えします。
金融
（銀行・証券・保険）
自治体・公共機関
医療・ヘルスケア
業務支援
（人事・総務・経理・営業）
企業サイト・
採用サイト
一般ユーザー
向けアプリ
