Webデザイナーが知っておきたいアプリの知識〜もしもアプリのデザインを頼まれたら？〜

•

39 likes•4,374 views

CSS Nite in OSAKA, Vol.32のセッション

Objective-C JAVA HTML

Objective-C JAVA HTML

App Store Google play

Android
1%
4% iOS
Windows
other
34%

61%

iOS Developer Library
Android developers
Metro スタイルアプリの構築方法を学ぶ

Objective-C JAVA HTML

デザイナーがコードから読み解く、
Designers Hack
Androidアプリのデザインの
デザイナーが主体のハッカソン
幅を広げるコツとTips

2012.09.01 2012.09.06
in Tokyo in Tokyo

Webデザイナーが知っておきたいアプリの知識〜もしもアプリのデザインを頼まれたら？〜

Recommended

ABC2016Spring Androidアプリ実装アンチパターン(暫定)

ABC2016Spring Androidアプリ実装アンチパターン(暫定)

ABC2016Spring Androidアプリ実装アンチパターン(暫定)

Android Studio 2.2の紹介@Google I/O 2016東京報告会

Android Studio 2.2の紹介@Google I/O 2016東京報告会

Android Studio 2.2の紹介@Google I/O 2016東京報告会

20170804 Builderscon Androidアプリ開発アンチパターン

20170804 Builderscon Androidアプリ開発アンチパターン

20170804 Builderscon Androidアプリ開発アンチパターン

Osc html5-monaca

Osc html5-monaca

Osc html5-monaca

Cordovaで作る！センサと超小型BLEモジュールを用いた簡単IoTアプリ開発

Cordovaで作る！センサと超小型BLEモジュールを用いた簡単IoTアプリ開発

Cordovaで作る！センサと超小型BLEモジュールを用いた簡単IoTアプリ開発

10分でわかったつもりになるLean Analytics_10min lean analytics

10分でわかったつもりになるLean Analytics_10min lean analytics

10分でわかったつもりになるLean Analytics_10min lean analytics

UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015

UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015

UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015

Webデザイナーのためのタイポグラフィ入門1

Webデザイナーのためのタイポグラフィ入門1

Webデザイナーのためのタイポグラフィ入門1

Recommended

ABC2016Spring Androidアプリ実装アンチパターン(暫定)

ABC2016Spring Androidアプリ実装アンチパターン(暫定)

ABC2016Spring Androidアプリ実装アンチパターン(暫定)

Android Studio 2.2の紹介@Google I/O 2016東京報告会

Android Studio 2.2の紹介@Google I/O 2016東京報告会

Android Studio 2.2の紹介@Google I/O 2016東京報告会

20170804 Builderscon Androidアプリ開発アンチパターン

20170804 Builderscon Androidアプリ開発アンチパターン

20170804 Builderscon Androidアプリ開発アンチパターン

Osc html5-monaca

Osc html5-monaca

Osc html5-monaca

Cordovaで作る！センサと超小型BLEモジュールを用いた簡単IoTアプリ開発

Cordovaで作る！センサと超小型BLEモジュールを用いた簡単IoTアプリ開発

Cordovaで作る！センサと超小型BLEモジュールを用いた簡単IoTアプリ開発

10分でわかったつもりになるLean Analytics_10min lean analytics

10分でわかったつもりになるLean Analytics_10min lean analytics

10分でわかったつもりになるLean Analytics_10min lean analytics

UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015

UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015

UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015

Webデザイナーのためのタイポグラフィ入門1

Webデザイナーのためのタイポグラフィ入門1

Webデザイナーのためのタイポグラフィ入門1

レスポンシブサイト制作に効くデザインTipsあれこれ

レスポンシブサイト制作に効くデザインTipsあれこれ

レスポンシブサイト制作に効くデザインTipsあれこれ

いいデザインのために組織の一人ひとりができること

いいデザインのために組織の一人ひとりができること

いいデザインのために組織の一人ひとりができること

Masahiko Yoshikawa

アクセシビリティからはじめる、WebサイトのUXデザイン

アクセシビリティからはじめる、WebサイトのUXデザイン

アクセシビリティからはじめる、WebサイトのUXデザイン

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

実践的なUXデザインとインタラクションデザインの考え方

実践的なUXデザインとインタラクションデザインの考え方

実践的なUXデザインとインタラクションデザインの考え方

Takahiro Ishiyama

インタフェースデザインの心理学まとめ

インタフェースデザインの心理学まとめ

インタフェースデザインの心理学まとめ

Sketchで変わるワークフロー

Sketchで変わるワークフロー

Sketchで変わるワークフロー

事例で学ぶデザインの原則 by Life is Tech !

事例で学ぶデザインの原則 by Life is Tech !

事例で学ぶデザインの原則 by Life is Tech !

ニコニコ超デザイン-Metro考察編-

ニコニコ超デザイン-Metro考察編-

ニコニコ超デザイン-Metro考察編-

