【ご意見ください】マイネ王リニューアルを検討しています

経緯

2015年1月13日にマイネ王がスタートしました。
スタート当初は、スタッフブログのみ。そこにQ&A機能が追加され、掲示板機能が追加され、フリータンクが追加され、アイデア投稿機能が追加され、レビュー機能が追加され、そしてマイネ王3周年を迎えた日にゲーム機能が追加されました。
機能はどんどん追加されていき、ユーザーさんも増えてきたものの、機能が詰め込まれてわかりにくいWebサイトになっているように感じていました。
※正直に言うと、私がマイネ王のチームに入った2016年1月の時点ですでに複雑だと感じていました。

そこで、マイネ王をわかりやすくするためのリニューアルをしようと検討を始めました。
一気に全部変えるのは大変なので、まずは一番多くの人に見られているトップページのリニューアルから始めることにしました。

今回、リニューアル案ができたので、皆さんからのご意見をいただくため、この記事にてリニューアル案の紹介と説明をしたいと思います。

リニューアル案

マイネ王のトップページ改修案のサンプルページを準備しましたのでこちらからご確認ください。
※サンプルページなので表示に時間が掛かってしまうかもしれませんが、本番リリースの際には早くなります。
サンプルのトップページを見る
※サンプルページはスマホ版しかできていません。PC版は画像になってしまいますが、こちらからご確認ください。

もう1ページ、調査を進める中でQ&Aページも特に重要なページだったので、Q&Aページの改修案のサンプルページも用意しました。
サンプルのQ＆Aページを見る
※サンプルページはスマホ版しかできていません。

リニューアル案の説明

リニューアルコンセプト
「サービスの内容やコンセプトがわかりやすく、コミュニケーションが活発な印象を与えるサイトにする」をコンセプトに今回のリニューアル案ができました。

<現状の課題>
今回実施した調査の結果、マイネ王に初めて来る方は、
・マイネ王がどんなサイトかよくわからない
・各コンテンツ（Q&Aや掲示板、スタッフブログなど）の特徴が伝わっていない
・ユーザー間のコミュニケーションが活発に行われていることが伝わっていない
・自分に関係なさそうだと思ったものは見ない
ということがわかりました。

また、マイネ王をガッツリ使っている方は、
・トップページはあまり見ない（いつもまずマイページの新着情報を見る）
・各コンテンツへはヘッダーのナビゲーションから遷移する
ことがわかりました。
（私たちからすると、トップページをあまり見ないというのはけっこう衝撃的でした）

その他もろもろの調査結果をもとに解決方法としてできたのが今回のリニューアル案です。
主要な箇所について以下で説明します。

・ヘッダー

現状のヘッダーはスマホの画面の半分ほどを占めてしまう大きさになっているので、テキストのみとします。各コンテンツの配置を変更すると、いまマイネ王を使っている方の操作性を損なってしまう可能性があるので、配置はそのままにしています。


・キービジュアル/キャッチコピー

「マイネ王とはコミュニティである」ということを伝えて、よくわからない不安をなくすとともに、ブランドステートメント”Fun with Fans!”を知ってもらうための「看板」の役割を持たせます。


・Q＆A、レビュー、アイデアファーム

マイネ王に初めてくる方が、特に自分に関係していると感じるこの3つのコンテンツについて、見出しでコンテンツの内容やメリットを説明することで理解しやすくします。
さらに最新のコメントを複数表示して活発なコミュニケーションが行われていることを伝え、「知りたい情報があるかもしれない」「自分と似た状況のコメントがあるかもしれない」と思ってもらうことで、次の行動を促進する。
マイネ王には先輩ユーザーさんたちのたくさんの有益な情報がある、ということを、直感的に感じてもらいたいと思っています。

・掲示板

マイネ王の中でも一番活発に投稿されている掲示板を、たくさん表示することで、活発なコミュニケーションが行われていることをしってもらおうと考えています。


・Q&Aページ

初めてQ&Aを見た方が、「自分に関連する質問がありそうだな」と感じてもらうために、特に多いカテゴリを先に表示し、すぐに絞り込むことが可能なように検索窓を表示します。

リニューアル案に至った経緯

数カ月前から数人のマイネ王ユーザーさんにもご協力いただいて、以下のような流れで調査を実施していました。

現状のマイネ王でのユーザー行動の確認・分析
まだmineo・マイネ王をよく知らないMVNO検討者の方（以下、新規ユーザー）や、マイネ王をガッツリ使ってくださっている方（以下、コアユーザー）それぞれ複数人にご協力いただき、現状のマイネ王を使っていただきました。
使っていただいている様子を実際に見て、そもそも皆さんはマイネ王をどのように使っているのか、どのようなポイントでつまづいているのか/めんどくさいと感じるのか、どのようなポイントが好印象を与えるのかなどなど、実際に目の前でおこなわれた行動を書き出し、それぞれの行動はなぜおこなわれているのか、本人への確認や推察をもとに、それぞれの行動の裏にある意図・文脈をまとめていきました。
（Webのサービスは実際に使っている方々の様子を見ることができないので、とても勉強になることばかりでした。）

改善案の作成
上記で明らかになった新規ユーザー・コアユーザーの行動と、その裏にある意図・文脈から、現状のマイネ王にどのような課題があり、その課題を解決しつつ、新規・既存ユーザーそれぞれの利便性を高める方法を画面デザインに落とし込みました。

改善案の有効性の検証
これで課題を解決できるだろう、というデザインのプロトタイプを作成し、また別の新規ユーザー、コアユーザーの方にプロトタイプを実際に触ってもらいました。これによって、意図したとおりに行動してくれているか、思いもよらない弊害が出てきていないか、を確認しました。ここで出てきた課題の解決方法を反映させたものが今回のリニューアル案です。


いつもマイネ王は比較的重要な機能もあっさりと変更してしまうところがありますが、今回は多くの方にインパクトがあると思い、今回の調査は2～３カ月近くかけてしっかりと実施しました。

今後の進め方

皆さんからのご意見をいただいて、それを可能な範囲で反映し、6月末リリースを目指して進めていこうと思っています。その時点では全ページ新ヘッダー・フッターに変更する予定です。
※状況によっては変わります…！

<6月30日19:00 追記>
6月末のリリースを目指しておりましたが、7月中旬に遅れます。
特に皆さんからのご意見の多かったコメントの動き部分の実装に時間がかかってしまいましたが、現在は解決し、最終の調整を行っています。
よろしくお願いいたします。

<7月18日 追記>
さらに遅れておりますが、7月中のリリースを予定しています。来週中には…と思っております。
お待たせして申し訳ないですが、もう少々お待ちください。
よろしくお願いいたします。}

<7月23日 追記>
開発側との相談の結果、8月2日公開となりました。
何度も予定を遅らせてしまい申し訳ありません…。
よろしくお願いいたします。


他のページについても、随時リニューアルを進めていこうと考えています。

さいごに

「ここはなんでこうしたの？」という疑問があればコメント欄に書いてください！ すべてに意味をもたせているつもりです。
多くの皆さんからのご意見を聞きたいので、特に言うことがなくても、アンケートに回答いただけると嬉しいです！