ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/398/room ーーーーーーーーーーーーーーーーーーーーーーー

1. Ruben Bos
HTML5時代のモバイルWEBアプリケーションデザイン
白石 俊平
株式会社オープンウェブ・テク
ノロジー
秋葉 秀樹
株式会社ツクロア（tuqulore）

2. 何事にも答えはひとつでない世界
デザイナーへの不満・エンジニアへの不満・仕事上の不満
•デザイナーのスキルについて
•ワークフロー・チーム作業について
•新技術・UIトレンドについて

3. 白石 俊平
株式会社オープンウェブ・テク
ノロジー

4. 秋葉 秀樹
株式会社ツクロア（tuqulore）

5. Question 1
デザイナーへの不満
エンジニアへの不満
仕事上の不満

6. デザイナーのスキルについて
Webデザイナーになるにはどうしたらいいでしょうか？
Screenmedia

7. 「Webデザイナー スキル」で検索してみると…
デザインセオリー、色彩、タイポグラフィ、コンセプト立案
Photoshop、Illustrator、Dreamweaver、Flash、Fireworks
レスポンシブWebデザイン、パララックス
HTML、JavaScript、ActionScript、PHP、jQuery、WordPress

8. デザイナーのスキルについて
JavaScriptができないんですがどうしたらいいでしょうか？
webcrunch

9. http://t32k.me/mol/log/why-valley-wants-designers-can-code/

10. 1.
あなたが働いている領域の中間についてより深く理解できるでしょう。もし効率
的なデータベース処理をできるクエリーが書ければ、トレードオフに必要な適切
なレスポンス時間を設定できます。なにがコードを簡単にし、難しくするのか理
解していれば、アイデアをより速く実装できるでしょう。（開発工数は限られて
いるので工数削減以上のものが得られるかもしれません。）中間領域を知ること
は事をうまく運び、より考えられたデザインの決定をする上で役立つでしょう。
!
2.
プログラミングを理解することで、より良いプロトタイプ作ることができます。
デザインアイデアをチームメイトやクライアントに伝えるための最適な方法は、
動くプロトタイプを作ることです。素早くプロトタイプを作ることであなたのア
イデアに命が吹き込まれ、内なる素晴らしいアイデアを解き放たれ、あなたのデ
ザインの本当の意味を皆が理解するのに役立つでしょう。
!
3.
プログラミングを理解することで、製品コードのバグや欠陥を特定するのに役立
つでしょう。チームメイトのデザイナーが活気づくにつれて、あなたはUIイン
タラクションの問題に取り掛かっているプログラマーを助ける重要な役割を担う
ことができるでしょう。つまりそれは、最終プロダクトがこれ以上無いほどの出
来になるということです。
!
原文：3 Reasons Why Learning To Code Makes You A Better Designer

11. そのデザイン、ほんとに操作しやすい？
2500 ÷ 50 = ?

12. デザイナーのスキルについて
Dribbbleが好きなんですが、それを見続けてたら
UIデザイナーになれますか？

13. 企業担当者のデザイナーへの不満（実話）
動きがわからないとアプリはつくれないじゃないですか？
結構そのあたりをわかってくれるデザイナーさんがいないんですよ…
某家電メーカー アプリ担当
なんで一枚の画面デザインでアプリがつくれると思うかな…
動きを全然考えてくれないんだよね。
某研究所 アプリ担当
こんな画面の案をいっぱい出されたんだけど
エラーの画面とか結果表示とか、不都合な状態は考えてくれない。
某カメラメーカー アプリ担当

14. ツクロアからの提案！
デザイナーのスキルについて
デザイナーはプログラムができないのであれば
特にアプリのような場合、
デザインチームにエンジニアを一人くらい混ぜた
チーム編成がよいです

15. ワークフロー・チーム作業について
Q. エンジニアさんとの会話に苦労しています
。
使ってる単語が難しいし、
やたら論理的に話すことを求められるし、
そもそも話すときの姿勢が攻撃的です・・・
どうしたらいいでしょう？
iDo Photography

16. ワークフロー・チーム作業について
要件がコロコロ変わるのですが、どうしたらいいでしょうか？
Harding Theatre

17. 改革ポイント！
デザインワークを変えるための提案

18. 常識？非常識？ デザイン決定までの流れ
印刷・出版デザインの一例
DTP
印刷
イメージラフ
http://www.wave-inc.co.jp/weblog/index.php?paged=12

19. 常識？非常識？ デザイン決定までの流れ
ゲームの一例
エンジニアによるプロトタイプ
グラフィックデザイン
ストレスのない操作感になるか？
ゲームシステムで矛盾がないか？
触って気持ちいいか？
（注意）画像はイメージです

20. 常識？非常識？ デザイン決定までの流れ
出版・印刷
デザインの
決定プロセス
ゲームデザインの
決定プロセス
Web（アプリ）デザインは割とゲームよりなのかもしれません

21. 新技術・UIトレンドについて
見出しとかに画像を使いたがるお客さんが多いんですが、
どうしたらいいでしょうか？
そもそも、HTML5とかCSS3っていつ、どう使うの
が適切なの？
albertpaul143

23. 新技術・UIトレンドについて
フラットデザインを求められるのですが、どうしてもしょぼくなります
。
どうしたらいいでしょうか？

25. Question 2

26. 「主役」と「脇役」の関係を明確にしよう
必要な要素、不要な要素がより明確化
2003年
2013年
Mac OS9用DVDプレイヤー（アップル製）
iPhone用動画プレイヤー（アップル製）

27. 効率的生産性・環境の変化

28. みなさんからの質問タイム

29. 告知：Designian 002
http://designian.html5j.org/events/2/

31. Ruben Bos
HTML5時代のモバイルWEBアプリケーションデザイン
白石 俊平
株式会社オープンウェブ・テク
ノロジー
秋葉 秀樹
株式会社ツクロア（tuqulore）