スマートフォン誕生によるUX,UIの変化と対応
•
27 gefällt mir•5,020 views
・スマートフォンとパソコンのUX/UIの違い ・スマートフォンアプリUIのセオリーとその変化 ・優れたUIの踏襲のススメと間違ったオマージュ こちらのセミナーで公開したスライドとなります。 http://swapskills.info/doubbble/07.html
Empfohlen
Weitere ähnliche Inhalte
Empfohlen
Empfohlen (20)
スマートフォン誕生によるUX,UIの変化と対応
- 2. 自己紹介 宇野 雄 • Zynga Japn デザインセンター リードデザイナー UI・UXデザイナー • Twitter: @saladdays • 連載：LESSで3倍ラクする スマートフォンコーディング http://gihyo.jp/design/serial/01/less 12年8月18日土曜日
- 16. すなわち 12年8月18日土曜日
- 26. スマホの一般的な解像度 • 320×480 • 480×854 • 640×960 • 540×960 • 460×960 • 720×1280 • 480×800 12年8月18日土曜日
- 30. スマホ液晶の大きさ • 5.0インチ • 3.7インチ • 4.6インチ • 4インチ • 4.5インチ • 4.3インチ • 4.2インチ 12年8月18日土曜日 • 4.7インチ • 4.8インチ • 3.4インチ • 3.2インチ • 3.8インチ • 3.0インチ • etc...
- 33. 基本的には公式の ガイドラインを読み込む • iOS： https://developer.apple.com/library/ios/#documentation/ UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html • Android： http://developer.android.com/design/index.html • Metro UI： http://msdn.microsoft.com/ja-jp/library/windows/ apps/hh779072.aspx 12年8月18日土曜日
- 44. 12年8月18日土曜日
- 47. iOS 12年8月18日土曜日
- 51. やっぱりまずは ガイドラインを読み込む • iOS： https://developer.apple.com/library/ios/#documentation/ UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html • Android： http://developer.android.com/design/index.html • Metro UI： http://msdn.microsoft.com/ja-jp/library/windows/apps/ hh779072.aspx 12年8月18日土曜日
- 53. 一昔前 • PCサイトを作成 • モバイル版は機能限定 • 投稿専用 • 閲覧専用 12年8月18日土曜日
- 54. 最近 • モバイルアプリ／サイトを先に作成 • PC版は後から作る（機能限定の場合も ある） • モバイルでしかできないこと（カメラ やGPS）なども多く、PCの延長線上 にあるものではない場合も多い 12年8月18日土曜日
- 63. ほぼ一緒 12年8月18日土曜日
- 69. アプリ • アプリを使う人基本的にみんなクック パッドユーザー • 「今日はこんなの作りたい」という、 ある程度目的を持ったユーザー • アプリトップから料理を探す 12年8月18日土曜日
- 70. Web • FacebookやTwitterなどからレシピ ページに直接飛んでくる場合が多い？ • 「この料理おいしそう」と料理に興味 を持ったユーザー • 特定の目的を持っていないので、検索 やリコメンドなどの誘導が多い 12年8月18日土曜日
- 73. 12年8月18日土曜日
- 74. 12年8月18日土曜日
- 92. でも 12年8月18日土曜日
- 98. Path 12年8月18日土曜日