深津貴之氏の講演会に行ってきました。テーマは「使いやすいUIをつくる基本」。聴衆の割合はエンジニア1/3、デザイナー1/3、ディレクターまたは経営者1/3でした。その場での挙手のアンケートにより「UIの手触り」「プロトタイピング」に重きをおいて話していただくことになりました。確実に失敗できる10個のテクニックはじめは「こうすれば確実にプロジェクトに失敗しますよ」というお話。裏返すと、「こうすれば成功できる10個のテクニック」ということになります。把握しないところで機能が追加される、すでに決定事項で止める権限がない。ポジションにいるべき。民主的につくる各パートごとに素人が大半になり、専門家がマイノリティになる.。エッジがなくなり無難になる。↑これは大企業のインハウスデザイナーの方は思い当たるフシがあるのではないでしょうか。興味ない→ボスの下の人ががUI/UXに詳しくなるしかない。プロジェクトから逃亡する。↑これは致命的ですね。個人的に思い当たるフシがあって辛いです。(HIG)ここはアンケートの時に挙手が少なかったので、ざっとでした。深津さんがAppleのHIGで特にピックアップしていたキーワードは以下の6つです。・ユーザーに選択肢を与えるどれもアプリをつくる上で必須の考え方ですね。ことを「手触り」という表現を使っていました。今回聞いた話は、非デザイナーへ「手触り」の必要性を説明するときに参考になりそうです。→つまりは「手触り」を加えることで、技術的要素以外に価値を与えるということです。・ユーザーや投資家は技術そのものにはお金を出さない。する?・初期段階で手触りを見せる。手触りは実際に見せるしかない。モックやプロトタイプをガンガン作ってキックオフで見せ、共通認識を持たせる。・普段から動きのサンプル(アニメーション目録)をストックしておく・「恥ずかしさを共有する」。「いいもの」は曖昧だが「恥ずかしい」はより具体的で想像しやすい。「こんなの恥ずかしくて公開できない!」という感覚を共有する。1pxずれ、がたつき、点滅などを恥ずかしいものとして、徹底的に潰していくマインドが大事。深津さんが実践されているプロトタイピングを具体例とともに説明していただきました。アプリーチ→POPについてはこちらのサイトに詳しく説明があります。・紙でプロトタイピングすれば、全画面遷移を短期間で検証できる・ペーパープロトタイピング用ノートを自作してしまった→セミナー当日、1冊購入しました。(写真)・紙に原寸サイズで書けば、ボタンサイズをそのまま検証できる。それが何ピクセルかを測れる「ピクセル定規」も作ってしまった。(写真)→セミナー中、聴衆に回してもらいました。こちらは量産はしてないようです。・Photoshopで先に画面を作ってしまうと結局作り直しになる。『iPhoneアプリ設計の極意』の付録として載っている具体例を説明されました。スライドシェアにも資料を見つけたので転載させていただきます。→問題を書いて少原因の対策を列挙、さらに分解して解決策を書く。漠然とした問題を具体的な解決策へ導くことができるメソッドです。・フィッシュボーン図で採用されなかった解決案は、今後の拡張(アップデート)で取り入れても良い。JS・OpenFrameeorks・CINDER・最後にObjective-CとPhotoshop。→個人的にはこの中でFlashしか使えないので、processingあたり勉強してみようかと思います。所感さすが、iPhoneアプリ開発の最前線で活躍されているため、示唆に富んだ具体的な話を聞くことができました。「情報の手触り」や「プロトタイピング」あたりの話は、自分の普段の業務フローを改めて振り返るよいトリガーとなりました。こちらは参考図書です。Hosakaメーカー→IoTベンチャーを経て、グローバルなデジタルプロダクト会社に在籍するUXデザイナー。このブログではデザインやUXに関するクリエイティブネタを発信しています。