導入企業 KDDI デザインプロセスが変わってきた

Prottの導入によって起こった社内の変化

自分は企画で、吉田と柳井は開発なのですが、企画と開発ってどこか相対するようなところがあって……。企画は企画で何パターンも試したい、色々と挑戦してみたいし、試行錯誤したい。

一方で開発は完璧なもの、高品質なものをユーザーに届けたい。

Prottを導入する前は「いくつかデザイン案を見たいから、数パターン作ってよ」と依頼し、開発側から「数パターンも作るのは嫌だ。

先に決めてくれ」というやりとりがありました。
ただProttを導入してから、企画側で試行錯誤し、その結果を開発側に依頼できるようになり、デザインプロセスが変わってきたかなと思います。

導入企業 KDDI

導入企業 株式会社ファミマ・ドット・コム

ファミマ・ドット・コムさんでは『Famiポートアプリ』の開発にあたり、立ち上げ段階からProttを活用してワイヤーフレーム制作・プロトタイピング・ユーザーテストまで行っていたそうです。

今回は、開発プロセスの中でProttがどのように使われたのか、どんなところにメリットを感じていらっしゃるのか、そしてProttを通して得られた嬉しい体験などについてお話しいただきました。

Prottはまさに欲しかったサービスだった プリペイド(電子マネー)購入やファミマフォト(写真プリントサービス)、あとはファミマ買い取り便(ゲーム/DVDの買取)の申し込みなど、ファミリーマートでの買い物を便利にするアプリです。

店舗に置いてあるFamiポートでしか操作ができなかったことをアプリでもできるようにしようというのが着想のきっかけでした。もちろんFamiポートも現役ですが、誰でもスマートフォンを持っている時代なのでアプリでできたら便利だと思い、昨年の9月にローンチしました。

導入企業 株式会社ファミマ・ドット・コム

導入企業 株式会社カカクコム 食べログ本部 

ロトタイプは関係者全員に共有。Prottは工数削減に欠かせないツール

井戸 全てプロトタイピングしていると時間がかかるので、使用するプロジェクトはある程度絞っています。ユーザーの体験が大きく変わりそうなプロジェクトでは使うようにしていて。その場合はプロトタイピングをする前に、まずユーザーシナリオを作成します。その後、画面遷移に沿ってワイヤーフレームを作っていき、関係者に共有して問題がないか確認するようにしています。

「これでいこう」という共通認識がとれたら、一つひとつのワイヤーフレームにデザインを肉付けしていき、再度Prott上で触ってトランジションなどを確認し、実装に移っていくという感じです。

──理想のデザインプロセスですね!関係者でのレビューはどういった職種の方まで含まれてるんですか?

井戸 理想はProttのコメント機能を使って、職種に関係なく共有できればいいんですけど……。アカウントを持っているのはデザイナーだけなので、実機を持って企画、エンジニア、デザイナーの関係者全員にミーティングで説明するといった感じです。

プロトタイプは説明するだけでなく、実際に触ってもらわないとダメだと思うので、レビューの場はデザインが完成した段階でなるべく設けるようにしています。

導入企業 株式会社カカクコム 食べログ本部 

少ない投資金額での取引、各種手数料無料、24時間サポートでサービスを提供

初めての方にも安心の取引環境

LIGHT FXでは、FX初心者の方でも、安心してお取引いただけるように、
少ない投資金額での取引、各種手数料無料、24時間サポートでサービスを提供しております。

USD/JPY 0.3銭、EUR/JPY 0.4銭、GBP/JPY 0.9銭等、スプレッドが原則固定なので、安心してお取引いただけます。

【スプレッドについて】
お客様の約定結果による実質的なスプレッドが当社が広告で表示している「LIGHT FX」のスプレッドと必ずしも合致しない場合もございます。

お取引に際して、当社が広告で表示しているスプレッドを保証するものではありません。

【原則固定 例外あり】
震災などの天変地異や政変、また大企業の倒産等、市場に大きな影響を与える事象発生時に相場が急変した場合。

重要な経済指標の結果発表時に相場が急変した場合。
国内外の金融市場休場日や当社の営業休日明けのマーケットオープン時、マーケットクローズ間際など市場の流動性が低下している場合。



導入企業 株式会社ネクスト 他の画面から遷移してきたら意外と印象と違う

ネクストならではのPrott活用法小林 僕は仕様を度外視して「こんな機能あったら便利!」「このUIだともっとわかりやすいかも!」と、理想や妄想から取り掛かるので、デザイン工程からですね。

小泉 私も同じです。基本的にHOME’SアプリにはiOS、Android関係なくトーン&マナーがあるのでデザインがガラリと変わるわけではないんですが、普段使っているパーツをコンポーネントに入れておいて、それを組み合わせて、「あったらいいかも」な機能のUIを作りながら実機で確認したりしています。

島田 私は、前後の遷移を見ながら、これを実装したらユーザー体験がどういったものになるのか、数字にどう影響がありそうかを確認するために主に使います。

ワイヤーなどでは完璧に見えても、他の画面から遷移してきたら意外と印象と違うことがありますから。

導入企業 株式会社ネクスト
 

くすみ、シミ、シワ、首もと・デコルテの集中ケア メラニンの生成を抑る。

「ブランシュール」は首もと・デコルテのトータルケアに使っていただける医薬部外品のジェルクリームです。

保水成分が配合されていますので、アゴやデコルテなど首以外にもご使用していただけます。

肌荒れ。あれ性。
あせも・しもやけ・ひび・あかぎれ・にきびを防ぐ。
油性肌。かみそり負けを防ぐ。
日焼け、雪やけ後のほてりを防ぐ。
肌をひきしめる。

肌を清浄にする。
肌を整える。
皮膚をすこやかに保つ。
皮膚にうるおいを与える。
皮膚を保護する。
皮膚の乾燥を防ぐ。
メラニンの生成を抑え、しみ、そばかすを防ぐ。