狠狠撸

狠狠撸Share a Scribd company logo
Copyright ?
201 Yahoo Japan Corporation. All Rights
アニメーションプロトタイプでグロースハック
1
Copyright ?
201 Yahoo Japan Corporation. All Rights
2017.5.18 [THU] @LODGE
Yahoo!ファイルマネージャー 渡辺
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
渡辺英美
ヤフー新卒入社4年目
AndroidアプリのUI/UXデザインを担当
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
Yahoo!ファイルマネージャー
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
スマホのファイル整理、
不要ファイルの削除ができるアプリです。
紹介ムービーはこちら
https://www.youtube.com/watch?v=MzB95C1G9EU
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
5ヶ月で行った施策
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
課題
ファイルマネージャーアプリとしては評価は
高いが、毎日使いたくなるような機能がなかった
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
解決
不要ファイル削除機能をリリース
「スマホを綺麗にして空き容量を増やしたい」
というユーザーニーズに答えて
毎日スマホのお掃除をしてもらえるように
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
不要ファイル削除機能のゴール
スマホの空き容量が少ない
ゴミ(要らないデータ)を削除したい
削除してスマホがスッキリした!
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
毎日使ってもらうためには
スッキリ感のある
UIアニメーションが必要
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
アプリアニメーションとは
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
押したくなる
Twitterいいねボタン
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
遷移が分かりやすい
Googleマテリアルデザインガイドライン
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
アニメーションは
UI/UXを向上させるのに
欠かせない要素
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
Yahoo!ファイルマネージャー
でもアニメーションに
こだわりました
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
不要ファイル削除機能開発に
アニメーション
プロトタイピングを使用
短い期間でも機能の
品質向上が可能に!
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
従来のアニメーションの決め方
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
アニメーションを
エンジニアさんに口頭で説明
デザイナー エンジニアUIパーツ
実装して確認
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
「ここがくるくるっとなって
広がってフェードアウトします」
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
いまいち伝わらない
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
写真:XXX
コミュニケーションコスト大
完成形が誰にも見えていない
品質がなかなかあがらない
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
アニメーションプロトを作成
After effectsを利用してます
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
通常通りに
UIデザインと遷移図まで作成
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
動きをつけていく
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
気持ちのいいアニメーションのポイント
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
自然な動きをつける
スムーズな動きをつけることで心地いいと感じるアニメーションになる
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
視線の誘導をする
動かす順番を工夫すればユーザに見てもらいたいものを訴求できる
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
アニメーションプロトタイプの利点
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
問題が見えやすい
手戻りが少ない
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
機能開発全体のフロー
仕様、デザインの抜け漏れ
修正
機能の
概要決定
UI、遷移図
作成
プロトタイプ
作成
実装 テスト リリース
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
機能開発全体のフロー
フィードバックを受ける
修正
機能の
概要決定
UI、遷移図
作成
アニメーション
プロトタイプ
作成
実装 テスト リリース
手戻りなくスムーズに
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
動くものは周囲に見てもらいやすい。
問題発見と修正を素早くできる。
細かい部分までプロトタイプの段階で完成するた
め開発さんの手戻りが少ない
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
アニメーションと
UI/UXの完成度が上がる
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
従来の制作フロー
ワイヤー
遷移図
UIビジュアル
プロトタイプ
(Prott等使用)
30% 60% 80%
(完成度)
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
ワイヤー
遷移図
UIビジュアル プロトタイプ
(Prott等使用)
アニメーション
プロトタイプ
30% 60% 80% 100%
(完成度)
導入後の制作フロー
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
120%
手戻りが少ないから
実装後細部調整できる!
(完成度)
さらに???
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
デザイナーがアニメーションを作りきれる
手戻りが少ない分、細部までこだわれる時間がと
れる!
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
UI/UX向上と
素早い開発が可能に
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
アニメーションプロトタイプ
おすすめです!
Copyright ?
201
7
Yahoo Japan Corporation. All Rights
Reserved.
ご静聴ありがとうございました

More Related Content

What's hot (20)

セキュリティ教育と鲍齿 ~结ばれていた赤い糸~
セキュリティ教育と鲍齿 ~结ばれていた赤い糸~セキュリティ教育と鲍齿 ~结ばれていた赤い糸~
セキュリティ教育と鲍齿 ~结ばれていた赤い糸~
驰补丑辞辞!デベロッパーネットワーク
?
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06
ReactとImmutable.jsで関数型を体験してみて思ったこと #scripty06
驰补丑辞辞!デベロッパーネットワーク
?
Bonfire API #1 APIのリトライ処理
Bonfire API #1 APIのリトライ処理Bonfire API #1 APIのリトライ処理
Bonfire API #1 APIのリトライ処理
驰补丑辞辞!デベロッパーネットワーク
?
決済金融から始めるデータドリブンカンパニー #yjmu
決済金融から始めるデータドリブンカンパニー #yjmu決済金融から始めるデータドリブンカンパニー #yjmu
決済金融から始めるデータドリブンカンパニー #yjmu
驰补丑辞辞!デベロッパーネットワーク
?
Automation of Rolling Upgrade of Hadoop Cluster without Data Lost and Job Fai...
Automation of Rolling Upgrade of Hadoop Cluster without Data Lost and Job Fai...Automation of Rolling Upgrade of Hadoop Cluster without Data Lost and Job Fai...
Automation of Rolling Upgrade of Hadoop Cluster without Data Lost and Job Fai...
驰补丑辞辞!デベロッパーネットワーク
?
全社デザインシステムとサービスの付き合い方
 全社デザインシステムとサービスの付き合い方 全社デザインシステムとサービスの付き合い方
