Weitere ähnliche Inhalte Ähnlich wie conte - ABEMA's Design System (20) Mehr von Yusuke Goto (20) conte - ABEMA's Design System2. 五藤 佑典
YUSUKE GOTO
https://ygoto3.com/
@ygoto3_
● California State University, San Bernardino グラフィックデザイン専攻
● ソフトウェアエンジニア @ サイバーエージェント
● ABEMA 開発本部
○ New Device チーム
あらゆるデバイスにAbemaTV を展開するための技術を提供するチーム
○ Streaming Client チーム
AbemaTV の再生品質を軸にUX エンジニアリングにコミットするチーム
○ 動画技術エバンジェリスト
世界各国に足を運び動画技術に関する情報をキャッチアップし、
社内外の動画サービスの発展に貢献するロール
○ DesignOps 推進バックエンド
大規模組織でスケールできるプロダクトデザイン開発組織を構築する活動
46. プロダクトデザインビジョン STEP 2
● すべてのコンテンツの価値を最大化する
👉どのサービスでも当てはまってしまいそう
● 最善の「普通」を積み重ね「特別」な体験を作る
👉抽象的で方向を示せていない
● ピントのあった体験を、最小限のデザインで。
👉どのサービスでも当てはまってしまいそう
👉抽象的で方向を示せていない
50. プロダクトデザインビジョン STEP 3
振り切ったアイデアを出してみる
● 徹底的に指標駆動
● 市場にない価値しか作らない
● 便利な UI より間違えない UI
● 全ての人が使うことができるプロダクト
を作る(視覚障害なども含めて)
● 常にステートレスな情報設計
● 全てのユーザーストーリーをコントロー
ルする
● Don't make users think
● インクルーシブデザイン
● 徹底的に1つのストーリー / 狙いを絞る
● 1度の学習で理解できるUI
● 頭を使わないエンターテイメント
● 最高になまけさせる
● 説明的で徹底的にわかりやすくする
● ユーザーファーストよりもストーリー
ファースト
● ユーザーの欲求を理解する
107. conte TFs チェックイン
各 TF の課題を持ち寄る
解決案の提案
別組織体への
エスカレーション
別 TF からの協力
知見のシェア
新しい TF の必要性判断
108. conte TFs チェックイン
各 TF の課題を持ち寄る
解決案の提案
別組織体への
エスカレーション
別 TF からの協力
知見のシェア
新しい TF の必要性判断
例)ユーザー体験の課題
ユーザー体験追求のための A/B テスト実
施量増加によるデザイン負債膨張
→ デザインの負債 TF 設置
110. conte TFs チェックイン
各 TF の課題を持ち寄る
解決案の提案
別組織体への
エスカレーション
別 TF からの協力
ジョイントワーク
例)アクセシビリティ x ツーリング
代替テキストを画像アセットとして Sketch
から出力するツール
112. conte TFs チェックイン
各 TF の課題を持ち寄る
解決案の提案
別組織体への
エスカレーション
別 TF からの協力
開発組織外やボードに
課題持ち込み
例)アクセシビリティ CS ヒアリング
アクセシビリティに関するユーザーの直接
の声に関する課題
→ 直接聞いている部署と連携
124. まとめ
conte = ABEMA のデザインされていないものをデザインするための仕組み
手順
1. 社長の言葉からビジョンを抽出
2. 共有されるべき価値観を言語化
3. タスクフォース・モデルによる実行/資産生産/資本共有
デザインされていないあらゆる問題に
ABEMA の価値観を埋め込みながら解決