匿名で会社の人と雑談できるアプリ。パシリー、UI設計とデザインを対等ソフトバンクのコーポレート情報アプリも。いうプロトタイピングツールがあります。高速なプロトタイピングとコミュニケーションのためのツール。最近、ワイヤーフレームが簡単に書けるので、おすすめです。作っている人!(会場の半分くらい?)プロダクトを作る時に大切にしていることユーザーの体験をより良くするためにエンジニア・デザイナー関係なくチーム全員でプロダクトを作る。時によっては、クライアントも。受託の案件だと、エンジニアがクライアント側の時もあり。エンジニアの人数が一番多い。エンジニアもデザイン、デザイナーもエンジニアリングに興味があるのを前提としている。今日は、設計/デザインフェースに関して紹介します。デザイナーが手を動かすフェーズだと思われがちですが、エンジニアもかなり初期の段階からこのフェーズに関わっています。デベロッパーは、この段階で実際に何をしているのか?石:プロダクトイメージの共有、設計やデザインで、ユーザーに何を届けるのか?●プロダクトイメージの共有デザイナーに任せることはなく、一緒にイメージを合わせて最初の段階からやっていきます。これをやっておくと、実装フェーズの時にデザイナーとのコミュニケーションが楽になります。参照しながらやっています。●モックアップ検証このへんから一緒にやっていきます。効率的な開発をするために実装から入ってから認識のずれがあって、作り直すと大きなコストになってしまうので、UI設計のフェーズから入っていくことで、このリスクを回避している。瀧:なぜエンジニアとデザイナーがうまくコミュニケーションできているのか?弊社の場合、共通言語がある。共通認識があって、共通言語があって、ずれがない。理解を深めるようにしている。マテリアルデザインも、お互いに教え合っている。デザイナーとエンジニアの共通言語が話せる。しては、自分一人で作るものではなく、チーム全体で作るもの。仲わるいんじゃないの?本当にお互いを尊敬しあって、人々の心を揺さぶるプロダクトを作れるといいなと思っています。様々な職種を募集しています。応募してきてください!--------------------------------------------日:仲良くなりたいのに慣れないジレンマ」というタイトルの予定でした。やって工夫しているの?という話しができれば。デザインに手を拡げていたら、コピーライティングも気になったり、コミュケーションに関わることをやっています。作るものが好きなんだと思います。自分のことをデザイナーというと、どうなのかな?いろんなことができる、デザイン機能がついた人、制作物を作ったりをしています。コミュニケーションの視点から、いろいろ話しができれば。辰:辰濱ともうします。あんなところのオフィスで働いています。Androidアプリを作っています。前職も、前々職も徳島で働いていました。アプリを担当しています。ソーシャルゲームを担当していて、その後、個人で開発していました。4月に入社したばかりなのですが、楽しく働いています。日:頂いた質問から、どんなことを工夫していますか?というのを聞いてみたいです。表現しきれないところが実機で表現できるので、デザインが鮮やかに動いた時が一番うれしい。リリースした時に、ユーザーのフィードバックがあるとうれしい、エンジニアとエキサイティングにやり取りしている時は、かなり楽しい。日:模範解答ですね石:模範解答を言われてしまいました。今現在、実装しているのですが、デザイナーが一番最初のユーザーになるので、ちょっとこだわりみたいなのた伝わる時が楽しいです。プロダクトを作っている時に何回もおとづれる時なので。教科書なので、逸脱したことはやらない。坂:かぶるところはあるのですが、インタラクションやアニメーションで凝ったところを作って、0.2秒で、こだわっているところをちゃんと見つけてもらえるとうれしい。ユーザーの声、エゴサーチしてる。作った人はユーザーの声を見ている。日:マーケの仕事も、炎上したり?坂:全部みています。炎上して悲しかったり。辰:エイト使っている!と言われるのがうれしい。現場の話しでいうと、オレオレツールを作って、皆がハッピーになったり、UIの操作を自動化して、スクリーンショット撮影を自動化したり、わざわざいろんな端末で操作しなくて良くなったときにやってやった感があってうれしいです。世の中に出ているところだけでなく、裏方側のことをやってくれるのが嬉しい。デザイナーとして楽しいことは、あふれんばかりの要件、お客さんがこれもやりたい、あれもやりたい、デザインでうまく要件を整理して解決した時は、やったな。みんなと飲みに行くのが一番楽しいかもしれませんね。日:ビジネスサイドとか、クライアントの要求とか、そことのコミュニケーションの質問もはさんでいます。Webデザイン経験者がスマホアプロのデザインに回ってきて困ったことiOSアプリ、ここ数年で始まったことなので、未経験の人は多くて、まず僕が一番大事だと思っているのは、アプリが好きか?普段アプリを触っているかが大事で、それがあれば、HIGを読んで理解を深めていけば。iOSの特殊な部分はサポートしますし、ミーティングや、業務中で、周りに聞ける人がいっぱいいる環境なのでかまわない。日:アプリのデザイン未経験でもキャッチアップしやすい環境がある。そのへんの雰囲気の違いが始めてしって、どうしたんだろう?というのはありました。あって、それが考えてうえで作って!といわれても、やったことが無い人は難しい。困るのは困ったのですが、エンジニアの人が密に教えてくれたので、アプリのデザイナーに丸投げではなく、一緒に作ろうという感じがあって、そういう気持ちでやっているので、気持ちとしては楽でした。わからないところをすぐ聞くこともできました。イラレが使えるから、デザイナーみたいな感じ。同じものをみて、対応ができる、その後のコミュニケーションも取りやすくなるのがいい。デザイン納品時にもめることはありますか?石:納品という概念がありません。日:ファイルを受け渡す時ということで?坂:リネームしないといけない。5000枚をリネームしないといけない。5000枚をリネームしようとして、そのへん渡した時にモメるのではなく、コミュニケーションだなと。アップしておきました!勝手にパーツ切り出して、アプリに突っ込んでいくみたいな。いう質問の方がいいかも。ファイル名の工夫は?坂:困っているというよりも、やり方をコミュニケーション、こういう問題があれば、影で頑張るのではなく、コミュニケーションが大事。最近は回線速度が早いのですが、画像のサイズとか、デザイナーは綺麗な画像を切り出したい。ローディングが遅くなるので、エンジニアとして小さくしたい。もらった素材がそのまま使いづらい時は、そのまま使うべき?微調整してもらうベキ?田:やり方の問題。パーツを切り出しています。削ると困るのかな?と迷う時がありますが、そういう時は相談しますね(笑)どっちかがヤル、勝手にやるというのは無いです。コミュニケーションできると思います。基本は相談する、話しをするのが手っ取り早いです。オレオレツールで解決しています。常駐までか、月水金がっつり行くとか、けっこう頑張ってやっている。細かいところを伝えきれないところがあって、そこは現場に行って直接話すというのが一番速い。参考になるアプリをムービーで撮影して、ここのこんな感じというのが第二段階。自分で作って、そのムービーファイルを作ってわたしています。作ってみて、見せて、今度から、これは「シュワッ」ね。いうふうに決めておきます。オノマトベで伝えるのは第一段階ですね。日:そういう感じが伝わりやすい?石:シュッと言われたら、なんとなく作って、ちょっとづつ詰めて、近づけていく。そこで手を動かす時間がとれない時は、参考になるアプリをもってくる。坂:何が違うのか?話してみるとか、0.1秒短くするとか、試行錯誤しながら、最適な形に近づける。日:クライアントサイドとかは?瀧:クライアントワークも一緒。戦って、できれば無くしていく方向で。石:ビジネスの成功、クライアントが喜ぶことを考えていて、デベロッパーは、エンドユーザーが喜ぶことを考えているので、そこでバランスを取っている。現場の人から、ビジネスの人が考えた仕様が、標準に従って変わること、リスクや、ダメさを説明して、それでもビジネス的な価値がある時は、リスクを考えた上でジャッジして選択する。開発の後ろの方で修正が入る時、会社のバリュー、ミッションがあって、そうする意図、意思を聞いて、理にかなっていれば、受け入れるようにしています。田:給料もらってやっている、発注者、オーナー、株主の要件には答えて行かなければならない。使っていて、かなり便利なんですね。標準コンポーネントのテンプレを使ったり、アイコンがダイヤモンドみたいで可愛いので気に入ってます。用途用途で使い分けています。観られるので気に入っています。使ってくれるのは、書き出してくれるので便利です。使って雰囲気を確かめる時とか。全社でこれ作ろうぜ!というのはありません。製品だと、エンジニアに助けてもらえる。慣れている、できるならそれでいい?という感じ。プロトタイプを作っている。オレオレツールを使ったり。日:他のツールを使っていて、他のツールに意向できないというのは?瀧:もったいない。効率が良くなるツールを使わないのは損。辰:がんばって習得するようにします。自分で便利なツールを作っているのが気に入っています。デザインの現場を曝すという企画もありました。辰:結構、こんな感じのデザイン!、正常系だけしかデザインしてくれない。正常じゃ無いとき、どうなるのか、絵を考えてもらえると、すごい嬉しい。始まっているのですが、読んで欲しいということがある。エンジニアリングで自動化できることがあるので総酸して欲しい。普段から使って欲しい。普段使いの常識がわからない。普段からタブレット使うなりして欲しい。新しい機能もキャッチアップしてもらって、デザインに反映できれば、作る方も面白い。プログレスダイアログ「ぐるぐる」「インディケーター」を正式な名前ではなく「ぐるぐる」で伝わる用語を使うように心がけています。日:デザイン、コラボ、新しい試してみたいこと、まだ出来ていないことがあれば。発売前に触ることができたのですが、個人が作っていたアプリなのですが、そこにいち早く出せる環境を普段から作っておきたい。伸ばした時にどこが伸びるとか、開発の現場を体験して欲しいなというのを思いました。細かい気配りがあって、やろうかな!と思っています。瀧:なるべく、結構ロジカルに伝えることが必要。感覚に近いので、なるべくロジカルに、こうした方がいいです!と言うことが多い。ガイドラインがあって、開発の共通言語、デザインにガイドライン的なもの、デザイナーの中にルールがあると思って、しっかり説明するしか無い。伝わらないのであれば、その程度のデザインしかできない。理解してもらえるように、こだわる、理解してもらうように、説得する。提供する価値が、提供できなかった時が一番良くないので、一緒にやるようにしている。管理しているところも、していないところもあり、バラバラです。やることをストーリー化しています。それに必要な仕様書と、画像をそのスレッドに上げていく方法を使っています。管理はエンジニアの方に任せています。デザイナーに学んでもらうコストや、コンフリクトが面倒なので、ファイルを共有してもらっているだけです。ファイルのやり取りで完了しています。お互いの職種の時間の見積もりは?田:どれぐらいかかるのか解らない。答えが無いこと、今これ、悩んでて。近くにいれば、コミュニケーションであるていど解決できる。困ることを行っておいた方がいい。坂:認識がずれていることが問題なのではなく、それがずれたまま進めるのが問題なので、すぐにこれはコストがかかる、デザインで解決できる、エンジニアリングで解決できる!とうまくコミュニケーションで回していけばいい。時間がかかるところはかかる前提で、準備している。瀧:三分でカップラーメンが作れると思っても、お湯を沸かす時間があったり、パッケージを剥がす時間があったり。物ができあがってから、変えたい場合は、どれぐらいかかるのか?確認します。これぐらいかかる割には、他に変えたいところがあるとか、そういうことを話しあった上で、優先度をかえた上で決めています。組んだスケジュールは合わないので、フレキシブルに動けたら。