全社デザインシステムとサービスの付き合い方
驰补丑辞辞!デベロッパーネットワーク
?
行ってみよう、やってみよう!
行ってみよう、やってみよう!行ってみよう、やってみよう!
行ってみよう、やってみよう!
gree_tech
?
私たち企業がアクセシビリティに取り組む理由(2018年) #accfes
私たち企業がアクセシビリティに取り組む理由(2018年) #accfes私たち企業がアクセシビリティに取り組む理由(2018年) #accfes
私たち企業がアクセシビリティに取り組む理由(2018年) #accfes
驰补丑辞辞!デベロッパーネットワーク
?
[デブサミ秋2015] 新卒入社エンジニアが 2年間fluentdを運用して学んだ事いろいろ
[デブサミ秋2015] 新卒入社エンジニアが2年間fluentdを運用して学んだ事いろいろ[デブサミ秋2015] 新卒入社エンジニアが2年間fluentdを運用して学んだ事いろいろ
[デブサミ秋2015] 新卒入社エンジニアが 2年間fluentdを運用して学んだ事いろいろ
gree_tech
?
行列ができる贰颁サイトの悩み~ショッピングや决済の技术的问题と処方笺
行列ができる贰颁サイトの悩み~ショッピングや决済の技术的问题と処方笺行列ができる贰颁サイトの悩み~ショッピングや决済の技术的问题と処方笺
行列ができる贰颁サイトの悩み~ショッピングや决済の技术的问题と処方笺
驰补丑辞辞!デベロッパーネットワーク
?
YJTC18 A-1 大規模サーハ?の戦略
YJTC18 A-1 大規模サーハ?の戦略YJTC18 A-1 大規模サーハ?の戦略
YJTC18 A-1 大規模サーハ?の戦略
驰补丑辞辞!デベロッパーネットワーク
?
驰补丑辞辞!ニュースにおける叠贵贵パフォーマンスチューニング事例
驰补丑辞辞!ニュースにおける叠贵贵パフォーマンスチューニング事例驰补丑辞辞!ニュースにおける叠贵贵パフォーマンスチューニング事例
驰补丑辞辞!ニュースにおける叠贵贵パフォーマンスチューニング事例
驰补丑辞辞!デベロッパーネットワーク
?
エクストリーム?プログラミング開発におけるUIテスト #yjbonfire
エクストリーム?プログラミング開発におけるUIテスト #yjbonfireエクストリーム?プログラミング開発におけるUIテスト #yjbonfire
エクストリーム?プログラミング開発におけるUIテスト #yjbonfire
驰补丑辞辞!デベロッパーネットワーク
?
搁笔碍滨勉强会/搁笔碍滨ユーザ叠辞贵
搁笔碍滨勉强会/搁笔碍滨ユーザ叠辞贵搁笔碍滨勉强会/搁笔碍滨ユーザ叠辞贵
搁笔碍滨勉强会/搁笔碍滨ユーザ叠辞贵
gree_tech
?
エンジニア以外の方が自ら厂蚕尝を使ってセグメント分析を行うカルチャーをどのように作っていったか
エンジニア以外の方が自ら厂蚕尝を使ってセグメント分析を行うカルチャーをどのように作っていったかエンジニア以外の方が自ら厂蚕尝を使ってセグメント分析を行うカルチャーをどのように作っていったか
エンジニア以外の方が自ら厂蚕尝を使ってセグメント分析を行うカルチャーをどのように作っていったか
gree_tech
?
インフラエンジニアの楽しい标準化活动
インフラエンジニアの楽しい标準化活动インフラエンジニアの楽しい标準化活动
インフラエンジニアの楽しい标準化活动
gree_tech
?
QAエンジニアを通じて 弊社の開発環境がより良くなる日 ? OpenSTF 編 ?
QAエンジニアを通じて弊社の開発環境がより良くなる日 ? OpenSTF 編 ?QAエンジニアを通じて弊社の開発環境がより良くなる日 ? OpenSTF 編 ?
QAエンジニアを通じて 弊社の開発環境がより良くなる日 ? OpenSTF 編 ?
gree_tech
?
Yahoo!カレンダーにおける技術移行について - Legacy Meetup Kyoto -
Yahoo!カレンダーにおける技術移行について - Legacy Meetup Kyoto -Yahoo!カレンダーにおける技術移行について - Legacy Meetup Kyoto -
Yahoo!カレンダーにおける技術移行について - Legacy Meetup Kyoto -
驰补丑辞辞!デベロッパーネットワーク
?
YJTC18 C-1 Kotlin導入の状況と展望
YJTC18 C-1 Kotlin導入の状況と展望YJTC18 C-1 Kotlin導入の状況と展望
YJTC18 C-1 Kotlin導入の状況と展望
驰补丑辞辞!デベロッパーネットワーク
?
行ってみよう、やってみよう!
行ってみよう、やってみよう!行ってみよう、やってみよう!
行ってみよう、やってみよう!
gree_tech
?
[デブサミ秋2015] 新卒入社エンジニアが 2年間fluentdを運用して学んだ事いろいろ
[デブサミ秋2015] 新卒入社エンジニアが2年間fluentdを運用して学んだ事いろいろ[デブサミ秋2015] 新卒入社エンジニアが2年間fluentdを運用して学んだ事いろいろ
[デブサミ秋2015] 新卒入社エンジニアが 2年間fluentdを運用して学んだ事いろいろ
gree_tech
?
行列ができる贰颁サイトの悩み~ショッピングや决済の技术的问题と処方笺
行列ができる贰颁サイトの悩み~ショッピングや决済の技术的问题と処方笺行列ができる贰颁サイトの悩み~ショッピングや决済の技术的问题と処方笺
行列ができる贰颁サイトの悩み~ショッピングや决済の技术的问题と処方笺
驰补丑辞辞!デベロッパーネットワーク
?
搁笔碍滨勉强会/搁笔碍滨ユーザ叠辞贵
搁笔碍滨勉强会/搁笔碍滨ユーザ叠辞贵搁笔碍滨勉强会/搁笔碍滨ユーザ叠辞贵
搁笔碍滨勉强会/搁笔碍滨ユーザ叠辞贵
gree_tech
?
エンジニア以外の方が自ら厂蚕尝を使ってセグメント分析を行うカルチャーをどのように作っていったか
エンジニア以外の方が自ら厂蚕尝を使ってセグメント分析を行うカルチャーをどのように作っていったかエンジニア以外の方が自ら厂蚕尝を使ってセグメント分析を行うカルチャーをどのように作っていったか
エンジニア以外の方が自ら厂蚕尝を使ってセグメント分析を行うカルチャーをどのように作っていったか
gree_tech
?
インフラエンジニアの楽しい标準化活动
インフラエンジニアの楽しい标準化活动インフラエンジニアの楽しい标準化活动
インフラエンジニアの楽しい标準化活动
gree_tech
?
QAエンジニアを通じて 弊社の開発環境がより良くなる日 ? OpenSTF 編 ?
QAエンジニアを通じて弊社の開発環境がより良くなる日 ? OpenSTF 編 ?QAエンジニアを通じて弊社の開発環境がより良くなる日 ? OpenSTF 編 ?
QAエンジニアを通じて 弊社の開発環境がより良くなる日 ? OpenSTF 編 ?
gree_tech
?

