WD Online

特集一覧 Web Designing 2019年4月号

誰もが使いやすい!管理画面を変えたUXデザイン 作業しやすいCMS構築のためのヒント!

仕事で使う業務ツールは、慣れないと使いこなすのが難しいものが多く、CMSもその一つ。では、誰もが使いやすい業務ツールの管理画面とはどのようなものだろう?< その一例として、UX領域のプロ集団・グッドパッチがデザインを手掛けた、リンクアンドモチベーションのBtoBサービス「モチベーションクラウド」のインターフェイスを紹介します。

「モチベーションクラウド」とは?

「モチベーションクラウド」は、 (株)リンクアンドモチベーションが、3,940社、91万人のデータや組織人事コンサルティングのノウハウをもとに開発した、組織改善のためのクラウドサービス。さまざまな組織が共通のフォーマットを使用し、効果を上げています。会社の理念への共感度合い、仕事への納得度など、組織に関するさまざまなアンケートを従業員に実施し、組織と従業員のエンゲージメント状態を可視化・数値化したエンゲージメントスコアを算出。その結果に応じた実効性の高いアクションプランの設定や進捗の管理、アクションの効果測定というサイクルを繰り返し、組織力向上を実現します。

2016年のリリースから1年後に、(株)グッドパッチの協力のもと、UXの再設計からUIのフルリニューアルが行われました。

 

タスクベースで過多になりがちな画面を解消するには?

2016年にサービスがリリースされた時(Before)の画面は、「エンゲージメントスコアをモノサシ(指標)に、PDCA を回して組織を改善する」という「モチベーションクラウド」のコンセプトを踏まえて、1つの画面の中で、エンゲージメントスコアとPDCAの状況がすべて把握できるようになっていました。「エンゲージメントスコアを表示する部分」「アクションプランを入力する部分」「プランの進捗状況を確認する部分」「アクションに対してフィードバックのコメントを表示する部分」をそれぞれダッシュボードに配置。新たな機能を追加したい場合は、ダッシュボードの中に加えていく形にしていました。

リニューアルの話を受けた時、グッドパッチのメンバーは、ダッシュボードの中でかなり多くのユースケースに対応している状況を改善しようと考えました。「モチベーションクラウド」は、アンケート結果をベースに、アクションプランを考えてそれを実行することを繰り返すことで組織改善を図るシステム。このままだと、機能が増えるにつれてダッシュボードの中の要素や画面がどんどん増えていき、必要な情報が探しづらくなる懸念があったからです。その課題が解決できればユーザーの学習効率も高まり、このサービスをより身近に捉えてもらえると考えました。

さらに、「モチベーションクラウド」は共通のフォーマットをさまざまな組織が使います。ユーザーインターフェイスにおいて、すべての人にとって使いやすいものをつくろうとすると、どんどん説明的になり、画面が煩雑になる恐れも。そのような課題を踏まえ、機能の追加や変更が容易にできて、初めて使う人でもわかりやすい理想的UIをつくり上げるために試行錯誤を繰り返しました。

 

サービスのカギとなるものを検討し、シンプルなUXデザインを実現

悩んでいた画面設計にブレイクスルーを起こしたのは、オブジェクト(モノ)をベースにする「OOUI」というデザイン手法です。通常、システムに新機能を実装していく場合にありがちなのは、やりたいことを業務フローに沿って単純に実装して行くパターン。例えば、「改善項目を表示する」「アクションプランを入力する」「プラン進捗へのフィードバックをする」…というようにタスクを積み重ねていくと、どうしても画面が増えがち。それに対して、「改善」というオブジェクトを起点に画面を構築すると、できるタスクを増やしても画面数を抑えることが可能になります。つまり、オブジェクトベースで考えることがUIデザインのポイントです。

そこで開発メンバーは、このサービスの中で核となるオブジェクトは何かを考えました。サーベイ、組織、社員、改善…など、さまざまなオブジェクトを抽出していき、その中からコアとなるオブジェクトを選ぶ作業を行いました。実はこの作業こそ、UI/UXデザイナーの専門性が求められるところ。選び方を間違えると、後で新しい機能を増やす時に画面数が増えて使いにくいものになってしまいます。そこで、このサービスの特性や将来の機能追加など、さまざまなことを考えながら、コアとなるオブジェクトの検討を行いました。

「モチベーションクラウド」は、アンケートの「結果」をもとに組織を「改善」することがサービスの基本です。そこで、「結果」と「改善」という2つの名詞を軸に画面を設計しました。「結果」画面には、エンゲージメントスコアを、「改善」画面には、Plan、Do、Check&Actionの要素をまとめました。こうすることで、新しい機能が増えても画面数を抑え、シンプルで誰もが使いやすい画面を実現することができました。

 

