Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Claudia Enqueteの作り方               教えます    2013.03.09 わんくま勉強会東京                   初音玲
Microsoft MVP for  初音玲            Visual Basic                  (2008~) Oracle ACE   Windows Phone  (2008~)         Arch同人...
書籍でました• VB2012本
2012/11/30MS担当者さんから1通のメールを受信コミケ83に向けたご相談、ご協力依頼
2012/11/30デザインしてくれそうな人に打診みつばたん!一緒にアプリつくろう!
エレベータピッチ作成1. 『 アプリケーション名』は、2. 『 アプリを利用する人物像』に対して、3. 『 アプリの説明』を提供します。4. このアプリは『切実なニーズや課題』という問題   に対し、5. 『 競合する他のアプリ』などと異なり、...
エレベータピッチ作成1. 『Claudia Enquete』は、2. 『MS企業ブースにきた一般参加者』に対して、3. 『アンケート入力とプレゼント選び』を提供します。4. このアプリは『従来のアンケート方式では対応で   きない人数』という問...
2012/12/2MS担当者さんにストーリーボード送付pptxのストーリーボードつけました。ご確認ください。
クラウディアアンケート
私のこと、知ってるわよね?      よく            知ってる   ふつう     知ってる            あんた     知らない            だれ?
好きなOSを全部選んでね     Windows   MacOS    Linux     Windows                iOS    Android      Phone
職業を教えてくれるかな?             クリエー      IT関連          予備              ター      学生     その他    予備
マイクロソフトって好き?     大好き   好き     ふつう           だいだい      嫌い   だいーっ            きらい
また、参加してもいいかな?            どちら   もう     もちろん            でも    くんな
今年最後の運試しはいかが?    あたり~             6   1    ちょっと早い私からのお年玉         5    ○○○をあげるわッ        2    べ、べつに特別な感情なんてなんだから、    もらってよねっ...
スタート
2012/12/7認識共有ストーリーボードばっちりです
2012/12/7V1.0.0.0提供まだ、全然デザインしてません、項目選べません、質問ファイル入力、回答ファイル出力、ルーレットなどありません な状態ですが、とりあえずイメージ共有
2012/12/10V1.0.0.1提供
2012/12/11V1.0.0.2提供
2012/12/17V1.0.0.3提供
2012/12/19MS品川本社にてミーティング名だたるMSエヴァからのフィードバックをいただく
2012/12/23V1.0.0.4提供
2012/12/27 0:47ストア申請
2012/12/27 14:05認定→公開
2012/12/28MS担当者さんがメディアでのインタビューで「はずれたときにもチョコを」
2012/12/28急遽対応してストア再申請 (申請14:08→認定15:45)
http://hatsunejournal.jp/w8/ClaudiaEnquete/
2012/12/29-31C83開催
完成までのマイルストーン                                        29      30           1                                        依頼受領    ...
Windows 8 ストアアプリ• 開発言語:VB, C#, C++• 画面定義:XAML
なにがなにやら?                                                従来型            Windowsストアアプリで配布                                   ...
デザイナとのコラボが成功した理由• Model – ViewModel – View構造• Binding要素をまず作成• デザイナはBlendでViewをデザイン• TFServiceで共有&バージョン管理
ロジックのキモ• 回答の単一選択と複数選択の混在• Bindingだけで乗り切りたかったけれど…
単一選択と複数選択の混在に発生した問題×単一と複数の2つのVisibleを制御○複数選択コントロールの無理やり単一抑止×Binding+Convertorで制御○コードで制御
操作性のキモ• 登録操作の明確化• 画面クリーニングタイミングの創出
実運用で分かった点コミケで使用した実機• ASUS VivoTab RT TF600T• Samsung Slate 7 Series• NEC Lavie Y
ソリューション構成• 4画面• 2ロジック• 1テストデータ(初期化)
Demo:Claudia Enquete
FIN
Claudia Enqueteの作り方教えます
Claudia Enqueteの作り方教えます
Claudia Enqueteの作り方教えます
Claudia Enqueteの作り方教えます
Claudia Enqueteの作り方教えます
Claudia Enqueteの作り方教えます
Claudia Enqueteの作り方教えます
Upcoming SlideShare
Loading in …5
×

Claudia Enqueteの作り方教えます

427 views

Published on

コミックマーケット83のマイクロソフト企業ブースで使われたアンケートシステムを実例にWindowsストアアプリのコンセプトメイクを解説します。

  • Be the first to comment

  • Be the first to like this