Viewers also liked (7)

CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットするCAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
CAMPFIRE DESIGN #1 「デザインの力」でビジネスにコミットする
驰补丑辞辞!デベロッパーネットワーク
?
Yahoo! JAPANアプリのデータベース処理改善 #yjcamp
Yahoo! JAPANアプリのデータベース処理改善 #yjcampYahoo! JAPANアプリのデータベース処理改善 #yjcamp
Yahoo! JAPANアプリのデータベース処理改善 #yjcamp
驰补丑辞辞!デベロッパーネットワーク
?
ニュースアプリで起きた不具合から学んだ 最適への一歩
ニュースアプリで起きた不具合から学んだ 最適への一歩ニュースアプリで起きた不具合から学んだ 最適への一歩
ニュースアプリで起きた不具合から学んだ 最適への一歩
驰补丑辞辞!デベロッパーネットワーク
?
颁础惭笔贵滨搁贰冲顿贰厂滨骋狈#1 デザイナーとデータ
颁础惭笔贵滨搁贰冲顿贰厂滨骋狈#1 デザイナーとデータ颁础惭笔贵滨搁贰冲顿贰厂滨骋狈#1 デザイナーとデータ
颁础惭笔贵滨搁贰冲顿贰厂滨骋狈#1 デザイナーとデータ
驰补丑辞辞!デベロッパーネットワーク
?
ビジネスとデザイナーの役割りの话
ビジネスとデザイナーの役割りの话ビジネスとデザイナーの役割りの话
ビジネスとデザイナーの役割りの话
Shizuka Yamada
?
Design for Business - AWAのデザインとビジネスの関係 -
Design for Business - AWAのデザインとビジネスの関係 -Design for Business - AWAのデザインとビジネスの関係 -
Design for Business - AWAのデザインとビジネスの関係 -
hidetoshi murohashi
?
そのあとの「デザイン」
そのあとの「デザイン」そのあとの「デザイン」
そのあとの「デザイン」
Mari Kimura
?

Similar to animation_prototype_campfire_design (12)

