リクルート、『リクナビNEXT Tech総研』の研究レポート 位置にこだわれ!UIデザインを巡るミクシィの格闘とは

株式会社リクルート

~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 ――――――――――――――――――――

その他のリリース

話題のリリース

機能と特徴

お知らせ