~mixiのiPhoneアプリ・リニューアルプロジェクト<デザイナー編>~
株式会社リクルート(本社:東京都千代田区 代表取締役社長 兼 CEO:柏木 斉)が運営するサイト『リクナビNEXT Tech総研』(
http://rikunabi-next.yahoo.co.jp/tech/)は、エンジニアの「仕事・職場の実態・気になる給与」「賢い転職ノウハウ」情報を毎日お届けしています。
▼『Tech総研』トップページ
http://rikunabi-next.yahoo.co.jp/tech/docs/ct_s01100.jsp?vos=nyternns000000000001
――――――――――――――――――――
■mixiらしい温かみや優しい印象を生み出すためのルック&フィール
位置にこだわれ!UIデザインを巡るミクシィの格闘とは
――――――――――――――――――――
iPhoneでソーシャル・ネットワーキングサービス「mixi」を楽しむための公式アプリが、2012年2月のバージョン10で大きな飛躍を遂げました。そのプロジェクトストーリー。
第1回目はUI・UXデザイナーにフォーカスして『Tech総研』編集部は同社の4人にインタビューしました。
ミクシィは2012年2月に、iPhoneからソーシャル・ネットワーキングサービス「mixi」を楽しむための公式アプリ「mixi」のバージョン10.0をリリースしました(2012年2月27日現在は10.1にアップデートされています)。
今まで以上に大幅なものとなったバージョン10.0。機能的にもインタフェースデザイン的にもアプリケーションは完全に生まれ変わったといっても過言ではありません。
デザインで特に注力したのは、片手での操作に留意した「投稿」のUI。利き腕にかかわらず操作しやすいように「投稿」ボタンを画面下の中央に置いたのです。ボタンをタップすると「つぶやく」「日記を書く」「写真アップロード」「チェックイン」の4つの選択肢が出てきます。テキスト・写真・位置情報など、投稿したいというユーザーのモチベーションを上手くとらえたいと考えたからでした。
「投稿」ボタンが最も押しやすい位置にあれば、ユーザーが必要な動作にスムーズに入っていけるからです。さらに、iPhoneの標準的なUIから違和感なく入っていけるような工夫もしています。
そのデザインチームを率いたのは、2010年中途入社の永尾正史氏です。永尾氏は「スマートフォンに対するリテラシーが高くないユーザーでも、簡単に操作できることにこだわりました。
そのためにUIを複雑にすることは、避けなければなりませんでした。iPhoneを購入したばかりのユーザーが自然にmixiのスマートフォンアプリを使えるようになることが理想です」とiPhoneの標準的なUIから違和感なく入っていけるような工夫について述べました。
本レポートでは、ビジュアルデザインを担当した佐々木りの氏、エンジニアチームをまとめていた衣川憲治氏、ディレクターの土戸錬氏からも「mixi」のバージョン10.0の開発について詳しくお話を伺っています。
▼詳細は下記URLにてご覧ください。
http://rikunabi-next.yahoo.co.jp/tech/docs/ct_s03600.jsp?p=002087&vos=nyternns000000000001
―――――――――――――――――――――――――――――――――――
▼『Tech総研』の新着記事をお届け・メルマガ配信登録はこちら
http://rikunabi-next.yahoo.co.jp/tech/docs/ct_s04300.jsp?rfr_id=tmmrel&vos=nyternns000000000001
▼『Tech総研』Twitterアカウント
http://twitter.com/techsouken
▼リクルートについて
http://www.recruit.co.jp/
――――――――――――――――――――
◎『Tech総研』概要
――――――――――――――――――――
エンジニアのための『仕事・職場・転職』応援サイト。
エンジニアの『仕事・職場の実態・気になる給与』『賢い転職ノウハウ』『エンジニアだからわかるあるあるネタ』など、エンジニアライフを楽しむ情報満載。
http://rikunabi-next.yahoo.co.jp/tech/docs/ct_s01100.jsp
――――――――――――――――――――
【本件に関するお問い合わせ先】
https://www.recruit.jp/form/inquiry_press.php
――――――――――――――――――――