ライブ配信コンテンツ「ワイキュー」でやったこと
ライブ配信コンテンツ「ワイキュー」でやったことライブ配信コンテンツ「ワイキュー」でやったこと
ライブ配信コンテンツ「ワイキュー」でやったこと
SaoriSomeya
?
YJTC18 B-7 Yahoo! JAPANアプリの作り方
YJTC18 B-7 Yahoo! JAPANアプリの作り方YJTC18 B-7 Yahoo! JAPANアプリの作り方
YJTC18 B-7 Yahoo! JAPANアプリの作り方
驰补丑辞辞!デベロッパーネットワーク
?
GitHubを導入したいとき、どう説得していこう #GitHubSatelliteTokyo
GitHubを導入したいとき、どう説得していこう #GitHubSatelliteTokyoGitHubを導入したいとき、どう説得していこう #GitHubSatelliteTokyo
GitHubを導入したいとき、どう説得していこう #GitHubSatelliteTokyo
驰补丑辞辞!デベロッパーネットワーク
?
How to create android's c to c EC APP !
How to create android's c to c EC APP !How to create android's c to c EC APP !
How to create android's c to c EC APP !
Saiki Iijima
?
ヤフーにおける骋辞の一例绍介
ヤフーにおける骋辞の一例绍介ヤフーにおける骋辞の一例绍介
ヤフーにおける骋辞の一例绍介
ichirokato5
?
kukai: 省エネ世界2位のディープラーニング?スパコン
kukai: 省エネ世界2位のディープラーニング?スパコンkukai: 省エネ世界2位のディープラーニング?スパコン
kukai: 省エネ世界2位のディープラーニング?スパコン
驰补丑辞辞!デベロッパーネットワーク
?
A2-6 現場発!メールサービスを支える運用者の集い 2021 秋(ヤフー 中村氏)
A2-6 現場発!メールサービスを支える運用者の集い 2021 秋(ヤフー 中村氏)A2-6 現場発!メールサービスを支える運用者の集い 2021 秋(ヤフー 中村氏)
A2-6 現場発!メールサービスを支える運用者の集い 2021 秋(ヤフー 中村氏)
JPAAWG (Japan Anti-Abuse Working Group)
?
ドコモ础滨エージェントにおけるデバイス奥别产础笔滨の活用とサポートプログラムについて
ドコモ础滨エージェントにおけるデバイス奥别产础笔滨の活用とサポートプログラムについてドコモ础滨エージェントにおけるデバイス奥别产础笔滨の活用とサポートプログラムについて
ドコモ础滨エージェントにおけるデバイス奥别产础笔滨の活用とサポートプログラムについて
Device WebAPI Consortium
?
キャラクターを使ったユーザーコミュニケーション ?けんさくとえんじんの秘密? #ヤフー名古屋
キャラクターを使ったユーザーコミュニケーション ?けんさくとえんじんの秘密? #ヤフー名古屋キャラクターを使ったユーザーコミュニケーション ?けんさくとえんじんの秘密? #ヤフー名古屋
キャラクターを使ったユーザーコミュニケーション ?けんさくとえんじんの秘密? #ヤフー名古屋
驰补丑辞辞!デベロッパーネットワーク
?
In-app messaging
In-app messagingIn-app messaging
In-app messaging
Saiki Iijima
?
Toolsの杜- 弥生株式会社の自動仕訳エンジンを支えるフロントエンド ~ 「ダサいは、バグだ!」を標榜してUXを徹底的に追求する ~
Toolsの杜- 弥生株式会社の自動仕訳エンジンを支えるフロントエンド ~ 「ダサいは、バグだ!」を標榜してUXを徹底的に追求する ~Toolsの杜- 弥生株式会社の自動仕訳エンジンを支えるフロントエンド ~ 「ダサいは、バグだ!」を標榜してUXを徹底的に追求する ~
Toolsの杜- 弥生株式会社の自動仕訳エンジンを支えるフロントエンド ~ 「ダサいは、バグだ!」を標榜してUXを徹底的に追求する ~
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
?
ライブ配信コンテンツ「ワイキュー」でやったこと
ライブ配信コンテンツ「ワイキュー」でやったことライブ配信コンテンツ「ワイキュー」でやったこと
ライブ配信コンテンツ「ワイキュー」でやったこと
SaoriSomeya
?
How to create android's c to c EC APP !
How to create android's c to c EC APP !How to create android's c to c EC APP !
How to create android's c to c EC APP !
Saiki Iijima
?
ヤフーにおける骋辞の一例绍介
ヤフーにおける骋辞の一例绍介ヤフーにおける骋辞の一例绍介
ヤフーにおける骋辞の一例绍介
ichirokato5
?
A2-6 現場発!メールサービスを支える運用者の集い 2021 秋(ヤフー 中村氏)
A2-6 現場発!メールサービスを支える運用者の集い 2021 秋(ヤフー 中村氏)A2-6 現場発!メールサービスを支える運用者の集い 2021 秋(ヤフー 中村氏)
A2-6 現場発!メールサービスを支える運用者の集い 2021 秋(ヤフー 中村氏)
JPAAWG (Japan Anti-Abuse Working Group)
?
ドコモ础滨エージェントにおけるデバイス奥别产础笔滨の活用とサポートプログラムについて
ドコモ础滨エージェントにおけるデバイス奥别产础笔滨の活用とサポートプログラムについてドコモ础滨エージェントにおけるデバイス奥别产础笔滨の活用とサポートプログラムについて
ドコモ础滨エージェントにおけるデバイス奥别产础笔滨の活用とサポートプログラムについて
Device WebAPI Consortium
?
キャラクターを使ったユーザーコミュニケーション ?けんさくとえんじんの秘密? #ヤフー名古屋
キャラクターを使ったユーザーコミュニケーション ?けんさくとえんじんの秘密? #ヤフー名古屋キャラクターを使ったユーザーコミュニケーション ?けんさくとえんじんの秘密? #ヤフー名古屋
キャラクターを使ったユーザーコミュニケーション ?けんさくとえんじんの秘密? #ヤフー名古屋
驰补丑辞辞!デベロッパーネットワーク
?

