Submit Search
Upload
DeNA Creative Seminar #2 に行ってきた
•
2 likes
•
1,186 views
silvers ofsilvers
Follow
DeNA Creative Seminar #2 に行ってきた話を社内でしたときの資料
Read less
Read more
Technology
Report
Share
Report
Share
1 of 17
Download now
Download to read offline
Recommended
【Unite 2017 Tokyo】UnityとHoloLensとクラウドの連携による3Dソリューション「AR CAD Cloud」
【Unite 2017 Tokyo】UnityとHoloLensとクラウドの連携による3Dソリューション「AR CAD Cloud」
Unity Technologies Japan K.K.
Google io2011報告
Google io2011報告
cat kaotaro
デジゲー博2015に行ってきた話
デジゲー博2015に行ってきた話
tuna cook
CSS Nite LP38に行ってきた
CSS Nite LP38に行ってきた
Yasuyuki Fujikawa
OpenStack Summit Austin 2016 参加報告 - OpenStack最新情報セミナー 2016年5月
OpenStack Summit Austin 2016 参加報告 - OpenStack最新情報セミナー 2016年5月
VirtualTech Japan Inc.
Minimal design(ミニマル・デザイン)の考え方
Minimal design(ミニマル・デザイン)の考え方
KYOTA KONNO
おじさん二人が語る OOW デビューのススメ! Oracle OpenWorld 2016参加報告 [検閲版] 株式会社コーソル 杉本 篤信, 河野 敏彦
おじさん二人が語る OOW デビューのススメ! Oracle OpenWorld 2016参加報告 [検閲版] 株式会社コーソル 杉本 篤信, 河野 敏彦
CO-Sol for Community
MMORPGで考えるゲームデザイン(2014年改訂版)
MMORPGで考えるゲームデザイン(2014年改訂版)
Katsumi Mizushima
Recommended
【Unite 2017 Tokyo】UnityとHoloLensとクラウドの連携による3Dソリューション「AR CAD Cloud」
【Unite 2017 Tokyo】UnityとHoloLensとクラウドの連携による3Dソリューション「AR CAD Cloud」
Unity Technologies Japan K.K.
Google io2011報告
Google io2011報告
cat kaotaro
デジゲー博2015に行ってきた話
デジゲー博2015に行ってきた話
tuna cook
CSS Nite LP38に行ってきた
CSS Nite LP38に行ってきた
Yasuyuki Fujikawa
OpenStack Summit Austin 2016 参加報告 - OpenStack最新情報セミナー 2016年5月
OpenStack Summit Austin 2016 参加報告 - OpenStack最新情報セミナー 2016年5月
VirtualTech Japan Inc.
Minimal design(ミニマル・デザイン)の考え方
Minimal design(ミニマル・デザイン)の考え方
KYOTA KONNO
おじさん二人が語る OOW デビューのススメ! Oracle OpenWorld 2016参加報告 [検閲版] 株式会社コーソル 杉本 篤信, 河野 敏彦
おじさん二人が語る OOW デビューのススメ! Oracle OpenWorld 2016参加報告 [検閲版] 株式会社コーソル 杉本 篤信, 河野 敏彦
CO-Sol for Community
MMORPGで考えるゲームデザイン(2014年改訂版)
MMORPGで考えるゲームデザイン(2014年改訂版)
Katsumi Mizushima
マルチスクリーン対応と最近のアプリの傾向
マルチスクリーン対応と最近のアプリの傾向
Yuki Anzai
AndroidのUI設計で押さえておきたいポイント
AndroidのUI設計で押さえておきたいポイント
Takayuki Inoue
これからのIT人材のためのワーク・シフト
これからのIT人材のためのワーク・シフト
Daisuke Masubuchi
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
Kaoru NAKAMURA
[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1
MinGeun Park
20101127 Android Usability Seminar
20101127 Android Usability Seminar
Visso株式会社
Shinjuku.html5.lunch #11
Shinjuku.html5.lunch #11
Kazuyuki CHINDA
LightSwitch で遊んでみた Rev. 2
LightSwitch で遊んでみた Rev. 2
Yoshitaka Seo
リモート・スマホ・レンタル(第2回 Androidテスト祭り)
リモート・スマホ・レンタル(第2回 Androidテスト祭り)
NTT Resonant Technology Inc.
リモート・スマホ・レンタル
リモート・スマホ・レンタル
NTT Resonant Technology Inc.
Unityでオニオンアーキテクチャ
Unityでオニオンアーキテクチャ
torisoup
レスポンシブWebデザインによる開発効率化
レスポンシブWebデザインによる開発効率化
亮 門屋
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
PanoPlazaについて
PanoPlazaについて
カディンチェ株式会社
B 2-1 はじめての Windows Azure
B 2-1 はじめての Windows Azure
GoAzure
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Mitsuru Katoh
レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】
Yasuhito Yabe
AozoraYomite @InfoTalk 2012/12/21
AozoraYomite @InfoTalk 2012/12/21
Yuki Higuchi
Unity って何?
Unity って何?
Katsutoshi Makino
スマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブル
Hiroaki Wakamatsu
こんなチームにしたいなあ
こんなチームにしたいなあ
silvers ofsilvers
チームを作るワークショップ2015
チームを作るワークショップ2015
silvers ofsilvers
More Related Content
Similar to DeNA Creative Seminar #2 に行ってきた
マルチスクリーン対応と最近のアプリの傾向
マルチスクリーン対応と最近のアプリの傾向
Yuki Anzai
AndroidのUI設計で押さえておきたいポイント
AndroidのUI設計で押さえておきたいポイント
Takayuki Inoue
これからのIT人材のためのワーク・シフト
これからのIT人材のためのワーク・シフト
Daisuke Masubuchi
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
Kaoru NAKAMURA
[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1
MinGeun Park
20101127 Android Usability Seminar
20101127 Android Usability Seminar
Visso株式会社
Shinjuku.html5.lunch #11
Shinjuku.html5.lunch #11
Kazuyuki CHINDA
LightSwitch で遊んでみた Rev. 2
LightSwitch で遊んでみた Rev. 2
Yoshitaka Seo
リモート・スマホ・レンタル(第2回 Androidテスト祭り)
リモート・スマホ・レンタル(第2回 Androidテスト祭り)
NTT Resonant Technology Inc.
リモート・スマホ・レンタル
リモート・スマホ・レンタル
NTT Resonant Technology Inc.
Unityでオニオンアーキテクチャ
Unityでオニオンアーキテクチャ
torisoup
レスポンシブWebデザインによる開発効率化
レスポンシブWebデザインによる開発効率化
亮 門屋
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
PanoPlazaについて
PanoPlazaについて
カディンチェ株式会社
B 2-1 はじめての Windows Azure
B 2-1 はじめての Windows Azure
GoAzure
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Mitsuru Katoh
レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】
Yasuhito Yabe
AozoraYomite @InfoTalk 2012/12/21
AozoraYomite @InfoTalk 2012/12/21
Yuki Higuchi
Unity って何?
Unity って何?
Katsutoshi Makino
スマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブル
Hiroaki Wakamatsu
Similar to DeNA Creative Seminar #2 に行ってきた
(20)
マルチスクリーン対応と最近のアプリの傾向
マルチスクリーン対応と最近のアプリの傾向
AndroidのUI設計で押さえておきたいポイント
AndroidのUI設計で押さえておきたいポイント
これからのIT人材のためのワーク・シフト
これからのIT人材のためのワーク・シフト
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1
20101127 Android Usability Seminar
20101127 Android Usability Seminar
Shinjuku.html5.lunch #11
Shinjuku.html5.lunch #11
LightSwitch で遊んでみた Rev. 2
LightSwitch で遊んでみた Rev. 2
リモート・スマホ・レンタル(第2回 Androidテスト祭り)
リモート・スマホ・レンタル(第2回 Androidテスト祭り)
リモート・スマホ・レンタル
リモート・スマホ・レンタル
Unityでオニオンアーキテクチャ
Unityでオニオンアーキテクチャ
レスポンシブWebデザインによる開発効率化
レスポンシブWebデザインによる開発効率化
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
PanoPlazaについて
PanoPlazaについて
B 2-1 はじめての Windows Azure
B 2-1 はじめての Windows Azure
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
レスポンシブWebデザイン【基礎編】
レスポンシブWebデザイン【基礎編】
AozoraYomite @InfoTalk 2012/12/21
AozoraYomite @InfoTalk 2012/12/21
Unity って何?
Unity って何?
スマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブル
More from silvers ofsilvers
こんなチームにしたいなあ
こんなチームにしたいなあ
silvers ofsilvers
チームを作るワークショップ2015
チームを作るワークショップ2015
silvers ofsilvers
Scrum Overview
Scrum Overview
silvers ofsilvers
マイクロインタラクション読書会 4章
マイクロインタラクション読書会 4章
silvers ofsilvers
2014年と私と11 bot
2014年と私と11 bot
silvers ofsilvers
Adobe JSX入門
Adobe JSX入門
silvers ofsilvers
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
2013年と私 - 買ってよかった2013 -
2013年と私 - 買ってよかった2013 -
silvers ofsilvers
玉子屋のすすめ
玉子屋のすすめ
silvers ofsilvers
2012年と私
2012年と私
silvers ofsilvers
ロールオーバーのいろいろなやり方
ロールオーバーのいろいろなやり方
silvers ofsilvers
共有フォルダを汚くしないためにどうするか
共有フォルダを汚くしないためにどうするか
silvers ofsilvers
ウェブフォントが楽しいよという話
ウェブフォントが楽しいよという話
silvers ofsilvers
More from silvers ofsilvers
(13)
こんなチームにしたいなあ
こんなチームにしたいなあ
チームを作るワークショップ2015
チームを作るワークショップ2015
Scrum Overview
Scrum Overview
マイクロインタラクション読書会 4章
マイクロインタラクション読書会 4章
2014年と私と11 bot
2014年と私と11 bot
Adobe JSX入門
Adobe JSX入門
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
2013年と私 - 買ってよかった2013 -
2013年と私 - 買ってよかった2013 -
玉子屋のすすめ
玉子屋のすすめ
2012年と私
2012年と私
ロールオーバーのいろいろなやり方
ロールオーバーのいろいろなやり方
共有フォルダを汚くしないためにどうするか
共有フォルダを汚くしないためにどうするか
ウェブフォントが楽しいよという話
ウェブフォントが楽しいよという話
Recently uploaded
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
Recently uploaded
(8)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
DeNA Creative Seminar #2 に行ってきた
1.
DENA CREATIVE SEMINAR
VOL. 2 の話と、それに関する雑多な話 2012/07/26 silvers 1
2.
DENA CREATIVE SEMINAR
VOL.2 • 話題のヒカリエ • 雨に濡れない! • フリーランチうらやましい • 懇親会はフリーランチ作っているとこが作った料理だった • お酒がクーラーボックスに! 2
3.
SESSION1: ブラウザレンダリングについて http://dl.dropbox.com/u/2855207/uiux_20120723/index.html
3
4.
WEB VIEWとは • お手軽にHTMLを描画するために提供されている標準 Viewコンポーネント •
標準ブラウザと(だいたい)同じことがネイティブで できる • いろいろ設定ができる 4
5.
ブラウザのことをもっと
詳しく知りたい場合は • Browserscope • http://www.browserscope.org/ • ブラウザの比較サイト • 楽しいので一度見てみましょう 5
6.
解像度とかの話 •
ピクセル密度とは • 1インチあたりのドット(ピクセル数) • dpi, ppi • 密度グループとデバイスピクセル比(device pixel ratio) グループ ldpi mdpi hdpi xhdpi retina ピクセル密度 120dpi 160pdi 240dpi 320dpi dpx比 1 1.5 2 6
7.
表示サイズ(dp)
画素数(px) 主な端末 320 x 480 320 x 480 iPhone3G(3GS), HTC Aria 320 x 480 640 x 960 iPhone4(4S), IS03 320 x 533 480 x 800 Galaxy S (Ⅱ), HTC Desire HD, ... Xperia, Xperia (arc|acro|ray), 320 x 569 480 x 854 REGZA Phone (T-01C|IS04), MEDIAS, ... INFOBAR A01, REGZA Phone T02D, 360 x 640 540 x 960 AQUOS Phone, Xperia SX, ... Galaxy Nexus, REGZA PHone T-01D, 360 x 640 720 x 1280 Xperia (NX|GX), Xperia acro HD 400 x 683 600 x 1024 Galaxy Tab ※dp(density-independent pixels)は160dpiにおける1ドットを1とするサイズ 7
8.
ブラウザのサイズ周り •
320pxで作ってあげて、360pxにzoomしてあげる <meta name="viewport" content="width=320,initial-scale=1.0,minimum-scale=1.0,maximum- scale=1.0,user-scalable=no"> var windowInitialize = function() { if ( isAndroid() ) { document.body.style.zoom = getWidth() / 320; } }; • 画像サイズは640px固定 • 画像がウリのアプリはちがうよ! 8
9.
SESSION2: ソーシャルコマースサイトの企画と実装
Slide Not Found http://www.slideshare.net/tetsuyukisuzuki1/uiux-13736004 9
10.
*サイト構成 •
レスポンシブウェブデザインにはしていない • スマホ作ってるときにPCのこととか考えたくない • LocalStorageは検索の予測とかに使っているよ • ソーシャル連携 • SNSのカウントが意外と重いので表示しないように • HTML5版よりiframe版のほうが軽いよ 10
11.
ユーザビリティとは •
特定の利用状況において、特定のユーザによって、ある製品 が、指定された目標を達成するために用いられる際の、有効 さ、効率、ユーザの満足度の度合い • 有効さ / 効率 / 満足度 / 利用状況 • ヤコブ・ニールセン • 学習しやすさ / 効率性 / 記憶しやすさ / エラー / 主観的満足度 11
12.
ミニマルデザインとは • シンプルで洗練されたデザインのこと
• 無駄な要素を排除して伝えたいことを簡潔に伝える • ex. Google, Apple • Less is more 12
13.
*UI改善事例 1. ショップの画像はでかいほうがよいか、それともファー ストビューに購入ボタンを入れたほうがよいか 2.
カートのアイテム削除をiPhone風にしたらどうか 3. 404エラーページを良い感じにしたらどうか 4. 登録ページですでに使われている名前を遷移なしで教え てあげたらどうか 13
14.
A/Bテストとは • 異なる2つ以上のページ(画像)を作って、どちらがコ ンバージョンが良いかを調べるテスト • google
analytics 便利! • 有意差があるかに注意しよう 14
15.
SESSION3:
SCRUM = 爆速 X 品質 Slide Not Found http://www.slideshare.net/tsubotax/dena-creativeseminar2 15
16.
アジャイルとは • 迅速かつ適応的にソフトウェア開発を行う手法
• ウォーターフォール • スクラム / XP など • http://www.t-doi.org/agile/index.html 16
17.
注意 • この資料は、DeNA
Creative Seminar Vol.2に行ってきた よという話を社内にFBしたときに使用したものです • ページの見出しに*がついているもの以外はぼくが適 当に書いた内容なので、セミナーとは無関係の場合が あります 17
Download now