04d1a4aeb7f51d6097b43238cb4ab8ed.jpg
教えてくれたのは…治部 裕明 (株)リンクアンドモチベーション ビジネスデザイン室 マネジャー
「モチベーション」にフォーカスした経営コンサルティング会社。国内初の組織改善クラウドサービス「モチベーションクラウド」を提供し、社員の高いエンゲージメントと組織成果の最大化を両立するためのソリューションを提供している。https://www.lmi.ne.jp/
2b1e9ad179dc76c75843734618c4150e.jpg
石井 克尚 (株)グッドパッチ デザイナー
 
31d70df6210f3e5c8c361326be286202.jpg
大竹 智史 (株)グッドパッチ プロジェクト マネージャー
 
9e87759846198fb94773cf46a7e5ed7d.jpg
大角 将輝 (株)グッドパッチ フロントエンド エンジニア
UI/UXの領域に特化したデザイン会社。「デザインの力を証明する」をミッションに、さまざまな企業の新規事業立案フェーズから関わっている。2017年より「モチベーションクラウド」のデザインと開発をサポートしている。https://goodpatch.com

掲載号

Web Designing 2019年4月号

Web Designing 2019年4月号

2019年2月18日発売 本誌:1,530円(税込) / PDF版:1,200円(税込)

CMSの見直しで、Web品質と業務・組織を改善せよ!

サンプルデータはこちらから

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

Webビジネスの成否に直結する!

CMS 2.0
新時代の常識

顧客との接点やエンゲージメントを高めるために必須のWebサイト。
その基盤となるCMSを、予算や自社都合だけで選んでいませんか?


■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

今や企業サイトの6割以上がCMS(コンテンツ管理システム)を導入していると言われています。
専門知識がなくてもサイトの更新や管理ができるのが特長のCMSですが、
これをただの「サイト運用ツール」だと思っているなら、
それは大きな機会損失を招いている可能性があります。

顧客へ認知やエンゲージを高めるために必須であるWebサイト、
そのコンテンツを有効に活用するための基盤となるCMSは、
今後のWebビジネスの勝敗を左右する大事なポイントなのです。
さらに、今あるサイト運用上のさまざまな課題も、
CMSを理解することで解消されるのです!


また、現在CMSと呼ばれるものは3,000以上存在しています。
中には業界や用途に特化したものもさまざまです。
そんなCMS、予算や担当部署の都合だけで簡単に選んでいませんか?

では、CMSをビジネスの基盤とし、武器として120%活用するためにはどんなことを考え、
どんな準備や選考基準が必要でしょうか。
そして、限られたリソースや少ないコストで成果を出すにはどうすればいいのでしょうか。



Web Designing 4月号(2月18日発売)では、
新規Webビジネスを立ち上げる際、どんなCMSを選べばいいか、今やりたいことを実現させるために
CMSを乗り換えるならどうすればいいか、既存のCMSをもっと活かすにはどうすればいいかなど、
もはやWebビジネスに欠かすことができないCMSの
これからの活かし方や課題の解決方法をさまざまなシチュエーションに立って解説します。


【対象読者&課題】
■とりあえず無料のCMSにしてみたものの、実際の運用にさまざまな課題が出てきた
■現在自社に導入されているCMSでは、やりたい新規Webビジネスが思うように実現できそうにない
■運用の使い勝手がいいCMSが知りたい
■予算は少ないが、企業サイトだけに素人が適当に作るのは抵抗がある
■CMS構築及びWebサイト制作、そしてその後の運用まで信頼できるパートナーを見つけたい
■「自社で簡単に作れる」という触れ込みを鵜呑みにした結果、現場が混乱&疲弊している


【予定内容】
●CMSこそがWebビジネスの勝敗を左右する

●CHAPTER1 CMSを“知る”
  01_CMSの定義や仕組みを知る
機能の違いやトレンド
02_WordPressが選ばれる理由と利用時の注意点
機能性、開発力で課題を解決
03_CMS導入がもたらすビジネスメリット
投稿の質と働き方を向上

●CHAPTER2 CMSを“選ぶ”
   01_ビジネス最適化につながるCMS選びのための準備
決め手は、選ぶ前の準備作業
02_具体例で学ぶCMSの選び方
「運用」や「保守」を意識した選択

【 CMSとセキュリティ 】 Web制作のプロが教える~CMSとセキュリティ“9つ”の金言
【 編集部が厳選! 】企業サイト・メディアで安心して使える商用CMS 17選!
【 Column 】 管理画面を変えたUXデザイン
【 Column 】 Webサイトのセキュリティのために~知っておきたいハッカーのこと

●CHAPTER3 CMSを“運用/活用する”
01_中長期的に考えるCMSの運用と体制づくり 
持ち腐れにしない、積極的な活用を!
02_これからの新常識は「CMSマーケティング」だ! 
まだWebサイトの更新にしか使ってないの?

【 CaseStudy 】 CMSで実現したリード獲得と新たな営業フロー/「Hint Clip」 共同印刷

ほか

この記事を見た人はこんな記事も見ています