More from 驰补丑辞辞!デベロッパーネットワーク (20)

ゼロから始める転移学习
ゼロから始める転移学习ゼロから始める転移学习
ゼロから始める転移学习
驰补丑辞辞!デベロッパーネットワーク
?
継続的なモデルモニタリングを実現するKubernetes Operator
継続的なモデルモニタリングを実現するKubernetes Operator継続的なモデルモニタリングを実現するKubernetes Operator
継続的なモデルモニタリングを実現するKubernetes Operator
驰补丑辞辞!デベロッパーネットワーク
?
ヤフーでは开発迅速性と品质のバランスをどう取ってるか
ヤフーでは开発迅速性と品质のバランスをどう取ってるかヤフーでは开発迅速性と品质のバランスをどう取ってるか
ヤフーでは开発迅速性と品质のバランスをどう取ってるか
驰补丑辞辞!デベロッパーネットワーク
?
オンプレML基盤on Kubernetes?パネルディスカッション
オンプレML基盤on Kubernetes?パネルディスカッションオンプレML基盤on Kubernetes?パネルディスカッション
オンプレML基盤on Kubernetes?パネルディスカッション
驰补丑辞辞!デベロッパーネットワーク
?
LakeTahoe
LakeTahoeLakeTahoe
LakeTahoe
驰补丑辞辞!デベロッパーネットワーク
?
オンプレML基盤on Kubernetes ?Yahoo! JAPAN AIPF?
オンプレML基盤on Kubernetes ?Yahoo! JAPAN AIPF?オンプレML基盤on Kubernetes ?Yahoo! JAPAN AIPF?
オンプレML基盤on Kubernetes ?Yahoo! JAPAN AIPF?
驰补丑辞辞!デベロッパーネットワーク
?
Persistent-memory-native Database High-availability Feature
Persistent-memory-native Database High-availability FeaturePersistent-memory-native Database High-availability Feature
Persistent-memory-native Database High-availability Feature
驰补丑辞辞!デベロッパーネットワーク
?
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
驰补丑辞辞!デベロッパーネットワーク
?
eコマースと実店舗の相互利益を目指したデザイン #yjtc
eコマースと実店舗の相互利益を目指したデザイン #yjtceコマースと実店舗の相互利益を目指したデザイン #yjtc
eコマースと実店舗の相互利益を目指したデザイン #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtcヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtcYahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
ビッグデータから人々のムードを捉える #yjtc
ビッグデータから人々のムードを捉える #yjtcビッグデータから人々のムードを捉える #yjtc
ビッグデータから人々のムードを捉える #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
サイエンス領域におけるMLOpsの取り組み #yjtc
サイエンス領域におけるMLOpsの取り組み #yjtcサイエンス領域におけるMLOpsの取り組み #yjtc
サイエンス領域におけるMLOpsの取り組み #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtcヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtcYahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
Yahoo! JAPAN Tech Conference 2022 Day2 Keynote #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtcPC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
PC版Yahoo!メールリニューアル ~サービスのUI/UX統合と改善プロセス~ #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
モブデザインによる多職種チームのコミュニケーション改善 #yjtc
モブデザインによる多職種チームのコミュニケーション改善 #yjtcモブデザインによる多職種チームのコミュニケーション改善 #yjtc
モブデザインによる多職種チームのコミュニケーション改善 #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
「新しいおうち探し」のためのAIアシスト検索 #yjtc
「新しいおうち探し」のためのAIアシスト検索 #yjtc「新しいおうち探し」のためのAIアシスト検索 #yjtc
「新しいおうち探し」のためのAIアシスト検索 #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtcユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
ユーザーの地域を考慮した検索入力補助機能の改善の試み #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
データの価値を最大化させるためのデザイン~データビジュアライゼーションの方法~ #devsumi 17-E-2
驰补丑辞辞!デベロッパーネットワーク
?
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtcヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
ヤフーを支えるセキュリティ ~サイバー攻撃を防ぐエンジニアの仕事とは~ #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtcYahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
Yahoo! JAPANのIaaSを支えるKubernetesクラスタ、アップデート自動化への挑戦 #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtcヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
ヤフーのAIプラットフォーム紹介 ~AIテックカンパニーを支えるデータ基盤~ #yjtc
驰补丑辞辞!デベロッパーネットワーク
?
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
新技術を使った次世代の商品の見せ方 ~ヤフオク!のマルチビュー機能~ #yjtc
驰补丑辞辞!デベロッパーネットワーク
?

Recently uploaded (11)

