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

5e48272f950542cb2095407846c8bb3e?s=47 nikoko45
October 22, 2018

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

サービス開発におけるデザイナーの役割

▼ブログ解説
https://note.mu/nikoko/n/n993d26e39976

▼イベント:DXEL.2 エンジニアとデザイナーが「いい関係」を築くために
https://engineers-x-designers.connpass.com/event/103562/

5e48272f950542cb2095407846c8bb3e?s=128

nikoko45

October 22, 2018
Tweet

Transcript

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

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

  3. デザイナーって何考えてるの?

  4. 実態(私) イメージ 設計 ビジュ アル コミュニケー ション ユーザー視点 ガイドライン 仕様設計

    おしゃれ クリエイティブ かっこいい Sketch Adobe Zeplin
  5. コミュニケー ション 設計 ビジュ アル ・ビジネスゴール ・ユーザーニーズ ・機能仕様 ・コンテンツ要件 ・技術的な制約

    を話し合ったり、考える時間が⻑い ビジュアルデザイン制作に関してはガイドラインで効率化 ヒアリング 調査・検証 レビュー
  6. 戦 略 施 策 要 件 定 義 デ ザ

    イ ン 実 装 テ ス ト リ リ | ス 分 析 ユーザー調査・ヒアリング 情報設計 プロトタイプ作成 デザインレビュー ユーザビリティテスト デザイナーの担当業務
  7. UIデザインを説明するときの⼼構え

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

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

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

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

    Storyboards)
  12. より良いサービス開発をするには

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

  14. ユーザビリティテストで仮説検証 (引⽤:教育サービスにおけるユーザーリサーチ)

  15. ワークフローを整える (引⽤:Sketch + InVision + Zeplin + Abstractで効率化するデザインフロー)

  16. まとめ

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

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

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

  20. None