Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Chihiro Tomita
3,771 views
No border, スマホ UI! 〜これからのモバイルアプリデザイン〜
2013年5月17日 エルパーク仙台にて Fandroid EAST JAPANでの講演資料
Design
◦
Related topics:
User Interface
•
Read more
31
Save
Share
Embed
Embed presentation
Download
Downloaded 16 times
1
/ 99
2
/ 99
3
/ 99
4
/ 99
5
/ 99
6
/ 99
7
/ 99
8
/ 99
9
/ 99
10
/ 99
11
/ 99
12
/ 99
13
/ 99
14
/ 99
15
/ 99
16
/ 99
17
/ 99
18
/ 99
19
/ 99
20
/ 99
21
/ 99
22
/ 99
23
/ 99
24
/ 99
25
/ 99
26
/ 99
27
/ 99
28
/ 99
29
/ 99
30
/ 99
31
/ 99
32
/ 99
33
/ 99
34
/ 99
35
/ 99
36
/ 99
37
/ 99
38
/ 99
39
/ 99
40
/ 99
41
/ 99
42
/ 99
43
/ 99
44
/ 99
45
/ 99
46
/ 99
47
/ 99
48
/ 99
49
/ 99
50
/ 99
51
/ 99
52
/ 99
53
/ 99
54
/ 99
55
/ 99
56
/ 99
57
/ 99
58
/ 99
59
/ 99
60
/ 99
61
/ 99
62
/ 99
63
/ 99
64
/ 99
65
/ 99
66
/ 99
67
/ 99
68
/ 99
69
/ 99
70
/ 99
71
/ 99
72
/ 99
73
/ 99
74
/ 99
75
/ 99
76
/ 99
77
/ 99
78
/ 99
79
/ 99
80
/ 99
81
/ 99
82
/ 99
83
/ 99
84
/ 99
85
/ 99
86
/ 99
87
/ 99
88
/ 99
89
/ 99
90
/ 99
91
/ 99
92
/ 99
93
/ 99
94
/ 99
95
/ 99
96
/ 99
97
/ 99
98
/ 99
99
/ 99
More Related Content
PDF
HTML5時代のWebデザイン
by
masaaki komori
PDF
自分と向き合うセルフブランディング
by
wariemon
PPTX
Unityで作るオリジナルウェブカメラ
by
Hiromichi Yamada
PDF
Android エンジニア あるある
by
hidemichi kumazawa
PPTX
Potatotips_7
by
Namito Satoyama
PPTX
SORACOM UG Tokyo #12 | なるべく伝える #ソラコムサンタ 2018振り返り
by
SORACOM,INC
PDF
ElminaAR - Unity x ARKit 入門Meetup
by
Kazuya Hiruma
PDF
Google vrからはじめるdaydreamへの道
by
shimada tatsuya
HTML5時代のWebデザイン
by
masaaki komori
自分と向き合うセルフブランディング
by
wariemon
Unityで作るオリジナルウェブカメラ
by
Hiromichi Yamada
Android エンジニア あるある
by
hidemichi kumazawa
Potatotips_7
by
Namito Satoyama
SORACOM UG Tokyo #12 | なるべく伝える #ソラコムサンタ 2018振り返り
by
SORACOM,INC
ElminaAR - Unity x ARKit 入門Meetup
by
Kazuya Hiruma
Google vrからはじめるdaydreamへの道
by
shimada tatsuya
Viewers also liked
PDF
デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)
by
Chihiro Tomita
PDF
【オープンセミナー岡山2014】 明日からできるデザイン脳
by
Chihiro Tomita
PDF
細かすぎて伝わらない「気配りデザイン」の極意 先生:秋葉 ちひろ
by
schoowebcampus
PDF
【DevLOVE甲子園2013】UIと画面遷移を設計するときに 破綻しないようにするための、 ひと手間
by
Chihiro Tomita
PDF
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜
by
Chihiro Tomita
PDF
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
by
Chihiro Tomita
デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)
by
Chihiro Tomita
【オープンセミナー岡山2014】 明日からできるデザイン脳
by
Chihiro Tomita
細かすぎて伝わらない「気配りデザイン」の極意 先生:秋葉 ちひろ
by
schoowebcampus
【DevLOVE甲子園2013】UIと画面遷移を設計するときに 破綻しないようにするための、 ひと手間
by
Chihiro Tomita
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜
by
Chihiro Tomita
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
by
Chihiro Tomita
Similar to No border, スマホ UI! 〜これからのモバイルアプリデザイン〜
PDF
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
by
Chihiro Tomita
PDF
K1hash20121024
by
Keiichi Hashimoto
PDF
福井で「しあわせデザイナー」になるために
by
Miho Yamamori
PDF
Smartphone ui:ux」 de na creative seminar vol.1 レポート
by
Masaru Kimura
PDF
MTセミナー2011/2/21 アイデアマンズ株式会社
by
Kunihiko Miyanaga
PDF
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
by
schoowebcampus
PDF
勘違いだらけのAndroid UIデザイン
by
Nobuya Sato
PDF
The Mobile Frontier at HTML5 Conference 2013/11/30
by
Yukio Andoh
PDF
モバイルソリューション_概要資料20110818
by
Leung Man Yin Daniel
PDF
モバイルソリューション概要資料20110818
by
Leung Man Yin Daniel
PDF
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
by
Akiko Ohtsuka
KEY
20120413 nestakabaneworkshop
by
Yoichiro Sakurai
PDF
Sixapart day-2012-ideamans
by
Kunihiko Miyanaga
PDF
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
by
Mori Keita
PDF
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
by
Makiko Ito
PDF
AndroidのUI設計で押さえておきたいポイント
by
Takayuki Inoue
PDF
Mtddc hokkaido-2010-ideamans-session
by
Kunihiko Miyanaga
PDF
Sp design2013 v2
by
Yoshinori Wakizaka
PDF
20120316 designerworkshoppublished
by
Yoichiro Sakurai
PDF
Android Design ざっくりレビュー
by
Naoki Hashimoto
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
by
Chihiro Tomita
K1hash20121024
by
Keiichi Hashimoto
福井で「しあわせデザイナー」になるために
by
Miho Yamamori
Smartphone ui:ux」 de na creative seminar vol.1 レポート
by
Masaru Kimura
MTセミナー2011/2/21 アイデアマンズ株式会社
by
Kunihiko Miyanaga
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
by
schoowebcampus
勘違いだらけのAndroid UIデザイン
by
Nobuya Sato
The Mobile Frontier at HTML5 Conference 2013/11/30
by
Yukio Andoh
モバイルソリューション_概要資料20110818
by
Leung Man Yin Daniel
モバイルソリューション概要資料20110818
by
Leung Man Yin Daniel
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
by
Akiko Ohtsuka
20120413 nestakabaneworkshop
by
Yoichiro Sakurai
Sixapart day-2012-ideamans
by
Kunihiko Miyanaga
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
by
Mori Keita
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
by
Makiko Ito
AndroidのUI設計で押さえておきたいポイント
by
Takayuki Inoue
Mtddc hokkaido-2010-ideamans-session
by
Kunihiko Miyanaga
Sp design2013 v2
by
Yoshinori Wakizaka
20120316 designerworkshoppublished
by
Yoichiro Sakurai
Android Design ざっくりレビュー
by
Naoki Hashimoto
No border, スマホ UI! 〜これからのモバイルアプリデザイン〜
1.
No Border, スマホUI! 2013.5.17
Fandroid EAST JAPAN 株式会社ツクロア 秋葉ちひろ (@tommmmy)
2.
秋葉 ちひろ @tommmmy デザイナー/アートディレクター 「気持ちいい」をデザインする会社
3.
秋葉 ちひろ • 2013年4月
株式会社ツクロア 取締役 • ∼2月 バイドゥにてSimejiの開発 • デザイン全般 • HTML/CSS/JS、Android XMLレイアウト @tommmmy デザイナー/アートディレクター
4.
Simeji カンペ・リモートスタ★ミ
5.
秋葉ちひろのAndroidアプリデザイン 入門 - MdN
Design Interactive http://www.mdn.co.jp/di/articles/2887/ Firefox OSアプリ開発ガイド 5月末発売!(予定) Web連載 書籍 Web Designing 6月19日発売! 雑誌寄稿
6.
デザイナーズハック http://designers-hack.net/ コミュニティ
7.
• 趣味はモノづくり
8.
No Border, スマホUI! iPhone Android Windows Phone Firefox OS Ubuntu Touch Tizen
9.
iPhone Android Windows Phone
10.
Firefox OS Ubuntu TouchTizen
11.
ガイドライン
12.
ガイドライン ?<
13.
今日のセッション http://www.amazon.co.jp/dp/4621086553
14.
今日のセッション http://www.amazon.co.jp/dp/4621086553 #MobileFrontier #MobileFrontier
15.
•モバイル端末のアプリ開発のこれからに 対する心構え(インターフェース) •プロトタイプについて考える •【ワークショップ】 ペーパープロトタイピング 今日のセッション
16.
•インターフェースデザイン モバイル端末のアプリ開発のこれからに対する心構え 前半戦 #MobileFrontier
17.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザインが 必要か? なぜ インターフェースデザイン #MobileFrontier
18.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン #MobileFrontier
19.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン #MobileFrontier
20.
モバイル端末のアプリ開発のこれからに対する心構え キーボードとマウス で操作できるインターフェース インターフェースデザイン #MobileFrontier
21.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン
22.
モバイル端末のアプリ開発のこれからに対する心構え フォルダ ファイル インターフェースデザイン
23.
モバイル端末のアプリ開発のこれからに対する心構え 実際にある体験を模倣する インターフェースデザイン
24.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン #MobileFrontier
25.
モバイル端末のアプリ開発のこれからに対する心構え GUI Graphic User Interface インターフェースデザイン #MobileFrontier
26.
モバイル端末のアプリ開発のこれからに対する心構え 道具として ツールをえらぶ インターフェースデザイン
27.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン #MobileFrontier
28.
モバイル端末のアプリ開発のこれからに対する心構え iPhoneの登場 2007年6月29日 インターフェースデザイン #MobileFrontier
29.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン タッチインターフェース #MobileFrontier
30.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン clear Mailbox
31.
clear Mailbox モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン NUI Natural User
Interface #MobileFrontier
33.
Mailbox
34.
Mailbox
35.
EyeEm
36.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン PAPER
37.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン PAPER
38.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン PAPER
39.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン PAPER
40.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン タッチデバイスの特性を 最大限に生かした インターフェース iPad
41.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン ボタン ?
42.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン 直感的で自然な操作 1 GUI NUI #MobileFrontier
43.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン 直感的で自然な操作 1 タップして使うのはもう古い!?
44.
ICE BREAK モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン GUIからNUIへ1 https://www.leapmotion.com/
45.
モバイル端末のアプリ開発のこれからに対する心構え 実際にある体験を模倣する インターフェースデザイン
49.
メタファー metaphor
52.
今年はフラットデザインが 流行る! わたしはかなり慎重… モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン #MobileFrontier
53.
フラットなのか? なぜ コンテンツ重視 モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン #MobileFrontier
54.
•コンテンツファースト •無駄な装飾はいらない •コンテンツ自体がUIになりうる モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン #MobileFrontier
55.
http://weekly.ascii.jp/elem/000/000/121/121099/
56.
zawatt
59.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン •デザインが楽になるやろう! •工数が減るやろう! 考えられる懸念点 font info graphic editorial golden ratio silver ratio マジかんべんして><
60.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン •デザインは、グルーピングと、 インタラクションを予測させるもの コンテンツファーストの デザイン フラットだろうがメタファーがあろうが関係ない
62.
Pecot
63.
miil
65.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン •モレスキン好きな人/文具好きな人 •車好きな人/ファッション好きな人 •大学生/新卒社員 趣向が関する場合、ターゲットによってデザインが決まる どんな人に使ってほしい? なんでもかんでも フラットにしないで><
66.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン コンテンツファースト ターゲットファースト 2 #MobileFrontier
67.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン いつどこで スマホ使ってる? #MobileFrontier
68.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン •通勤中、電車の中や歩いているとき •朝や夜、ベッドの中で •お風呂の中でジップロックで •リビングのソファでテレビを見ながら •キッチンでごはんを作りながら #MobileFrontier
69.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン ユースケース・コンテキスト を考えなさい! コンテキストは予測不能 #MobileFrontier
70.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン アプリに没入させるように 作りなさい! 注意散漫なときに使う #MobileFrontier
71.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン Design Develop User •部屋の中 •机の上 •いすに座って •集中して •外で •歩きながら •他の人と話しながら •リラックスして #MobileFrontier
72.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン ICE BREAK tommmmy めっちゃできたー! 2013.4.25 tommmmy めっちゃできたー! 2013.4.25 tommmmy tommmmy めっちゃできたー! 2013.4.25 tommmmy めっちゃできたー! 2013.4.25 tommmmy #MobileFrontier
73.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン 体験とシームレスに #MobileFrontier
74.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン •外環境に自動的に合う •人と機械の距離を縮める これからのデザイン センサーなども含めたハードの知識も必要になってくる #MobileFrontier
75.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン 体験とシームレスに使える 3 #MobileFrontier
76.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン Sync(同期) #MobileFrontier
77.
Any.DO
78.
Any.DO
79.
Wunderlist
80.
Wunderlist
81.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン マルチデバイスで Syncして使える 4 #MobileFrontier
82.
モバイル端末のアプリ開発のこれからに対する心構え インターフェースデザイン •直感的で自然な操作 •コンテンツファースト ターゲットファースト •体験とシームレスに使える •マルチデバイスでSyncして使える #MobileFrontier
83.
No Border, プロトタイプ! 後半戦 プロトタイプについて考える
84.
プロトタイプについて考える プロトタイプ、作ってますか? なにで #MobileFrontier
85.
•ワイヤーフレーム •モックアップ(静止画) •プロトタイプ(動くもの) プロトタイプについて考える#MobileFrontier
86.
•インスクリーン •インブラウザ •ペーパープロトタイピング プロトタイプについて考える 静止画 HTML+CSS+JavaScript、Flash 録画しておいて、あとで客観的に分析 #MobileFrontier
87.
プロトタイプについて考える#MobileFrontier
88.
動くプロトタイプ ! プロトタイプについて考える#MobileFrontier
89.
プロトタイプについて考える ペーパープロトタイピング 録画 #MobileFrontier
90.
タイムカード お題 プロトタイプについて考える 出勤したときの打刻
91.
•自己紹介(5min) •アイデア出し(10min) •制作(15min) プロトタイプについて考える 20:00∼20:05 20:05∼20:15 20:15∼20:30
92.
プロトタイプについて考える
93.
プロトタイプについて考える
94.
•自己紹介(5min) •アイデア出し(10min) •制作(15min) プロトタイプについて考える 20:00∼20:05 20:05∼20:15 20:15∼20:30 タイム カード 出勤したときの打刻 お題
95.
No border, スマホUI! 人と機械のつながり まとめ 時代の流れとともに変わります #MobileFrontier
96.
ガイドライン ?<
97.
•人の動きを邪魔しない自然な動き •人と機械との関係性 •使って気持ちいいと思えること •もはやボタン操作ではない時代 •UIUIというが、机の上だけでは ほんとうは片付かない No border, スマホUI!#MobileFrontier
98.
No Border! •デザインインターフェース •人と機械 •デザイナーとエンジニア •ユーザーと開発者
99.
No border, スマホUI! ありがとうございました @tommmmy
Download