UIも大事だよ。という話。＠Opt Group Tech Day

UIも大事だよ。という話。2017/03/21 Opt Group Tech Day Tetsuya Takeda UIUX Designer + Org Designer, Opt, Inc. (Opt Technologies)

© Opt, Inc. All Rights Reserved.

© Opt, Inc. All Rights Reserved. 2

竹田哲也UIUX Designer & Project Manager

岐阜県出身 35歳

UI・UXおじさんOPT10年戦士(2004/9～2014/3)で、出戻り組(2016/9～)

PHPerでした

5歳児と産まれたばかりの双子の父親

（たけてつ）


UIも大事だよ。という話。


モノづくりの4つのゴール

ユーザーの体験

ユーザーの行動

存続可能性モノ

• UI •機能 • etc.

•登録 •課金 • etc.

•収益 •ユーザー数 • etc.

• UX •感情

参考URL: http://www.slideshare.net/mikihirofujii/goals-of-designing

http://www.slideshare.net/mikihirofujii/goals-of-designing


顧客の価値認知モデル

[ デザイン・UI ] ひと目でわかるか？

[ 機能・性能 ] 一言で言えるか？

[ ストーリー・体験 ] 誰もが語れるか？

icon

function

context

出典：Biz/Zine Day 2016 濱口秀司氏資料抜粋


デザインセンスないよ。


•情報設計をやってみよう

•ガイドラインを読んでみよう

•動くモノでレビューし合おう


The Elements of User Experience情報設計をやってみよう

出典：http://www.jjg.net/elements/pdf/elements.pdf

•要素の洗い出し •要素の粒度で分類 •役割で分類 •順位付け

http://www.jjg.net/elements/pdf/elements.pdf


論理的に整理するのは、エンジニアさん得意では！

情報設計をやってみよう


ガイドラインを読んでみよう

Material DesignHuman Interface Guideline

Human Interface Guideline© Opt, Inc. All Rights Reserved. 13


Material Design

見た目だけでなく、インタラクションやコンポーネント状況に応じた処理が書かれています。

ぜひ読んでみてください。


ワイヤーフレームは、何をどこに配置するのか。というサービスの設計図。これ作れちゃいます。

もしくは、いきなりイケてる画面作れちゃいます。





•動くモノでレビューし合おう•動くモノでレビューし合おう


動くモノでレビューし合おう

より良いモノにするために重要なポイントがレビューみなさんもコードレビューしますよね。UIも同じ。



• ブレイントラストには権限がなく、制作中の作品について率直な意見交換がされる

• 誰もが平等に発言権を持つ

• 目的はただひとつ、助け合い、支え合うことによってよりよい映画をつくること

目的は、仲間同士助け合いもっと良い映画をつくる



デザイナーエンジニア

UI・プロトタイプ開発中の画面





途中でもどんどん見せ合いましょう。アジャストし続けることがクオリティを上げる近道。





なぜ、職種を超えてレビューが必要か？



“UIと機能はセット”だから。

Computer User

UI

機能



なので、エンジニアとデザイナーで業務や責任範囲をキッチリ分けられない。

UI 機能Designer Developer



重なる部分はお互いでレビューし合うことでフォローし合えるしプロダクトが磨き上げられる。

Designer Developer

UI 機能


まとめ





その上で

まとめ

UIも大事だよ。という話。＠Opt Group Tech Day

Design

Transcript of UIも大事だよ。という話。＠Opt Group Tech Day