@tsubotax
UIデザイン勉強会
これからのUIデザインの考え方
@tsubotax
UI思考は「習うより慣れろ」
テーマ
坪田 朋
@tsubotax
UI Designer
デザイン戦略室 室長
マンガボックス Rumor SHOWROOM
マンガボックスのアプリができるまで
http://www.slideshare.net/tsubotax/y-37051702
突然ですが、ここ2,3年で
デザインに求められる事
が大きく変化しましたね。
DTP WEB スマホ
静的UI 動的UI
この先、もっと変わる。
WEB スマホ
Watch IoT
+
アクティブ
パッシブ
これから必要なのは、GUIではなく
デバイスを心地よく使ってもらうために、
UI/UXをイメージする力
で、UIの勉強って
どうすれば良いですか?
Question
• 本を読む
• Blogを読む
• 勉強会に行く
• フレームワークを学ぶ
• 方法論を学ぶ
過去の方法論やフレームワークで
食べて行く時代じゃなくなってきた
言語化の難易度が高くなってきた
習うより慣れろ
Answer
• 脱フレームワーク思考
• 方法論より願望論
• ストーリードリブン
もう少し分解
アプリケーション開発は、アニメーションやレイヤー、ト
ランジションなども含めて、機能としてデザインしていく
ことが求められます。それらを頭の中でシミュレーション
してUI設計できる事。
ユーザーストーリーをどうやって達成するか
ディレクションできる人だと思います。
UIデザイナーの理想人材とは?
http://html5experts.jp/miyuki-baba/12239/
ところで
最近、Apple Watchのアプリ
を開発してるんですけど。
Apple Watchは着用者の健康的な生活や
運動をサポートできるように設計されたスマート
ウォッチです。
流行ると思います?
• スマートフォンでいいじゃん
• バッテリー持つの?
• 普段時計つける習慣ないです
• プレゼントでもらった時計あるし
• iPhone6ユーザーの18%は購入する
市場反応こんなですよ。
• 音だせない(らしい)
• カスタムUIを使用できない
• 画面領域狭すぎ。
• 現状、だいたいの事は実現できない
仕様、自由度厳しめ
単体で見ると流行るかどうか未知数
ただ、モノのインターネット化は確実に進む
IoTによる新産業として
これから注目される分野
・Quantified Self(自身の数値化)
・Wearable(ウェアラブル)
・Digital Health(デジタル健康管理)
・Smart Healthcare(スマート医療)
・Smart Home(スマートホーム)
・Smart City(スマートシティ)
・Smart Transportation(スマート交通、スマートカー)
・Smart Agriculture(スマート農業)
・Smart Toys(スマートおもちゃ)
・Smart Jewelry(スマート宝飾品)
・Retail On-line to Off-line(商業でのオンライン・オフライン結合)
・Life Style and Entertainment(生活文化、エンターテインメント)
・Tags and Trackers(タグ、履歴追跡ツール)
・Smart User Interface(スマートユーザーインターフェース)
・IoT Platform(IoTプラットフォーム)
デザイナーのミッションはこれらを
ソフトウェアで繋ぐこと
ハードウェアとソフトウェアの開発がより
分担されてくる事で、よりソフトウェア人
材の強みが生きる時代になる
• ハードウェア × インターネットの重要性が再認識され
ハードウェアが立て続けにリリースされる
• これからのUIデザインは、ハードウェアを繋ぎ、ユーザー
の願望を実現するのがミッションに変化してくる
• ソフトウェアの価値は確実に更に高まる
まとめ
これから必要なのは、既存の仕様に限定す
る事無くデバイスを心地よく使ってもらう
ために、UI/UXをイメージする力
• 脱フレームワーク思考
• 方法論より願望論
• ストーリードリブン
なのでこれからは
なろう。
プロトタイプ型に。
ProttSketch3
DeNAはクリエイターが社内で制作した作品を、 個人のPORTFOLIOやSNSに掲載する
ことを尊重する。 より「個」が重視される時代に、一人でも多く「匿名のクリエイ
ター」がいなくなるように。
http://dena.com/jp/recruit/career/portfolio/
Thank you
ankyou
@tsubotax

More Related Content

PDF
これからのUIデザインを考える
PDF
マンガボックスのアプリができるまで
PPTX
0から始めるUXデザイン(UXデザインの組織を作る)
PDF
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
PDF
UIデザインは誰のもの?
PDF
Practical ux4publish
PDF
スマホサービスにおける、UIデザインのノウハウと実例
PDF
はじめてのUXとUIの話
これからのUIデザインを考える
マンガボックスのアプリができるまで
0から始めるUXデザイン(UXデザインの組織を作る)
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
UIデザインは誰のもの?
Practical ux4publish
スマホサービスにおける、UIデザインのノウハウと実例
はじめてのUXとUIの話