Mizushima Kazuhiro

ニコニコ超デザイン-Metro死闘編- http://www.slideshare.net/VoQn/metro-12761898 の続きです，元々は社内勉強会の資料として作成しました死闘編は経緯だったりネタ的な要素に走りすぎたのでデザインに関するナレッジはここにまとめてありますより実践的かつ具体的なノウハウ等は正規リリース後あたりで公開したいと思っています

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Ryoji Fujishita

新作スライドボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました！ぜひコチラもお読みください！読んでくれてありがとう！面白かったらぜひぜひシェアしてくれると嬉しいよ！(`･ω･´)b ダウンロードもプリントも配布もご自由にどうぞ！たくさんの人にみてもらえれば最高です！デザインが苦手な人ほどオススメ！ Aさんはデザインはこうだという。 Bさんはデザインはああだという。ああああああもう！！結局どっちが正しいんだよ！？そんな疑問がたった13ページで解決します！ "デザイン"なのに真逆のことをいう人達がいるのは、実はこういうことだった！もう、デザインが苦手なんてことない！

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

Tomoyuki Arasuna

マテリアルデザインを用いたデザインリニューアル [フリル編]

マテリアルデザインを用いたデザインリニューアル [フリル編]

マテリアルデザインを用いたデザインリニューアル [フリル編]

企画が考えるスマホUIデザイン

企画が考えるスマホUIデザイン

企画が考えるスマホUIデザインKatsumi Mizushima

確実に良くするUI/UX設計

Takayuki Fukatsu

日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

ITエンジニアに易しいUI/UXデザイン

ITエンジニアに易しいUI/UXデザイン

ITエンジニアに易しいUI/UXデザインRoy Kim

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

女子の心をつかむUIデザインポイント - MERY編 -

女子の心をつかむUIデザインポイント - MERY編 -

女子の心をつかむUIデザインポイント - MERY編 -

2015.10.07 (水) @DeNA 渋谷ヒカリエ UI Crunch - Girls’ Night / 女子の心をつかむUIデザインのコツ http://ui-crunch.connpass.com/event/20562/ にて登壇した内容。 1年間iOSとAndroidのアプリの設計デザイン・運用・改善フェーズに関わったMERYアプリを元に「女子の心をつかむUIデザインポイント」をお話ししました。 MERYは、トレンドに敏感な女の子のためのサービスです。ファッション、メイク、ヘアスタイルなど女の子のためになる記事が毎日読めて、記事で紹介されたファッションアイテムなど買うことができます。 iOS https://itunes.apple.com/jp/app/mery-meri-nuno-zinotameno/id884484921?l=en&mt=8 Android https://play.google.com/store/apps/details?id=jp.peroli.mery&hl=ja

More Related Content

Viewers also liked

レスポンシブサイト制作に効くデザインTipsあれこれ

レスポンシブサイト制作に効くデザインTipsあれこれ

レスポンシブサイト制作に効くデザインTipsあれこれ

いいデザインのために組織の一人ひとりができること

いいデザインのために組織の一人ひとりができること

いいデザインのために組織の一人ひとりができること

Masahiko Yoshikawa

アクセシビリティからはじめる、WebサイトのUXデザイン

アクセシビリティからはじめる、WebサイトのUXデザイン

アクセシビリティからはじめる、WebサイトのUXデザイン

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

実践的なUXデザインとインタラクションデザインの考え方

実践的なUXデザインとインタラクションデザインの考え方

実践的なUXデザインとインタラクションデザインの考え方

Takahiro Ishiyama

インタフェースデザインの心理学まとめ

インタフェースデザインの心理学まとめ

インタフェースデザインの心理学まとめ

Sketchで変わるワークフロー

Sketchで変わるワークフロー

Sketchで変わるワークフロー

事例で学ぶデザインの原則 by Life is Tech !

事例で学ぶデザインの原則 by Life is Tech !

事例で学ぶデザインの原則 by Life is Tech !

ニコニコ超デザイン-Metro考察編-

ニコニコ超デザイン-Metro考察編-

ニコニコ超デザイン-Metro考察編-

Mizushima Kazuhiro

ニコニコ超デザイン-Metro死闘編- http://www.slideshare.net/VoQn/metro-12761898 の続きです，元々は社内勉強会の資料として作成しました死闘編は経緯だったりネタ的な要素に走りすぎたのでデザインに関するナレッジはここにまとめてありますより実践的かつ具体的なノウハウ等は正規リリース後あたりで公開したいと思っています

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Ryoji Fujishita

新作スライドボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました！ぜひコチラもお読みください！読んでくれてありがとう！面白かったらぜひぜひシェアしてくれると嬉しいよ！(`･ω･´)b ダウンロードもプリントも配布もご自由にどうぞ！たくさんの人にみてもらえれば最高です！デザインが苦手な人ほどオススメ！ Aさんはデザインはこうだという。 Bさんはデザインはああだという。ああああああもう！！結局どっちが正しいんだよ！？そんな疑問がたった13ページで解決します！ "デザイン"なのに真逆のことをいう人達がいるのは、実はこういうことだった！もう、デザインが苦手なんてことない！

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

