orefolder日本語入力アプリとして人気の高い『Simeji』が、バージョン8.0でマテリアルデザインを採用し、見た目が大きく変わりました。今回は開発のバイドゥ株式会社を訪問し、デザインを担当した河本さんにお話を聞いてきました。――今日はよろしくお願いします。マテリアルデザインが2014年のI/Oで発表され、今は普及が始まっているタイミングだと思います。Simejiは昨年iOSでもリリースを始めたのですが、そちらとインターフェイスがかけ離れていることをチーム内で問題として認識していました。モバイル全体の傾向として、フラットデザインでシャープなラインだったり、タイポグラフィ的なニュートラルなデザインが主流となっている中で、そういう流れを取り入れつつ2つのインターフェイスを統合していくような考えがあり、その中でちょうどGoogleのガイドラインがあり、それを参考にしつつ独自のものを作りました。――ということは、iOSのリリースが1つの契機で、UIを統一してくためだったということですか。――去年iOS版もリリースされましたが今後はそれと統一してやっていくということでしょうか。はい、iOS版の開発に3ヶ月間集中してしまったので、Android版とiOS版ではチーム内に温度差がありましたから、両方とも気持ちを揃えて開発していったほうが全体として良い方向に行くものだと判断しました。別々の開発ニーズを上げていくとコストも倍になってしまうので、統一すれば半分のコストで済むというのもあります。これは、まったく同じデザインにすることはできないと考えていて、プラットフォームの特徴を考慮したいというのが1つあります。Simejiはキーボードアプリなので色々なアプリの中で使用します。OSの環境は非常に大きな影響を与えるものなので、そこは非常に考慮しました。今回の改変で、良い・悪いすごく両極端な声があがりまして、それはすごく楽しかったです。その中で、マテリアルデザインについては全体的にポジティブな反応が多かったと思います。ここはちょっと...というような反応としては、キーの配置変更といったものがありました。そのほか私達が心配していたことについては概ね大丈夫でしたが、フリック時の色がフラットになったことに対して、「前のグラデーションのほうが良かった」などのフィードバックを頂きましたが、私たちが懸念していた以上に心配するには至っていないようです。8.0で、きせかえキーボードのデザインをデフォルトでは黒と白、そしてマテリアルの黒と白を用意しているのですが、ユーザーさんの動向としては白を使ってらっしゃる方が一番多いようです。マテリアルの黒と白ではなかったです。今までのスタイルに似ているもののほうが受け入れやすいのかな?という印象があります。オプションとしてマテリアルデザインがある、という感じですね。――ユーザーとしても既存の慣れたものを使いたいというニーズは確かにあると思います。御社のような1000万ダウンロードを超えるようなアプリで一気にデザインを変えるというのは勇気がいることだったのではないでしょうか。逃げ道として私達には「きせかえ」というものがあります。気に入らなければ、前のものに戻せばいいという形です。従来通り「きせかえ」ボタンなども残しているので、そのあたりで対応してもらえればと思います。8.0全体的なデザインとともに、顔文字ボタンがコントロールパネルからキーボード内に移動している。コントロールパネルを非表示にした場合でも顔文字が入力しやすい。8.0長押しで表示されるダイアログもデザインが変わっている。最初の苦労は、最初はみんな今回のデザイン変更にそこまでメリットを感じておらず、開発工数が非常に大きかった割に「これをやる意味があるのか」というハテナが1ヶ月以上続いていた事ですね。いう...というよりは、降ってきたように急に「あ、やろうか」と言う感じで(笑)デザインを起こして、図としてみせた時に「こっちのほうが使いやすい」とか、簡単なアプリを作って触ってみた時に「こんなふうになる」というのを感じて実演してみると違いがはっきりして。今までとスタイルは違うけど使いやすい、という実感が後押ししてくれました。8.0をデザインし始める時に、アプリのカラーパレットも一新したんですね。色の明度の使い方などもマテリアルデザインとその前で少し違いがあったので、新しいカラーパレットが必要になるのでは、と調整しているときにフリックの色もこれからはグラデーションではなくフラットの方が全体として調和が取れるかなと。――なるほど、マテリアルデザインにする流れで、自然とフリックの色も変わったと。それにガイドラインも合ったので調整しやすかったと思います。たくさんの色がマテリアルデザインのカラーパレットとして提供されているので、そこからピックアップするのが最初の取っ掛かりでした。その後で調整はしていますが。――そういったガイドラインが設定されていて、それに沿ってやっていくというのはデザイナーとしてはやりやすいものなのでしょうか。Simejiの場合はカラーパレットの中心となるのがあのキノコの茶色で、それがマテリアルデザインにはないんですね。そのあたりの色や形に関しては、やはり自分たちのガイドラインをベースにしています。動きや基本的なアイコンといったところで使われている色は、私達のアプリ自体がユーティリティの分野に入ってくるので、そこはみんなが使っている環境のものを取り入れることのメリットを感じました。SimejiはAndroid1.6以上から対応しているので、マテリアルデザインのアニメーションのスペックやランニングコストを考えた時に1.6のユーザー、あるいは切っても2.1以上のユーザーを考えた時にスペック的に難しい、というところで現在リサーチを行っています。インターフェースのあり方としては、実感的でおもしろいと思うので、自分たちとしてはトライしてみたいという面はあります。それが直接ユーザーのメリットになるかどうか、例えばそれが原因でフリーズしてしまうなどの大きなリスクも有ると思うので、かなり慎重に開発していく必要があると思っています。うーん、私達はどちらかというと、ユーザー体験を「入力すること」に集中してほしいと思っています。キーボード本来の役割にフォーカスしてもらえるように、それ以外の設定の部分については少し優先度を下げるようなビジュアルにしようと考え、いろいろな対比を落としました。記号やアイコンについては、デフォルトではもうそんなに変更していかないと思います。入力ソフトとしてもっとどんなことができるだろうかと、キーボードができるファンクションの部分でもっと充実していくことを目指したいと思います。――これからマテリアルデザインを導入する開発者に向けて、何か一言もらえないでしょうか。一から書き直すと開発コストが大きいと思われますが、Simejiの場合はそこまでたくさんコストをかけている印象はないんですね。要所となる、線を細くしてみたりだとか、色の対比を変えてみたりだとか、いきなりガラッと変わらなくてもちょっとした工夫でかなりマテリアルっぽく見える点はあると思うので、そうすることで開発コストも下げつつ対応していくことができるのではないでしょうか。マルチデバイス対応、ですかね。WindowsやiPadといったものは出していますね。マネタイズといったこともありますが、それも考えつつ、一番にユーザビリティを尊重して、そこでファンを失いたくないということは開発チーム全員が思っています。――なるほど、やはりそれは重要ですよね。今日はありがとうございました。マテリアルデザイン※お手持ちの端末や環境によりアプリが利用できない場合があります。※ご紹介したアプリの内容はレビュー時のバージョンのものです。※記事および画像の無断転用を禁じます。