WEB・IT業界で働く人々の人生を少し豊かにするメディア

CAREER HACK

エンジニアよ、デザインを恐れるな。ガイドラインの「根拠」が強い味方になる|Fablic(フリル)

2017-02-24

エンジニアよ、デザインを恐れるな。ガイドラインの「根拠」が強い味方になる|Fablic(フリル)

「フリル(FRIL)」を手がけるFablic社からは中村恵太氏が登壇。Googleが公開するMaterial DesignのガイドラインはUX改善にとどまらない。デザインが苦手なエンジニアの味方にもなってくれるという。その真意とは?

ガイドラインに沿うことで開発者が得られるメリット|Fablicの場合

※Google Playの『ベスト オブ 2016』 に選出された企業が集結したイベント『App Talk Night』の内容をお届けします。[登壇:Loco Partners(Relux)、AWA、Fablic(FRIL)、NewsPicks、VASILY(iQON)]


累計650万ダウンロードを突破(1月24日時点)。若い女性を中心に支持されている、ファッションフリマアプリ「フリル(FRIL)」。

株式会社Fablicのアプリエンジニア 中村恵太氏は、同アプリのAndroid版はMaterial Designの導入やAndroid Wearアプリへの対応など、Androidのプラットフォームへの最適化に注力していると語る。

そうした開発の姿勢が評価され、Google Playのトップデベロッパーに認定されたわけだが、Google側が公開しているガイドラインに沿って開発を進めていくことは社内の開発者にも良い影響があったという。

スライド資料

例えば、Material Designへの対応。フリルでは2014年10月にMaterial Designに対応以降、2度も大規模リニューアルを実施している。Material Designへの対応はユーザーの継続率、滞在時間の改善に良い効果が生まれるとされているが、フリルではエンジニアのデザインに対する苦手意識に変化が起きたという。


「Material Designのガイドラインには、デザインの思想や哲学が論理的にうまく言語化されていて、なおかつ、それが具体的な数値、寸法をもった仕様にまで落とし込まれている。つまり、エンジニアにとって理解しやすいガイドラインになっているんです。こういったガイドラインがあることで、エンジニアもガイドラインさえ把握していれば、ある程度の共通知識や言葉を知ったうえで、デザイナーとやり取りできるようになります」(中村氏)


Material Designに対応することによって、受け身になりがちなエンジニアのデザインに対する意識に変化がみられた。エンジニアが具体的な根拠を示しながら、デザイナーと踏み込んだやり取りができるようになり、時に意見を言うこともありながら、納得感を持って実装の作業に取り組むことができたそうだ。


「今までのAndroidアプリは、標準ではないUIを選択せざるを得ない状況が多々ありました。Androido4.4以前の標準と言われていたホロテーマは無機質な見た目で、必ずしもリッチなユーザー体験を生み出せるものではありませんでした。当時は標準に従っていないアプリで溢れかえっている中、自分たちのアプリが標準でなくなったところで、ユーザー体験が悪化するリスクは低いと思っていたんです」(中村氏)


しかし、Material Designの登場後、その状況は大きく変化。標準のMaterial Designのテーマで、十分にリッチなユーザー体験を実現できるようになっただけでなく、多くのアプリがMaterial Designに対応。自分たちのアプリだけが標準ではなくなることでユーザー体験が悪化する。 FRILは2016年10月の大規模なリニューアルに伴い、商品画面を改修した。


「複雑なスクロール時のエフェクトを含むレイアウトも、Googleから提供されているライブラリを用いることで、少ない工数で実装することができました。ガイドラインに従っているからこそ、少ない工数でリッチな体験を実現できる。ガイドライン内で示されているフレームワークに乗っかることの利点だと思います」(中村氏)



▼App Talk Nightにて語られた各社の開発Tipsについてはコチラ
・Googleベストアプリ獲得! 僕らが実践した3つのポイント| Loco Partners(Relux)
・AWAが実践したUXの改善手法とは? 技術サイドからアプローチすべき理由
・専任のいない「ダメアプリ」から脱却! News Picksがたった1年でGoogleベストアプリを受賞できたワケ
・VASILYの開発体制とは?3年連続Google Playベストアプリ《iQON》開発のウラ側

(おわり)



CAREER HACK をフォロー

タグ一覧