Claudia Enqueteの作り方教えます

  1. 1. Claudia Enqueteの作り方 教えます 2013.03.09 わんくま勉強会東京 初音玲
  2. 2. Microsoft MVP for 初音玲 Visual Basic (2008~) Oracle ACE Windows Phone (2008~) Arch同人サークル 最近は「わんくま同盟」 「開発が分かる」 代表 クラウドインフラ屋
  3. 3. 書籍でました• VB2012本
  4. 4. 2012/11/30MS担当者さんから1通のメールを受信コミケ83に向けたご相談、ご協力依頼
  5. 5. 2012/11/30デザインしてくれそうな人に打診みつばたん!一緒にアプリつくろう!
  6. 6. エレベータピッチ作成1. 『 アプリケーション名』は、2. 『 アプリを利用する人物像』に対して、3. 『 アプリの説明』を提供します。4. このアプリは『切実なニーズや課題』という問題 に対し、5. 『 競合する他のアプリ』などと異なり、6. 『 差別化する要素や優位性』という価値を提供で きます。
  7. 7. エレベータピッチ作成1. 『Claudia Enquete』は、2. 『MS企業ブースにきた一般参加者』に対して、3. 『アンケート入力とプレゼント選び』を提供します。4. このアプリは『従来のアンケート方式では対応で きない人数』という問題に対し、5. 『紙やWebのアンケート用紙』などと異なり、6. 『Win8の操作体験、電波不要、コンパニオンさん と会話できる楽しさ』という価値を提供できます。
  8. 8. 2012/12/2MS担当者さんにストーリーボード送付pptxのストーリーボードつけました。ご確認ください。
  9. 9. クラウディアアンケート
  10. 10. 私のこと、知ってるわよね? よく 知ってる ふつう 知ってる あんた 知らない だれ?
  11. 11. 好きなOSを全部選んでね Windows MacOS Linux Windows iOS Android Phone
  12. 12. 職業を教えてくれるかな? クリエー IT関連 予備 ター 学生 その他 予備
  13. 13. マイクロソフトって好き? 大好き 好き ふつう だいだい 嫌い だいーっ きらい
  14. 14. また、参加してもいいかな? どちら もう もちろん でも くんな
  15. 15. 今年最後の運試しはいかが? あたり~ 6 1 ちょっと早い私からのお年玉 5 ○○○をあげるわッ 2 べ、べつに特別な感情なんてなんだから、 もらってよねっ! 4 3
  16. 16. スタート
  17. 17. 2012/12/7認識共有ストーリーボードばっちりです
  18. 18. 2012/12/7V1.0.0.0提供まだ、全然デザインしてません、項目選べません、質問ファイル入力、回答ファイル出力、ルーレットなどありません な状態ですが、とりあえずイメージ共有
  19. 19. 2012/12/10V1.0.0.1提供
  20. 20. 2012/12/11V1.0.0.2提供
  21. 21. 2012/12/17V1.0.0.3提供
  22. 22. 2012/12/19MS品川本社にてミーティング名だたるMSエヴァからのフィードバックをいただく
  23. 23. 2012/12/23V1.0.0.4提供
  24. 24. 2012/12/27 0:47ストア申請
  25. 25. 2012/12/27 14:05認定→公開
  26. 26. 2012/12/28MS担当者さんがメディアでのインタビューで「はずれたときにもチョコを」
  27. 27. 2012/12/28急遽対応してストア再申請 (申請14:08→認定15:45)
  28. 28. http://hatsunejournal.jp/w8/ClaudiaEnquete/
  29. 29. 2012/12/29-31C83開催
  30. 30. 完成までのマイルストーン 29 30 1 依頼受領 PowerPoint PowerPoint2 3 4 5 6 7 8資料送付 確認受領V1.0.0.0作成 V1.0.0.0送付9 10 11 12 13 14 15 V1.0.0.1送付 V1.0.0.2送付V1.0.0.1作成 V1.0.0.2作成 V1.0.0.3作成16 17 18 19 20 21 22 V1.0.0.3送付 レビューV1.0.0.3作成 V1.0.0.4作成 V1.0.0.4作成23 24 25 26 27 28 29V1.0.0.4送付 ストア登録 追加仕様実装 コミケ本番 ストア登録30 31コミケ本番 コミケ本番
  31. 31. Windows 8 ストアアプリ• 開発言語:VB, C#, C++• 画面定義:XAML
  32. 32. なにがなにやら? 従来型 Windowsストアアプリで配布 配布 Windows 8 デスクトップアプリ ストアアプリ Microsoft Design Style UXガイド WinRT .NET Framework (Windows Runtime)
  33. 33. デザイナとのコラボが成功した理由• Model – ViewModel – View構造• Binding要素をまず作成• デザイナはBlendでViewをデザイン• TFServiceで共有&バージョン管理
  34. 34. ロジックのキモ• 回答の単一選択と複数選択の混在• Bindingだけで乗り切りたかったけれど…
  35. 35. 単一選択と複数選択の混在に発生した問題×単一と複数の2つのVisibleを制御○複数選択コントロールの無理やり単一抑止×Binding+Convertorで制御○コードで制御
  36. 36. 操作性のキモ• 登録操作の明確化• 画面クリーニングタイミングの創出
  37. 37. 実運用で分かった点コミケで使用した実機• ASUS VivoTab RT TF600T• Samsung Slate 7 Series• NEC Lavie Y
  38. 38. ソリューション構成• 4画面• 2ロジック• 1テストデータ(初期化)
  39. 39. Demo:Claudia Enquete
  40. 40. FIN

×