2020/04/30 1Design & Researchデザインの役割と関わり⽅開運研修 2020
View Slide
2020/04/30 2Design & Research2020/04/30 2Design & Research⾃⼰紹介樋⽥ 勇也kintone開発チーム デザイナー制作会社でWebデザイナー/コーダー/ディレクターを経験後、2016年にサイボウズ⼊社。現在はクラウドサービスkintoneのデザイナー。kintoneデザインチームを最⾼のチームにすべく奮闘中
2020/04/30 3Design & Researchデザインって何?
2020/04/30 4Design & Research2020/04/30 4Design & Researchあらゆるものにデザインがある
2020/04/30 5Design & Research2020/04/30 5Design & Research1. ユニクロのファッションマガジン• シンプル• お洒落• スマート• ⾼級https://www.uniqlo.com/jp/ja/contents/corp/press-release/2019/08/19082114_19fwlwm.html出典: 雑誌『LifeWear magazine』を創刊 グローバルのユニクロ店舗にて8⽉23⽇(⾦)より配布開始 - UNIQLO ユニクロ
2020/04/30 6Design & Research2020/04/30 6Design & Research2. ユニクロの折り込みチラシ• 情報量が多い• 派⼿• 庶⺠的• 安そうhttps://www.uniqlo.com/jp/ja/contents/chirashi_flyer/flyer/折込チラシ | 今週のデジタルチラシ | UNIQLO
2020/04/30 7Design & Research2020/04/30 7Design & Researchどれが良いデザイン / 悪いデザイン?
2020/04/30 8Design & Research2020/04/30 8Design & Research⽐べてみるとhttps://www.uniqlo.com/jp/ja/contents/corp/press-release/2019/08/19082114_19fwlwm.html https://www.uniqlo.com/jp/ja/contents/chirashi_flyer/flyer/
2020/04/30 9Design & Research2020/04/30 9Design & Research• 海外の雑誌みたいなおしゃれなグラフィック• コストをかけても⾼級感を出す「ユニクロは安くてダサい」というイメージを変えたいhttps://www.uniqlo.com/jp/ja/contents/corp/press-release/2019/08/19082114_19fwlwm.html
2020/04/30 10Design & Research2020/04/30 10Design & Research• ⼀⽬でバリューが⽬に⼊る• 売りである価格を前⾯に• 特別、注⽬、引っかかるワードを⽬にして欲しい• ⼤量に印刷できるようコストを抑える今⽇ユニクロで買い物して欲しいhttps://www.uniqlo.com/jp/ja/contents/chirashi_flyer/flyer/
2020/04/30 11Design & Research2020/04/30 11Design & Researchデザインの語源• デザインの語源はデッサン(dessin)と同じく、“計画を記号に表す”という意味のラテン語designareである。
2020/04/30 12Design & Research2020/04/30 12Design & Researchデザインは機能することが重要• どのデザインにも計画(意図)がある。• その意図がちゃんと機能するかどうか、がデザインの良し悪しを決める
2020/04/30 13Design & ResearchUXデザインって?
2020/04/30 14Design & Research2020/04/30 14Design & Researchどれも美しい天気アプリだけど…https://www.behance.net/gallery/59183073/UX-Case-studyWeather-notification-applicationUX Case study̶Weather notification application on Behance
2020/04/30 15Design & Research2020/04/30 15Design & Researchユーザーの課題を解決するUX• 今⽇は傘を持って⾏った⽅が良いよ、とpush通知を出すアプリ• 必ずしもUXにビジュアルが伴うわけではないhttps://www.behance.net/gallery/59183073/UX-Case-studyWeather-notification-applicationUX Case study̶Weather notification application on Behance
2020/04/30 16Design & Research2020/04/30 16Design & Researchkintoneのユーザーの体験って?
2020/04/30 17Design & Research2020/04/30 17Design & ResearchUXは顧客の体験すべて• kintoneが毎⽇安定して使える• サポートの⼈が親切• すぐに理解できるヘルプ• その他ユーザーが体験するすべて
2020/04/30 18Design & Research2020/04/30 18Design & Research× UXはUXデザイナーに関係がある○ UXはプロダクトに関わるすべての⼈に関係がある
2020/04/30 19Design & Researchサイボウズのプロダクトにおけるデザイン
2020/04/30 20Design & Research2020/04/30 20Design & Researchkintoneのステークホルダー• エンドユーザー• 管理者• 決裁者• 開発パートナー• 販売パートナー• エヴァンジェリスト etc…
2020/04/30 21Design & Research2020/04/30 21Design & Research様々な要望標準でもっと機能が欲しい!カスタマイズの余地を残して競合に勝てる⾒栄えをもっとUIが⼤きい⽅が⾒やすい もっとUIが⼩さい⽅がたくさんの情報を⼀覧できる今のままで良い、変えないで
2020/04/30 22Design & Research2020/04/30 22Design & Research例:プロセス管理(モバイル版)の場合プロセスを進めるボタン• 社⻑とか⼀ヶ⽉に1回しかアクセスしないかも。• ⼀⽬でわかるコントラストが必要• ⾊と明度で差をつけよう• ⼤事な機能だけど、レコードが⾒えなくなっては困る• 適切な⾼さに抑えたい• スクロールすべきだとすぐわかる配置にしよう(ボタンが半分だけ⾒える)
2020/04/30 23Design & Research2020/04/30 23Design & Researchコストが許容できるユーザーへの価値が⾼いマイナスの影響が少ない考え⽅
2020/04/30 24Design & Research2020/04/30 24Design & Researchプロトタイピング
2020/04/30 25Design & Research2020/04/30 25Design & Researchユーザビリティテスト/リサーチ
2020/04/30 26Design & Researchデザインとの関わり⽅
2020/04/30 27Design & Research2020/04/30 27Design & Research1. フィードバックを送る普段製品を使っていて、何か気づいたことがあればぜひフィードバックを送ってください。
2020/04/30 28Design & Research2020/04/30 28Design & Research保存ボタンの⾊が⾒づらいので変えて欲しいです。緑とかにすると良いと思います。NG例
2020/04/30 29Design & Research2020/04/30 29Design & Research• 例えば「⾒づらい」にも…• 他のボタンと混同してしまって⾒⾟かったです• ⽬に⼊りづらい位置にあるので⾒つかりませんでした• コントラストが薄く⽬に⼊りませんでした背景を併せて教えて欲しい
2020/04/30 30Design & Research2020/04/30 30Design & Research状況を書いてみてください“レコードを書き終わってから保存しようとした時”にボタンがすぐに⾒つからず困ってしまいました。“しばらく画⾯下を探した後”、上にボタンがあることに気づきましたが、もう少し⾒つけやすくして欲しいです。
2020/04/30 31Design & Research2020/04/30 31Design & Research2. ユーザービリティテスト/リサーチに協⼒する• 被験者として協⼒をお願いするかもしれません
2020/04/30 32Design & Research2020/04/30 32Design & Research3. デザイナー/リサーチャーと働く要件検討から実装までの流れ• デザイナーはこの全てに関わっている• 最近はデザイナーとエンジニアの境界が曖昧に
2020/04/30 33Design & Research2020/04/30 33Design & Researchモブが当たり前にPM、PG、QA、デザイナー、ライター、モブで集まって作るのが当たり前になってきています。
2020/04/30 34Design & Research2020/04/30 34Design & Researchデザインの⼒を⽣かした活動
2020/04/30 35Design & Research2020/04/30 35Design & Researchぜひデザインの⼒を活⽤してください• いろんなスキルを持ったメンバーがいます。ぜひ我々の⼒を利⽤してください。• UI、グラフィック、CSS、アクセシビリティ、リサーチetc• 詳しくはチーム紹介で
2020/04/30 36Design & Research2020/04/30 36Design & Researchまとめ• デザインの良し悪しは、意図が機能するかどうかです。• UXはデザイナーだけでなく全ての⼈に関わることです。• フィードバックやリサーチなどを通じてデザインとも関わってください。また、デザインの⼒を活⽤してください。