第1回日本理学疗法推论学会学术大会での発表资料(2025年3月2日 高桥可奈恵)
第1回日本理学疗法推论学会学术大会での発表资料(2025年3月2日 高桥可奈恵)第1回日本理学疗法推论学会学术大会での発表资料(2025年3月2日 高桥可奈恵)
第1回日本理学疗法推论学会学术大会での発表资料(2025年3月2日 高桥可奈恵)
Matsushita Laboratory
?
贬补谤耻办颈厂丑颈苍办补飞补冲尝尝惭を利用した果树农家の経験知の対话的蓄积支援冲诲别颈尘2025
贬补谤耻办颈厂丑颈苍办补飞补冲尝尝惭を利用した果树农家の経験知の対话的蓄积支援冲诲别颈尘2025贬补谤耻办颈厂丑颈苍办补飞补冲尝尝惭を利用した果树农家の経験知の対话的蓄积支援冲诲别颈尘2025
贬补谤耻办颈厂丑颈苍办补飞补冲尝尝惭を利用した果树农家の経験知の対话的蓄积支援冲诲别颈尘2025
Matsushita Laboratory
?
狈辞诲补滨迟蝉耻办颈冲反省観点の分类に基づく试合の振り返り支援システムに関する有用性検証冲顿贰滨惭2025
狈辞诲补滨迟蝉耻办颈冲反省観点の分类に基づく试合の振り返り支援システムに関する有用性検証冲顿贰滨惭2025狈辞诲补滨迟蝉耻办颈冲反省観点の分类に基づく试合の振り返り支援システムに関する有用性検証冲顿贰滨惭2025
狈辞诲补滨迟蝉耻办颈冲反省観点の分类に基づく试合の振り返り支援システムに関する有用性検証冲顿贰滨惭2025
Matsushita Laboratory
?
【卒业论文】尝尝惭を用いた惭耻濒迟颈-础驳别苍迟-顿别产补迟别における反论の効果に関する研究
【卒业论文】尝尝惭を用いた惭耻濒迟颈-础驳别苍迟-顿别产补迟别における反论の効果に関する研究【卒业论文】尝尝惭を用いた惭耻濒迟颈-础驳别苍迟-顿别产补迟别における反论の効果に関する研究
【卒业论文】尝尝惭を用いた惭耻濒迟颈-础驳别苍迟-顿别产补迟别における反论の効果に関する研究
harmonylab
?
【卒业论文】深层学习によるログ异常検知モデルを用いたサイバー攻撃検知に関する研究
【卒业论文】深层学习によるログ异常検知モデルを用いたサイバー攻撃検知に関する研究【卒业论文】深层学习によるログ异常検知モデルを用いたサイバー攻撃検知に関する研究
【卒业论文】深层学习によるログ异常検知モデルを用いたサイバー攻撃検知に関する研究
harmonylab
?
ラズパイを使って作品を作ったらラズパイコンテストで碍厂驰赏を貰って、さらに、文化庁メディア芸术祭で审査员推荐作品に选ばれてしまった件?自作チップでラズパイ...
ラズパイを使って作品を作ったらラズパイコンテストで碍厂驰赏を貰って、さらに、文化庁メディア芸术祭で审査员推荐作品に选ばれてしまった件?自作チップでラズパイ...ラズパイを使って作品を作ったらラズパイコンテストで碍厂驰赏を貰って、さらに、文化庁メディア芸术祭で审査员推荐作品に选ばれてしまった件?自作チップでラズパイ...
ラズパイを使って作品を作ったらラズパイコンテストで碍厂驰赏を貰って、さらに、文化庁メディア芸术祭で审査员推荐作品に选ばれてしまった件?自作チップでラズパイ...
Industrial Technology Research Institute (ITRI)(工業技術研究院, 工研院)
?
测距センサと滨惭鲍センサを用いた指轮型デバイスにおける颜认証システムの提案
测距センサと滨惭鲍センサを用いた指轮型デバイスにおける颜认証システムの提案测距センサと滨惭鲍センサを用いた指轮型デバイスにおける颜认証システムの提案
测距センサと滨惭鲍センサを用いた指轮型デバイスにおける颜认証システムの提案
sugiuralab
?
空间オーディオを用いたヘッドパスワードの提案と音源提示手法の最适化
空间オーディオを用いたヘッドパスワードの提案と音源提示手法の最适化空间オーディオを用いたヘッドパスワードの提案と音源提示手法の最适化
空间オーディオを用いたヘッドパスワードの提案と音源提示手法の最适化
sugiuralab
?
LF Decentralized Trust Tokyo Meetup 3
LF Decentralized Trust Tokyo Meetup 3LF Decentralized Trust Tokyo Meetup 3
LF Decentralized Trust Tokyo Meetup 3
LFDT Tokyo Meetup
?
実はアナタの身近にある!? Linux のチェックポイント/レストア機能 (NTT Tech Conference 2025 発表資料)
実はアナタの身近にある!? Linux のチェックポイント/レストア機能 (NTT Tech Conference 2025 発表資料)実はアナタの身近にある!? Linux のチェックポイント/レストア機能 (NTT Tech Conference 2025 発表資料)
実はアナタの身近にある!? Linux のチェックポイント/レストア機能 (NTT Tech Conference 2025 発表資料)
NTT DATA Technology & Innovation
?
2025フードテックWeek大阪展示会 - LoRaWANを使った複数ポイント温度管理 by AVNET玉井部長
2025フードテックWeek大阪展示会 - LoRaWANを使った複数ポイント温度管理 by AVNET玉井部長2025フードテックWeek大阪展示会 - LoRaWANを使った複数ポイント温度管理 by AVNET玉井部長
2025フードテックWeek大阪展示会 - LoRaWANを使った複数ポイント温度管理 by AVNET玉井部長
CRI Japan, Inc.
?
第1回日本理学疗法推论学会学术大会での発表资料(2025年3月2日 高桥可奈恵)
第1回日本理学疗法推论学会学术大会での発表资料(2025年3月2日 高桥可奈恵)第1回日本理学疗法推论学会学术大会での発表资料(2025年3月2日 高桥可奈恵)
第1回日本理学疗法推论学会学术大会での発表资料(2025年3月2日 高桥可奈恵)
Matsushita Laboratory
?
贬补谤耻办颈厂丑颈苍办补飞补冲尝尝惭を利用した果树农家の経験知の対话的蓄积支援冲诲别颈尘2025
贬补谤耻办颈厂丑颈苍办补飞补冲尝尝惭を利用した果树农家の経験知の対话的蓄积支援冲诲别颈尘2025贬补谤耻办颈厂丑颈苍办补飞补冲尝尝惭を利用した果树农家の経験知の対话的蓄积支援冲诲别颈尘2025
贬补谤耻办颈厂丑颈苍办补飞补冲尝尝惭を利用した果树农家の経験知の対话的蓄积支援冲诲别颈尘2025
Matsushita Laboratory
?
狈辞诲补滨迟蝉耻办颈冲反省観点の分类に基づく试合の振り返り支援システムに関する有用性検証冲顿贰滨惭2025
狈辞诲补滨迟蝉耻办颈冲反省観点の分类に基づく试合の振り返り支援システムに関する有用性検証冲顿贰滨惭2025狈辞诲补滨迟蝉耻办颈冲反省観点の分类に基づく试合の振り返り支援システムに関する有用性検証冲顿贰滨惭2025
狈辞诲补滨迟蝉耻办颈冲反省観点の分类に基づく试合の振り返り支援システムに関する有用性検証冲顿贰滨惭2025
Matsushita Laboratory
?
【卒业论文】尝尝惭を用いた惭耻濒迟颈-础驳别苍迟-顿别产补迟别における反论の効果に関する研究
【卒业论文】尝尝惭を用いた惭耻濒迟颈-础驳别苍迟-顿别产补迟别における反论の効果に関する研究【卒业论文】尝尝惭を用いた惭耻濒迟颈-础驳别苍迟-顿别产补迟别における反论の効果に関する研究
【卒业论文】尝尝惭を用いた惭耻濒迟颈-础驳别苍迟-顿别产补迟别における反论の効果に関する研究
harmonylab
?
【卒业论文】深层学习によるログ异常検知モデルを用いたサイバー攻撃検知に関する研究
【卒业论文】深层学习によるログ异常検知モデルを用いたサイバー攻撃検知に関する研究【卒业论文】深层学习によるログ异常検知モデルを用いたサイバー攻撃検知に関する研究
【卒业论文】深层学习によるログ异常検知モデルを用いたサイバー攻撃検知に関する研究
harmonylab
?
ラズパイを使って作品を作ったらラズパイコンテストで碍厂驰赏を貰って、さらに、文化庁メディア芸术祭で审査员推荐作品に选ばれてしまった件?自作チップでラズパイ...
ラズパイを使って作品を作ったらラズパイコンテストで碍厂驰赏を貰って、さらに、文化庁メディア芸术祭で审査员推荐作品に选ばれてしまった件?自作チップでラズパイ...ラズパイを使って作品を作ったらラズパイコンテストで碍厂驰赏を貰って、さらに、文化庁メディア芸术祭で审査员推荐作品に选ばれてしまった件?自作チップでラズパイ...
ラズパイを使って作品を作ったらラズパイコンテストで碍厂驰赏を貰って、さらに、文化庁メディア芸术祭で审査员推荐作品に选ばれてしまった件?自作チップでラズパイ...
Industrial Technology Research Institute (ITRI)(工業技術研究院, 工研院)
?
测距センサと滨惭鲍センサを用いた指轮型デバイスにおける颜认証システムの提案
测距センサと滨惭鲍センサを用いた指轮型デバイスにおける颜认証システムの提案测距センサと滨惭鲍センサを用いた指轮型デバイスにおける颜认証システムの提案
测距センサと滨惭鲍センサを用いた指轮型デバイスにおける颜认証システムの提案
sugiuralab
?
空间オーディオを用いたヘッドパスワードの提案と音源提示手法の最适化
空间オーディオを用いたヘッドパスワードの提案と音源提示手法の最适化空间オーディオを用いたヘッドパスワードの提案と音源提示手法の最适化
空间オーディオを用いたヘッドパスワードの提案と音源提示手法の最适化
sugiuralab
?
LF Decentralized Trust Tokyo Meetup 3
LF Decentralized Trust Tokyo Meetup 3LF Decentralized Trust Tokyo Meetup 3
LF Decentralized Trust Tokyo Meetup 3
LFDT Tokyo Meetup
?
実はアナタの身近にある!? Linux のチェックポイント/レストア機能 (NTT Tech Conference 2025 発表資料)
実はアナタの身近にある!? Linux のチェックポイント/レストア機能 (NTT Tech Conference 2025 発表資料)実はアナタの身近にある!? Linux のチェックポイント/レストア機能 (NTT Tech Conference 2025 発表資料)
実はアナタの身近にある!? Linux のチェックポイント/レストア機能 (NTT Tech Conference 2025 発表資料)
NTT DATA Technology & Innovation
?
2025フードテックWeek大阪展示会 - LoRaWANを使った複数ポイント温度管理 by AVNET玉井部長
2025フードテックWeek大阪展示会 - LoRaWANを使った複数ポイント温度管理 by AVNET玉井部長2025フードテックWeek大阪展示会 - LoRaWANを使った複数ポイント温度管理 by AVNET玉井部長
2025フードテックWeek大阪展示会 - LoRaWANを使った複数ポイント温度管理 by AVNET玉井部長
CRI Japan, Inc.
?

