Windowsストアアプリデザインの実例

Web開発

書籍・書評

連載 :

エンジニアの本棚

2013年2月20日(水)

インプレスジャパンコンピューターテクノロジー編集部

完成版はどう変わったのか？

最終的には、主に次のような修正を加え、アプリを完成させました。ご覧いただければ分かりますが、見栄え・操作性とも、プロトタイプとの差は歴然です。

画面右端にあったコマンドをアプリバーに移動。これにより、描画領域が広がっただけでなく、ユーザーの指が意図せず触れて、誤操作でチャームを表示するということがなくなった。また、Windowsストアアプリの「没入感」の実現にもつながった
アプリの顔とも言える、タイルやスプラッシュ画面を追加。アプリ開始時のわくわく感につながった
設定画面を活用して、音や壁紙を切り替えられるようにした
タッチで操作しやすい魅力的なカラーパレットを追加した

図6：完成したアプリで、小学校4 年生の長男に実際にお絵描きをさせてみた。親バカかもしれないが、単純な形を組み合わせてここまで描きあげるとは、なかなかの才能ではないだろうか。「ダイオウイカの目を工夫した！」という力作だ。

図7：描き終えてから「スタート」をタッチすると、描いた絵が重力方向に、音を立てながら崩れ落ちてしまう。ものを壊してみて、また作り直すのが大好きな子どもは、はしゃぎながら遊び倒している。父親としても面目が保てた、と思う。これも、山本デザイナーのおかげである。

このように、ユーザーインターフェイスとデザインはとても大切です。デザインはユーザーからの印象を一瞬で左右し、使い勝手もグンと向上させます。アプリを作ろうと思われたら、ぜひデザイナーと協業することを検討してください。あなたのアプリが、より一層魅力的なものになることでしょう。

★Windowsストアアプリ「Paint Drops Free」はこちらから無償でインストールできます

追記：出版社インプレスジャパンからのお知らせ

書籍のご案内

『JavaScriptで作るWindowsストアアプリ開発スタートガイド』は、2013年2月21日（木）より全国の大型書店およびネット書店にて発売です！

	書名	JavaScriptで作る Windowsストアアプリ開発スタートガイド
	著者	田中賢一郎
	判型	B5変型判（230×182mm）
	ページ数	340ページ
	ISBN	978-4-8443-3352-4
	定価	2,800円＋税
	発行	インプレスジャパン
	発売日	2013年2月21日（木）

インプレスジャパン本書ご案内ページ→コチラ
Amazon.co.jp→コチラ

Windowsストアアプリは、JavaScript/HTML5/CSS3の知識を活かし、Visual Studio 2012 Express* で構築できます。その画面デザイン・機能・UIから完成品のストア登録まで、公式ガイドラインを熟知した著者がやさしく解説。はじめてのWindowsストアアプリ開発もていねいにサポートします。「PaintDropsFree」など、本書で扱うサンプルコードはWebからダウンロードできます。*Microsoft Visual Studio 2012 Express for Windows 8
※本書は電子書籍版も発売しています。電子書籍版の価格は各ストアでご確認をお願いいたします。

【第1部導入編】
第1章 Windows 8とストアアプリを知ろう
第2章アプリの設計とデザインを考えよう

【第2部基本編】
第3章便利なCSS3スタイル
第4章 Windowsストアアプリ実装の基礎知識

【第3部応用編】
第5章多機能なRSSリーダーアプリを作ろう
第6章物理演算エンジン「Box2D」を使ってみよう
第7章ストア公開中アプリ「Paint Drops Free」の作り方

著者　田中賢一郎(たなかけんいちろう)

1994年慶應義塾大学理工学部計測工学科修了。同年キヤノン株式会社に入社。
2000年にデジタル放送立ち上げの会社に出向。その間に一人でデータ放送ブラウザを実装し、マイクロソフトへソースライセンスする。
2008年より Windows Media Center TVチームの開発者としてマイクロソフトディベロップメント株式会社へ。
現在はWindows開発統括本部にて、パートナーのエンゲージメントをサポートするとともにWindows新規機能の検討に携わる。
趣味はジャズピアノ演奏。宮澤隆氏に師事。週末は横浜界隈のジャムセッションに出没。
⇒Youtubeで演奏を公開中！

無償版電子書籍を配信！

本書の特別編として、
・アプリ開発者契約
・NFC（Near Field Communication ）を利用したアプリ開発
の2点を用意しました。無償版電子書籍（PDF 版）として配信しています。インプレスジャパンの本書ご案内ページより、ダウンロードできます。※無償版電子書籍は、本書には未収録です。ダウンロードは、本書を購入していない方でも無料となっております。