Submit Search
Upload
ネイティブアプリにおける、UI/インタラクションのトレンド
•
211 likes
•
180,857 views
yosuke sato
Follow
TREND OF UI DESIGN AND INTERACTION IN NATIVE APPS.
Read less
Read more
Design
Report
Share
Report
Share
1 of 57
Download now
Download to read offline
Recommended
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
Recommended
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
これからはじめるサービスデザイン
これからはじめるサービスデザイン
Concent, Inc.
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
Masaya Ando
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
UIデザインの基本
UIデザインの基本
Roy Kim
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Makoto Shimizu
More Related Content
What's hot
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
これからはじめるサービスデザイン
これからはじめるサービスデザイン
Concent, Inc.
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
Masaya Ando
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
UIデザインの基本
UIデザインの基本
Roy Kim
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
What's hot
(20)
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
これからはじめるサービスデザイン
これからはじめるサービスデザイン
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
確実に良くするUI/UX設計
確実に良くするUI/UX設計
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
0528 kanntigai ui_ux
0528 kanntigai ui_ux
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
UIデザインの基本
UIデザインの基本
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Viewers also liked
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Makoto Shimizu
UXとブランド
UXとブランド
Takehisa Gokaichi
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Hiroki Takaba
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
Katsuhito Okada
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig24/7
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
INI株式会社
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Katsumi Mizushima
UXはじめの一歩
UXはじめの一歩
井上 誠
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
Viewers also liked
(20)
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
UXとブランド
UXとブランド
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
UIの話は会議室でするな
UIの話は会議室でするな
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
なぜUXをデザインしているのか
なぜUXをデザインしているのか
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
UXの考え方とアプローチ
UXの考え方とアプローチ
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
UXはじめの一歩
UXはじめの一歩
UXのためのUIデザイン
UXのためのUIデザイン
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Similar to ネイティブアプリにおける、UI/インタラクションのトレンド
No innovative ideas can be created from persona and customer journey maps
No innovative ideas can be created from persona and customer journey maps
Toru Mizumoto
モバイルのためのUXデザイン
モバイルのためのUXデザイン
Yoshinori Wakizaka
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
Hideto Ishibashi
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
インターリンク株式会社
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
GoAzure
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
Noriyo Asano
20140515 digital media publishing user interface design
20140515 digital media publishing user interface design
Japan Electronic Publishing Association
Go azure5 16 9_提出用
Go azure5 16 9_提出用
Mami Shiino
DevLOVEkosien2014_itow_ponde
DevLOVEkosien2014_itow_ponde
英明 伊藤
01_良いユーザー体験のためのデザイン
01_良いユーザー体験のためのデザイン
Emi Takayama
Ux入門
Ux入門
GIG inc.
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
ソフトウェア工学の基礎
ソフトウェア工学の基礎
Tatsuya Yagi
本当は怖いUXデザイン~あなたはスマホにコントロールされている?
本当は怖いUXデザイン~あなたはスマホにコントロールされている?
Akihiro Moriyama
Saleshub uxro survice document ver1.1
Saleshub uxro survice document ver1.1
hirotakashimazaki
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
Hiroyuki Arai
UXD教育の実態と課題
UXD教育の実態と課題
Masaya Ando
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
Takahiro YAMAGUCHI
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUX
Yasushi Senda
UX - 業務システムにも感動を
UX - 業務システムにも感動を
Yasunobu Kawaguchi
Similar to ネイティブアプリにおける、UI/インタラクションのトレンド
(20)
No innovative ideas can be created from persona and customer journey maps
No innovative ideas can be created from persona and customer journey maps
モバイルのためのUXデザイン
モバイルのためのUXデザイン
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
20140515 digital media publishing user interface design
20140515 digital media publishing user interface design
Go azure5 16 9_提出用
Go azure5 16 9_提出用
DevLOVEkosien2014_itow_ponde
DevLOVEkosien2014_itow_ponde
01_良いユーザー体験のためのデザイン
01_良いユーザー体験のためのデザイン
Ux入門
Ux入門
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
ソフトウェア工学の基礎
ソフトウェア工学の基礎
本当は怖いUXデザイン~あなたはスマホにコントロールされている?
本当は怖いUXデザイン~あなたはスマホにコントロールされている?
Saleshub uxro survice document ver1.1
Saleshub uxro survice document ver1.1
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD教育の実態と課題
UXD教育の実態と課題
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって?
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUX
UX - 業務システムにも感動を
UX - 業務システムにも感動を
ネイティブアプリにおける、UI/インタラクションのトレンド
1.
TREND OF UI DESIGN AND
INTERACTION IN NATIVE APPS@sugaar 2015/05/15
2.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
3.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
4.
UI
5.
機械、特にコンピューターとその機械の利用者(通常は人間) 間での情報をやりとりするためのインタフェースである。 ユーザーインタフェース (user interface) http://ja.wikipedia.org/wiki/ユーザインタフェース UI
6.
UX
7.
http://ja.wikipedia.org/wiki/ユーザーエクスペリエンスデザイン 製品、システム、サービスを使用した、および/または、 使用を予期したことに起因する人の知覚(認知)や反応 ユーザーエクスペリエンス(User experience) UX
8.
ユーザーがある製品やシステムを使ったときに得られる 経験や満足など全体を指す用語 http://ja.wikipedia.org/wiki/ユーザインタフェース
9.
= 使い心地?UX
10.
UI / UX
11.
UI / UX
12.
http://54solutions.com/services/graphic-ux-design/ UX Business Model UI TypoVisual Design Info Market Brand Technology Develop Intera- ction Anima- tion Plan
13.
インタラクションの 誤解
14.
派手に 動く 見た事が ない 驚きが ある なんかリッ チ 普通 じゃない
15.
派手に 動く 見た事が ない 驚きが ある なんかリッ チ 普通 じゃない 誤解
16.
優れたUIは 優れたUXの一部であって 自然なインタラクションは 使い心地の為の演出である
17.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
18.
WEBで見つける
19.
http://pttrns.com/?did=1 http://capptivate.co
20.
ストアで見つける
21.
22.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
23.
Storehouse 浮遊しているような世界観で、遷移がシームレス 直感的な写真の複数枚投稿 実はiPadがメイン iOS
24.
STELLER めくる行為にフォーカスした作り 物語を作るような感覚で、投稿画面を感じさせない iOS
25.
Paper 長押し時の、カテゴリ追加 フリック時の心地よいラグ、背景画像をリフレクト webビューがwebビューっぽくない iOS
26.
Pixotale 思わずフリックしたくなる、ローディング 詳細画面への自然な遷移 投稿画面でのテキストブロックの挙動 iOS
27.
Ultravisual 詳細画面の背景色が写真のカラー 吸着するアニメーション 投稿時のローディングがモザイク iOS
28.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
29.
Moldiv メニューボタンを置かない変わりに、 起動時に画面をバウンスさせて、左メニューを示唆 AndroidiOS
30.
Timeline 詳細画面に遷移時のシームレスな感じ 遷移時のローディングで、スクロールを示唆 iOS
31.
Yarnee 詳細画面で、上フリック時にバウンスさせ 下方向にコンテンツがある事を示唆 全て見終わるとフィードに戻る iOS
32.
Starbucks menuでスクロール時に、スクロールの速度に応じて 下のコンテンツを示唆する見切れ iOS
33.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
34.
FIFA イメージカラーが全面のメニュー パララックスを用いたゲームのメニュー画面 OS毎に工夫されたUI AndroidiOS
35.
Reuters TV 全体的な浮遊感 パララックスと読み込みの順番でメディアを演出 iOS
36.
FastCompany 下方向を示唆する写真の切り方 スクロール時のパララックスで1つ1つをリッチに iOS
37.
News digest 写真を印象的に見せる切り方 上下左右のパララックス iOS
38.
Recipes パララックスを用いたフリック遷移 分厚いバー固定 色んな所に×マークがあるが、押せない iOS
39.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
40.
Medium フィードやメニューは普通に使い易い 投稿画面のカーソルの位置を計算して、画面がズレる iOS
41.
8 tracks シームレスなチュートリアル (iOS)EXPLOREで絞り込み後、左右のフリックで遷移 した後にback操作をすると、始めに戻ってからFixする AndroidiOS
42.
Taco bell メニューを2カラムで表示しながら絞り込める ホームフィードへの自然な遷移 iOS
43.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
44.
FYUSE 写真×3D 傾きを用いて閲覧 精度の高いマッピング AndroidiOS
45.
Hitlist 詳細画面の写真が傾きで見える 詳細画面でランドスケープさせると地図表示になる 検索が直感的 AndroidiOS
46.
1. 言葉の定義 ■ UI ■
UX ■ インタラクション 2. アプリの探し方 ■ おすすめの探し方 3. おすすめアプリ ■ 世界観をUIで体現 ■ 示唆するUI ■ 惹き立たせるUI ■ 気の利いたUI ■ ゆび以外を用いるUI ■ マテリアルデザイン
47.
Play News Stand iOSでもマテリアルデザインに準拠 位置によって違う2種類のナビゲーションメニュー AndroidiOS
48.
Delectable マテリアルデザインを踏襲 詳細ページや、ユーザーページへの遷移がシームレス AndroidiOS
49.
Why? material design
50.
マテリアルデザインに対応した Evernote for Android https://blog.evernote.com/jp/2015/03/12/47325
51.
Google の最新のコンセプトや美意識、 異なるデバイスでの統一感などを Evernote
に取り入れることで、 Android アプリ開発の最先端を行くアプリを作りたかった。 https://blog.evernote.com/jp/2015/03/12/47325 Evernote の Android プロダクト・マネージャー テレサ・ピタピリー (Theresa Pittapilly)
52.
最後に
53.
派手に 動く 見た事が ない 驚きが ある なんかリッ チ 普通 じゃない
54.
派手に 動く 見た事が ない 驚きが ある なんかリッ チ 普通 じゃない 誤解
55.
優れたUIは 優れたUXの一部であって 自然なインタラクションは 使い心地の為の演出である
56.
Amebaのクリエイティブディレクターが徹底考察! UI/UXがイケてる! おすすめスマホアプリ http://www.mdn.co.jp/di/articles/3332/ 連載中
57.
Thank you @sugaar 2015/05/15
Download now