HTML5時代のWebデザイナー これからの生きる道 - HTML5 Conference 2013 in Gifu
84 likes23,802 views
HTML5 Conference 2013 in Gifuのデザイントラックで行なわれたセッションスライド。 アプリデザインについての講演。
![[D14] MySQL 5.6時代のパフォーマンスチューニング *db tech showcase 2013 Tokyo](https://cdn.slidesharecdn.com/ss_thumbnails/20131110tuningonmysql5-131117180858-phpapp02-thumbnail.jpg?width=560&fit=bounds)
More Related Content
Viewers also liked (20)
More from Hideki Akiba (16)
HTML5時代のWebデザイナー これからの生きる道 - HTML5 Conference 2013 in Gifu
- 1. HTML5時代のWebデザイナー これからの生きる道 デザイ ナーがエンジニア ま やる とう く モバイ ルアプ デザ ン編 リ イ 秋葉秀樹 2013.12.07 HTML5 Conference 2013 in Gifu
- 2. 秋葉 秀樹 株式会社 ツクロア 代表取締役 / デザイナー html5j, HTML5 Experts.jp Visual Design、 UX/UI Design、 HTML5、Flash、 CSS、JavaScript、3DCG、映像、音楽、銭湯 最近は特にAndroidやiPhoneアプリのUIデザイン ユーザーエクスペリエンス設計 スマートフォンにプリインストールされたアプリのUI テレビや映画関連のWebやアプリプロモーション
- 3. THE NEXT GENERATION -PATLABOR- Ikesu - Touch Aquarium -
- 5. 『デザ ン脳』 イ Webとかネイ ィ とか テ ブ 技術に左右されない考え方 これが今日私が伝えたいテーマです
- 7. な な こ の無い く る と 間違ったデザ ン決定プロセス イ
- 8. デザ ン複数案出 て イ し よ、 その中から っ で決める こ ち から 個性的でカッコいいの、待ってるよ
- 9. 見た目で個性を出 て した… し みま ユーザーは個性など求めてない 起動画面アピールなどいらない リハスタ予約アプリ 今週の一押しバンド リハスタ予約アプリ リハスタ予約アプリ 余計なコンテンツはいらない 炎のボタンはなくても困らない 予約状況 予約済み 予約する 予約 メンバー連絡 スタジオの空きを見る 毎回このアプリを使う人の立場を考えると… 誰も使ってくれなくなる 予約状況 予約 予約済み メンバー連絡
- 12. リハスタ予約アプリ 予約状況 予約 予約済み リハスタ予約アプリ メンバー連絡 予約状況 予約 2014年 1月 予約済み メンバー連絡 2014年 1月 日 Bスタジオ 日 月 火 水 木 金 土 29 30 31 1 2 3 4 5 6 7 8 9 10 11 5 12 13 14 15 16 17 18 12 19 20 21 22 23 24 25 19 20 21 22 23 24 25 26 27 28 29 30 31 1 26 27 28 29 30 31 1 12 18 火 水 木 金 土 29 30 31 1 2 3 4 予約したい日時を指定してください 1月15日の部屋別スタジオ予約状況 10 月 6 7 13 14 2014 18 8 15 9 10 17 116 15 3 11 18 1月15日の部屋別スタジオ予約状況 24 10 12 18 時から A A B B キャンセル C 時間 C 問い合わせる この画面からどうやったらスムーズに予約させるか? 24
- 15. 起動後 サーバーに 問い合わせ 待ち… 実はこんなにも状況が細分化される 問い合わせ中 予約状況 スタジオ空き 状況確認 問い合わせ中 すいません！ 誰かが予約したようです 予約状況にもどる 別な人に 待ち… 希望日時を ユーザー 問い合わせ中 予約されていた Bスタジオ 希望の日時 指定 2014 1 15 待ち… 予約可能か 18 時から 3 予約完了しました 急に サーバーに オフラ ンに! イ キャンセル 問い合わせる 問い合わせ 時間 予約を確認する ネットワークエラーです キャンセル 再試行 空きが確認できました 本当に予約しますか？ キャンセル 予約確定 スタジオ予約 完了
- 17. ロー ド時間には 「進捗が読める ド と ロー 」「進捗が読めないロー 」 り 。 ド があ ます 今回の予約問い合わせは 「進捗が読めないロー 」 ド なので ローデ ン ィ グバーじゃな て く や のほうがいいかも しれません。 Chrome Firefox Progress View デザイナー エンジニア Activity Indicator INDETERMINATE PROGRESS BAR & SPINNER PROGRESS BAR ユーザーを待たせる ロー ド時間 了解っす ！ デザインに反映します ！
- 18. Interaction Specifications 〇〇スタジオ様 リハスタ予約アプリ 画面設計と動作に関する仕様書 tuqulore Co., Ltd. CONFIDENTIAL 1.0 VER 2013.12.24 PAGE ○ 予約状況画面＆日時指定 予約状況 リハスタ予約アプリ リハスタ予約アプリ 先 月 は Disable 画 像 は 別 フ ァ イ ル ︵ デ ザ イ ン カ ン プ ︶ に て 日時指定 （モーダル式） 予約状況 予約状況 予約 状 態 予約済み 月 火 水 木 金 土 29 30 31 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 日 1 リッ 横フ 日 タップした座標をもとに スタジオの指定も 引き継ぎます、 ただし、ここをタップで 他のスタジオを 選び直すことが可能です メンバー連絡 18 A B C アニメーションはプロトタイプにて確認します。 Bスタジオ 月 火 水 木 金 土 29 30 31 1 2 3 4 予約したい日時を指定してください 5 6 7 13 14 2014 12 8 15 9 10 17 116 15 11 18 19 20 21 22 23 24 25 26 ます とし 可能 クも カ レ ン ダ ー の み 左 右 に 移 動 27 28 29 30 31 1 18 3 1月15日の部屋別スタジオ予約状況 1月15日の部屋別スタジオ予約状況 12 予約済み 2014年 1月 2014年 1月 10 予約 メンバー連絡 10 24 タップした座標をもとに近い空き時間を 日時指定画面に出してあげます 色が濃くなり、選択中を意味します 12 時から A B キャンセル 18 時間 問い合わせる C ボタンのタッチ時の背景色は 別ファイル（デザインカンプ）にて デザイン仕様書の例 24 ウインドウの外側は 黒の透過 80% で 塗りつぶされます 1
- 19. これだけ 「細分化」 て し も見えに いのが、 く 心地いい TRANSITION 絶妙な遷移時間をデザイ ン
- 29. 時代的な流行りやツー ルだけにたよ ずに ら 考えよ とす 気持ちを持と う る う
- 39. フラットとは、角がシャープとか影がないことではなく 機能の純粋さを求めることを言う Beyond Flat: Six iOS 7 Fixes Apple Needs to Make (GIZMODO) http://gizmodo.com/beyond-flat-six-ios-7-fixes-apple-needs-to-make-511446667 コンパス (iOS7) iHandy Level