希=NTTデータ今回は、ユーザーエクスペリエンス(UX)をデザインするフェーズを示した「JJGの5階層モデル」のうち、見た目のデザインを決める「表層フェーズ」について、ITエンジニアの立場から取り組むべき内容を解説します。ビジュアルデザインの基本を押さえることで、システムのわかりやすさはアップします。JJGの5階層モデルの「表層」フェーズ[画像のクリックで拡大表示]表層フェーズで行うデザインについて、「ビジュアルデザインの専門家であるビジュアルデザイナーの担当範囲であり、ITエンジニアには関係ない」と考えている人がいるかもしれません。実際はそうではありません。ここでいうデザインとは、家に例えると「外壁や壁紙をどれにするか」「室内にはどんな絵を飾るか」を決める作業に当たります。家を作るとき、外壁や壁紙を提案するのはインテリアデザイナーの役割ですが、どの壁紙を貼るかを最終的に決めるのは家主の役割です。システム開発も同様に、コンセプトに合ったビジュアルデザインであることに責任を持つのは、ビジュアルデザイナーへの依頼者であるITエンジニアなどの分掌となります。ITエンジニアも表層デザインについて基本を学ぶことで、より良いUXを生み出すことができるようになります。以下では表層のデザインについて、ITエンジニアが知っておきたいポイントを解説していきます。コンセプトやユーザー層からデザインを考えるまずは表層のデザインをビジュアルデザイナーに依頼できる場合に、ITエンジニアが担うべき役割を解説していきましょう。システムのデザインは戦略フェーズからの積み上げが重要です。多くの場合、ビジュアルデザイナーはシステム構築の途中でプロジェクトに参画します。そのためビジュアルデザイナーが参画した段階で、戦略フェーズ以降に決めた情報を提供する必要があります。表層のデザインにおいても、システムのコンセプトやユーザー層、ユーザーの利用環境によってデザインが変わってくるからです。「お薦めの本を紹介するWebページ」がダークなトーンの背景でシンプルにまとまっていたとしましょう。ユーザーが中高年の男性であれば、じっくり本を吟味するのに向いているかもしれません。同じWebページを、子どもが見たらどう感じるでしょうか。子どもにとっては面白みがなく、すぐに飽きられてしまうでしょう。ユーザーが違えば選択すべきデザインが変わる[画像のクリックで拡大表示]企業システムも同様です。業務効率化を目的としたシステムの画面に、たくさんのアニメーションや装飾が施されていたとしたら、ユーザーはどのように感じるでしょうか。作業の邪魔になり、効率化は達成できません。このようなミスマッチが起こらないように、ビジュアルデザイナーに「どんなユーザーが利用し、どのような目的があるシステムか」といったことをしっかり伝えるようにしましょう。戦略フェーズで策定したペルソナやストーリーボードを共有して説明するのもお勧めです。デザインを依頼する前に、ビジュアルデザインを行う上での制約を確認することも忘れてはいけません。ブランディングの一貫性を図るため、企業のコーポレートカラーやロゴ、イメージキャラクターを使うように求められることや、類似システムと関連性のあるデザインを求められることがしばしばあります。受託型のシステムの場合は依頼主に、自社システムの場合は広報部などに、ビジュアルデザインの制約を確認します。要件フェーズで決定したアクセシビリティーの方針をビジュアルデザイナーに伝えることも忘れないようにしましょう。以上のような条件をビジュアルデザイナーに漏れなく伝えることで、ビジュアルデザイナーはユーザーや利用シーン、利用環境に適したビジュアルデザインを選択できるようになります。必要な情報をビジュアルデザイナーに伝えればITエンジニアの仕事は終わりになるかというと、そうではありません。ビジュアルデザイナーが作成した情報システムの見た目を確認し、戦略フェーズから積み上げてきたコンセプトと照らし合わせて、問題ないかどうか確認することが必要になります。一度、ユーザー層やシステムの目的・戦略などを振り返り、それらが表層のデザインとして実現されているかという観点で、デザインのレビューを行いましょう。することで、個人の好みや感性に依存しない、UIの構築が可能になります。この先は有料会員の登録が必要です。xTECHには有料記事(有料会員向けまたは定期購読者向け)、無料記事(登録会員向け)、フリー記事(誰でも閲覧可能)があります。有料記事でも、登録会員向け配信期間は登録会員への登録が必要な場合があります。企業タイプ別戦略までSIビジネスの全課題を分析し、未来戦略を解説します。農家が実感した自動飛行ドローンのすごさクラウド現場の負担軽減を!医療界でのAWS活用法SaaS導入で重要なID管理のコツとは?クラウドの新形態「aPaaS」のメリットDXを阻むコミュニケーションの壁とは?AWSとSAPの連携強化がもたらす利点はデジタル自治体では何が実現できるのか?500万社が導入。価値創造型の社内コミュニケーションとは発想を豊かにする有機的な会議ツールとは働き方が変わる。顧客に響くシステム提案メソッド顧客が目指すビジョンや課題を理解し、顧客自身も気づいていないニーズを見つけ出して解決策を提案するための方法を解説します。本書では、独自の分析により、有望なサービスモデル50を選定。まで解説した他に類を見ないレポー...人工知能の未来2020-2024活用・導入の第一線にいる著者が、今後5年の動きを解説。Reserved.このページに掲載されている記事・写真・図表などの無断転載を禁じます。掲載している情報は、記事執筆時点のものです。