サービス開発におけるデザイナーの役割 - Role of Service Designer #DXEL2

by nikoko45

Slide 1

Slide 1 text

サービス開発におけるデザイナーの役割 @nikoko45 DXEL.2 ΤϯδχΞͱσβΠφʔ͕ʮ͍͍ؔ܎ʯΛஙͨ͘Ίʹ

Slide 2

Slide 2 text

デザインを作るとき実はこんなこと考えてます本⽇話すこと設計思想担当業務

Slide 3

Slide 3 text

デザイナーって何考えてるの？

Slide 4

Slide 4 text

実態（私）イメージ設計ビジュアルコミュニケーションユーザー視点ガイドライン仕様設計おしゃれクリエイティブかっこいい Sketch Adobe Zeplin

Slide 5

Slide 5 text

コミュニケーション設計ビジュアル・ビジネスゴール・ユーザーニーズ・機能仕様・コンテンツ要件・技術的な制約を話し合ったり、考える時間が⻑いビジュアルデザイン制作に関してはガイドラインで効率化ヒアリング調査・検証レビュー

Slide 6

Slide 6 text

戦略施策要件定義デザイン実装テストリリ | ス分析ユーザー調査・ヒアリング情報設計プロトタイプ作成デザインレビューユーザビリティテストデザイナーの担当業務

Slide 7

Slide 7 text

UIデザインを説明するときの⼼構え

Slide 8

Slide 8 text

ゴールと背景を明⽂化するゴール：ユーザーへの提供価値、数値⽬標背景：その施策が企画された経緯、⽂脈、関係者「なぜこのUIデザインにしたか」の理由を裏付ける散らばった議論を再整理・要約する

Slide 9

Slide 9 text

複数案作ってジャブを打つ ①デザイン：ビジュアル＆ユーザビリティ理想案 ②ビジネス：ステークホルダー忖度案 ③開発：⼯数ミニマム or 安全策認識合わせ、優先度、実装コストを探る ①が理想だと説明するが、②③の余地も残しておく

Slide 10

Slide 10 text

点ではなく流れで語るページ単体だけでなく前後画⾯の⾒え⽅も考慮するプロトタイプを動画で共有する Edit Save Save OK

Slide 11

Slide 11 text

点ではなく流れで語るユーザーがどういった⼿順・状況・感情でプロダクトを使うかを想像するどのシーンにどんな画⾯/機能が必要かを考える（引⽤：Illustrating User Stories with Storyboards）

Slide 12

Slide 12 text

より良いサービス開発をするには

Slide 13

Slide 13 text

全体像を描く（引⽤：とある求⼈サイトをデザインリニューアルした話）開発者以外にもプロダクト仕様が理解できるように抽象＆構造化する

Slide 14

Slide 14 text

ユーザビリティテストで仮説検証（引⽤：教育サービスにおけるユーザーリサーチ）

Slide 15

Slide 15 text

ワークフローを整える（引⽤：Sketch + InVision + Zeplin + Abstractで効率化するデザインフロー）

Slide 16

Slide 16 text

まとめ

Slide 17

Slide 17 text

ビジネスとエンジニアリングをつなげる翻訳者・演出家サービス開発におけるデザイナーの役割ビジネスプロダクト設計・シナリオ

Slide 18

Slide 18 text

チームのアイデアを可視化する画⾯のデザインだけでなく、プロダクト構造＆ユーザーストーリーをビジュアルで表現する

Slide 19

Slide 19 text

サービスとユーザーをつなぐユーザーの⽇常にプロダクトを馴染ませる違和感のないユーザー体験を考える発想をデジタルだけに閉じない

Slide 20

Slide 20 text

No content