animation_prototype_campfire_design

  • 1. Copyright ? 201 Yahoo Japan Corporation. All Rights アニメーションプロトタイプでグロースハック 1 Copyright ? 201 Yahoo Japan Corporation. All Rights 2017.5.18 [THU] @LODGE Yahoo!ファイルマネージャー 渡辺
  • 2. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 渡辺英美 ヤフー新卒入社4年目 AndroidアプリのUI/UXデザインを担当
  • 3. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. Yahoo!ファイルマネージャー
  • 4. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. スマホのファイル整理、 不要ファイルの削除ができるアプリです。 紹介ムービーはこちら https://www.youtube.com/watch?v=MzB95C1G9EU
  • 5. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved.
  • 6. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 5ヶ月で行った施策
  • 7. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 課題 ファイルマネージャーアプリとしては評価は 高いが、毎日使いたくなるような機能がなかった
  • 8. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 解決 不要ファイル削除機能をリリース 「スマホを綺麗にして空き容量を増やしたい」 というユーザーニーズに答えて 毎日スマホのお掃除をしてもらえるように
  • 9. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 不要ファイル削除機能のゴール スマホの空き容量が少ない ゴミ(要らないデータ)を削除したい 削除してスマホがスッキリした!
  • 10. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 毎日使ってもらうためには スッキリ感のある UIアニメーションが必要
  • 11. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. アプリアニメーションとは
  • 12. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 押したくなる Twitterいいねボタン
  • 13. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 遷移が分かりやすい Googleマテリアルデザインガイドライン
  • 14. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. アニメーションは UI/UXを向上させるのに 欠かせない要素
  • 15. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. Yahoo!ファイルマネージャー でもアニメーションに こだわりました
  • 16. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 不要ファイル削除機能開発に アニメーション プロトタイピングを使用 短い期間でも機能の 品質向上が可能に!
  • 17. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 従来のアニメーションの決め方
  • 18. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. アニメーションを エンジニアさんに口頭で説明 デザイナー エンジニアUIパーツ 実装して確認
  • 19. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 「ここがくるくるっとなって 広がってフェードアウトします」
  • 20. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. いまいち伝わらない
  • 21. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 写真:XXX コミュニケーションコスト大 完成形が誰にも見えていない 品質がなかなかあがらない
  • 22. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. アニメーションプロトを作成 After effectsを利用してます
  • 23. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 通常通りに UIデザインと遷移図まで作成
  • 24. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 動きをつけていく
  • 25. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 気持ちのいいアニメーションのポイント
  • 26. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 自然な動きをつける スムーズな動きをつけることで心地いいと感じるアニメーションになる
  • 27. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 視線の誘導をする 動かす順番を工夫すればユーザに見てもらいたいものを訴求できる
  • 28. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. アニメーションプロトタイプの利点
  • 29. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 問題が見えやすい 手戻りが少ない
  • 30. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 機能開発全体のフロー 仕様、デザインの抜け漏れ 修正 機能の 概要決定 UI、遷移図 作成 プロトタイプ 作成 実装 テスト リリース
  • 31. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 機能開発全体のフロー フィードバックを受ける 修正 機能の 概要決定 UI、遷移図 作成 アニメーション プロトタイプ 作成 実装 テスト リリース 手戻りなくスムーズに
  • 32. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 動くものは周囲に見てもらいやすい。 問題発見と修正を素早くできる。 細かい部分までプロトタイプの段階で完成するた め開発さんの手戻りが少ない
  • 33. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. アニメーションと UI/UXの完成度が上がる
  • 34. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 従来の制作フロー ワイヤー 遷移図 UIビジュアル プロトタイプ (Prott等使用) 30% 60% 80% (完成度)
  • 35. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. ワイヤー 遷移図 UIビジュアル プロトタイプ (Prott等使用) アニメーション プロトタイプ 30% 60% 80% 100% (完成度) 導入後の制作フロー
  • 36. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. 120% 手戻りが少ないから 実装後細部調整できる! (完成度) さらに???
  • 37. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. デザイナーがアニメーションを作りきれる 手戻りが少ない分、細部までこだわれる時間がと れる!
  • 38. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. UI/UX向上と 素早い開発が可能に
  • 39. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. アニメーションプロトタイプ おすすめです!
  • 40. Copyright ? 201 7 Yahoo Japan Corporation. All Rights Reserved. ご静聴ありがとうございました