What's hot (20)

PDF
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
PDF
人と向き合うプロトタイピング
PDF
Gcm#3 uiデザインの品質を効率的に向上させるには?
PDF
なぜUXをデザインしているのか
PDF
IoTとUXデザイン
PDF
ユーザーの心に刺ささるためには - UX実践編 -
PDF
流行に乗っていいの?フラットデザインの落とし穴
PDF
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
PDF
ネイティブアプリにおける、UI/インタラクションのトレンド
KEY
テックヒルズ
PDF
UIの話は会議室でするな
PDF
ニコニコ超デザイン-Metro考察編-
PDF
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
PDF
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
PDF
Prott's design
PPTX
UI設計の土台になる考え方-インテリジェントネット社内勉強会
PDF
図解で学ぶ「Lean UX」
PDF
女子の心をつかむUIデザインポイント - MERY編 -
PDF
UXデザインをゆるく学ぶ意味
PDF
UX Sketch vol.1 事業とUXデザイン
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
人と向き合うプロトタイピング
Gcm#3 uiデザインの品質を効率的に向上させるには?
なぜUXをデザインしているのか
IoTとUXデザイン
ユーザーの心に刺ささるためには - UX実践編 -
流行に乗っていいの?フラットデザインの落とし穴
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
ネイティブアプリにおける、UI/インタラクションのトレンド
テックヒルズ
UIの話は会議室でするな
ニコニコ超デザイン-Metro考察編-
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Prott's design
UI設計の土台になる考え方-インテリジェントネット社内勉強会
図解で学ぶ「Lean UX」
女子の心をつかむUIデザインポイント - MERY編 -
UXデザインをゆるく学ぶ意味
UX Sketch vol.1 事業とUXデザイン
Ad

Similar to UIは「習うより慣れろ」 (20)

PDF
ChatworkのUXリサーチと プロダクトへの生かし方
PDF
体験をデザインするとは何か
PDF
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
PDF
CCC Design Session
PDF
第6回.NET中心会議パネルディスカッション 0923
PDF
キッチンにはスマートフォンとカレーライス
PPTX
Web制作に便利な機能いろいろ!Microsoft Azureの概要
PDF
20150912 doda
PPTX
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
PDF
福井で「しあわせデザイナー」になるために
PDF
20220716_jsfes.pdf
PDF
20151030 ux sketch vol5
PDF
ライブラリやView構造を有効活用して iOSアプリのUIをオシャレにするワザ紹介
PDF
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
PDF
機能はちゃんと試してからリリースしようねという話
PDF
UI表現ライブラリを有効活用して iOSアプリのUIをオシャレにするワザ紹介
PPTX
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
PDF
[UX]は投げ捨てろ!
PDF
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
PPTX
デザイナーが複業でデザイナーしてる話
ChatworkのUXリサーチと プロダクトへの生かし方
体験をデザインするとは何か
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
CCC Design Session
第6回.NET中心会議パネルディスカッション 0923
キッチンにはスマートフォンとカレーライス
Web制作に便利な機能いろいろ!Microsoft Azureの概要
20150912 doda
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
福井で「しあわせデザイナー」になるために
20220716_jsfes.pdf
20151030 ux sketch vol5
ライブラリやView構造を有効活用して iOSアプリのUIをオシャレにするワザ紹介
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
機能はちゃんと試してからリリースしようねという話
UI表現ライブラリを有効活用して iOSアプリのUIをオシャレにするワザ紹介
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
[UX]は投げ捨てろ!
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
デザイナーが複業でデザイナーしてる話
Ad

More from tomo tsubota (7)

PDF
企業をデザインシフトさせる方法と今後のデザイン戦略
PDF
デザイン組織に本気で取り組む
PDF
デザインスプリントを採用した方が良い5つの理由
KEY
DeNA Creativeseminar#2
PDF
スマートフォンセミナー Genesis#01
PPT
第3回マネタイズHacks livedoor Blogのユーザー課金について
PPT
第3回マネタイズHacks
企業をデザインシフトさせる方法と今後のデザイン戦略
デザイン組織に本気で取り組む
デザインスプリントを採用した方が良い5つの理由
DeNA Creativeseminar#2
スマートフォンセミナー Genesis#01
第3回マネタイズHacks livedoor Blogのユーザー課金について
第3回マネタイズHacks

UIは「習うより慣れろ」