mixiのiPhoneアプリはここを改善すべきだ

mixi, Twitter, Facebook, Google+, Linkedin 2011年12月最新ニールセン調査

日本ではまだまだページビューや滞在時間においてはmixiが他のSNSを引き離しているようですが、上記リンク先でも言及されているように、それはあくまでもPCブラウザ経由でのサイトアクセスに限定した場合のようです。モバイル端末からのアクセスを含めるとどういう結果になるのか気になるところです。

…という流れで、最近mixiが公式でリリースしているiPhoneアプリを触ってみたのですが、これは現状では課題だらけだと思います。AppStoreでもサードパーティー製のmixiビューアーより評価が低い状況で、同社のスマートフォン展開に対する意識の低さが浮き彫りになっているように感じます。少なくともデザインやUIのクオリティに関しては、海外の競合SNSに大きく引き離されてしまっているのではないでしょうか？

細部まで書くとキリがなくなってしまいますので、今回は大きく2つの点に絞り改善点を挙げてみたいと思います。（2つ目が長過ぎて2つに見えないかもしれませんが。。すみません）

ベースデザインと質感

まずデザインのファーストインプレッションが良くないです。現在はナビゲーションバーなどを中心に薄いグレーがベースカラーとして使われているようですが、どうも暗いイメージが拭えません。SNSのような利用頻度の高いサービスにとってデザインはコミュニティの“居心地”を左右する重要なファクターだと思うので、暗い印象というのは致命的です。個人的には、元来のmixiのテーマカラーであるオレンジやクリアな白などをベースカラーにした方が良いのではないかと思います。

また、グラデーションの使い方など質感を演出するテクニックも、海外製のSNSと比べるとどうしてもPoorな印象を持ってしまいます。下に貼ったTwitter、facebook、LinkedIn、InstgramのiPhoneアプリのスクリーンショットと比べてもらえれば一目瞭然です。Twitterに関してはシンプルな起動画面1つとっても質感へのごだわりを強く感じるので、あえてこの画面をピックアップしてみました。

コンテンツの優先順位と情報設計

もう1つは情報設計です。mixiのiPhoneアプリは標準的なタブバー（iPhoneでよく見る画面最下部に配置される黒いバーで、Webサイトでいうグローバルナビのような位置づけのもの）を使ったUIになっていますが、これを採用する場合は通常以下のようなことを意識します。あえて文面にするほどのことでもないですが。

１）タブバーにはユーザーが頻繁にアクセスするコンテンツを配置する
２）タブバーにはサービスの売り（特徴）となるコンテンツを配置する
３）タブを見ればそこに何があるか分かるようにコンテンツや機能を振り分ける
※似た性質を持つコンテンツは同一タブ内にまとめる

ちなみに、１）と２）はバランスをとらなければならないので同時に考える必要があります。というのも、例えば完全にユーザー目線で考えるとfacebookのUIがベストだからそれと全く同じにしよう、というのはサービスのアイデンティティを確立する上ではさすがにNGだからです。（mixiの場合はつぶやき、イイネ！、チェックイン、mixiページなどの機能を導入した時点で既に後追い色が強くなっていることは否めませんが。。）

さて、現状のmixiのiPhoneアプリでは、タブバーのコンテンツは左から「つぶやき」「新着」「新着お知らせ」「コメント履歴」「その他」となっています。ここで上記１）〜３）を意識した上で課題と思われる点を挙げてみます。

＃「新着」と「新着お知らせ」の違いが分かりづらい

少し使ってみて分かりましたが、どうやら「新着」タブは友達のアクティビティ（例：Aさんが日記を書きました）を表示する画面で、「新着お知らせ」は自分の投稿への反応（例：あなたのつぶやきにコメントがつきました）を表示する画面のようです。文言の工夫もしかりですが、個人的にこれらは大きく「通知」と捉えて1つのタブにまとめてしまうと良いかと思います。そこさえ見ていればmixi内の新しい動きが常にチェックできますよ、となれば利便性がUPするはずです。

＃「新着」タブ内にあるボタンに違和感

さらに、「新着」タブ内に日記、フォト、チェックインなどの投稿ボタンがあるのも不自然な気がします。「新着」というタブ名称からそれらのボタンの存在を連想できる人はほとんどいないと思います。自分であればそれぞれの特性を考えて各種ボタンを以下のように配置します。

【日記】つぶやきに比べるとスマートフォンからは投稿しづらいコンテンツです。よって重要度を1つ下げて、「その他」タブ内に移動します。

【フォト】これはつぶやきタイムラインに流すようなフォトではなく、あくまでも自分のプロフィール画面に表示するフォトのようです。投稿のリアルタイム性はそこまで求められないということになります。現状「その他」タブ内にフォトコンテンツがあり、そこから写真のアップロードも可能なようなので、そちらだけを残し「新着」タブからはカットします。

【チェックイン】チェックインはつぶやきのようにリアルタイムにスマートフォンから気軽に行えるアクションだと思うので、これは「つぶやき」タブ内に同居させるのが良いと思います。

＃コメント履歴はそれほど重要なコンテンツではない

自分のコメント履歴はそれほど頻繁に見ることもないと思うので、わざわざタブバーに配置するまでもないと思います。自分であればこれも「その他」タブ内に格納してしまいます。