Tomoyuki Arasuna

マテリアルデザインを用いたデザインリニューアル [フリル編]

マテリアルデザインを用いたデザインリニューアル [フリル編]

マテリアルデザインを用いたデザインリニューアル [フリル編]

企画が考えるスマホUIデザイン

企画が考えるスマホUIデザイン

企画が考えるスマホUIデザインKatsumi Mizushima

確実に良くするUI/UX設計

Takayuki Fukatsu

日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

ITエンジニアに易しいUI/UXデザイン

ITエンジニアに易しいUI/UXデザイン

ITエンジニアに易しいUI/UXデザインRoy Kim

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

女子の心をつかむUIデザインポイント - MERY編 -

女子の心をつかむUIデザインポイント - MERY編 -

女子の心をつかむUIデザインポイント - MERY編 -

2015.10.07 (水) @DeNA 渋谷ヒカリエ UI Crunch - Girls’ Night / 女子の心をつかむUIデザインのコツ http://ui-crunch.connpass.com/event/20562/ にて登壇した内容。 1年間iOSとAndroidのアプリの設計デザイン・運用・改善フェーズに関わったMERYアプリを元に「女子の心をつかむUIデザインポイント」をお話ししました。 MERYは、トレンドに敏感な女の子のためのサービスです。ファッション、メイク、ヘアスタイルなど女の子のためになる記事が毎日読めて、記事で紹介されたファッションアイテムなど買うことができます。 iOS https://itunes.apple.com/jp/app/mery-meri-nuno-zinotameno/id884484921?l=en&mt=8 Android https://play.google.com/store/apps/details?id=jp.peroli.mery&hl=ja

Viewers also liked (19)

レスポンシブサイト制作に効くデザインTipsあれこれ

レスポンシブサイト制作に効くデザインTipsあれこれ

レスポンシブサイト制作に効くデザインTipsあれこれ

いいデザインのために組織の一人ひとりができること

いいデザインのために組織の一人ひとりができること

いいデザインのために組織の一人ひとりができること

アクセシビリティからはじめる、WebサイトのUXデザイン

アクセシビリティからはじめる、WebサイトのUXデザイン

アクセシビリティからはじめる、WebサイトのUXデザイン

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

〜デザイン初心者向け〜  デザイン時に気をつけると幸せになれる事

実践的なUXデザインとインタラクションデザインの考え方

実践的なUXデザインとインタラクションデザインの考え方

実践的なUXデザインとインタラクションデザインの考え方

インタフェースデザインの心理学まとめ

インタフェースデザインの心理学まとめ

インタフェースデザインの心理学まとめ

Sketchで変わるワークフロー

Sketchで変わるワークフロー

Sketchで変わるワークフロー

事例で学ぶデザインの原則 by Life is Tech !

事例で学ぶデザインの原則 by Life is Tech !

事例で学ぶデザインの原則 by Life is Tech !

ニコニコ超デザイン-Metro考察編-

ニコニコ超デザイン-Metro考察編-

ニコニコ超デザイン-Metro考察編-

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

Appleとgoogleのデザインガイドライン比較～スマートフォン向けwebデザインのポイント～

マテリアルデザインを用いたデザインリニューアル [フリル編]

マテリアルデザインを用いたデザインリニューアル [フリル編]

マテリアルデザインを用いたデザインリニューアル [フリル編]

企画が考えるスマホUIデザイン

企画が考えるスマホUIデザイン

企画が考えるスマホUIデザイン

確実に良くするUI/UX設計

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

誰に何を伝える？わたしのデザインコンセプトの作り方、探し方

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

ITエンジニアに易しいUI/UXデザイン

ITエンジニアに易しいUI/UXデザイン

ITエンジニアに易しいUI/UXデザイン

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス

女子の心をつかむUIデザインポイント - MERY編 -

女子の心をつかむUIデザインポイント - MERY編 -

女子の心をつかむUIデザインポイント - MERY編 -

Webデザイナーが知っておきたいアプリの知識〜もしもアプリのデザインを頼まれたら？〜

1.

2.

3.

4. Objective-C JAVA HTML

5. Objective-C JAVA HTML

6.

7.

8. App Store Google play Android 1% 4% iOS Windows other 34% 61%

9.

10.

11.

12.

13.

14. iOS Developer Library Android developers Metro スタイルアプリの構築方法を学ぶ

15.

16.

17.

18.

19. Objective-C JAVA HTML

20.

21.

22. デザイナーがコードから読み解く、 Designers Hack Androidアプリのデザインのデザイナーが主体のハッカソン幅を広げるコツとTips 2012.09.01 2012.09.06 in Tokyo in Tokyo