おばかアプリ勉強会資料マイクロソフト

Windows アプリケーションの表現力を引き出すには「表現力」と「プロセス」を身につけよう
マイクロソフト株式会社
デベロッパーエバンジェリスト
岩田雅樹
http://blogs.msdn.com/masaki/

持ち帰っていただきたいこと
ユーザーにとって表現力は大事
実は簡単に表現力を高めることができる
使いやすいアプリケーションには使う側の体験を意識することが重要

今日のお題
ユーザーエクスペリエンスってなに？
実は簡単！アプリケーション開発
デザイン (=資産) を活用しよう
様々な新機能と組み合わせてみよう
ちょっとした味付けをしてみよう

ユーザーエクスペリエンスってなに？
コンピューターでよくあるカタカナ語なども悪い例
わからない、自分で学べない、使えない
情報が見つからない、ヘルプが役に立たない
テレビのように簡単になればいいのに…
みなさん、そろそろ意識してみません？

そろそろ意識してみませんか？
パソコンもテレビのように使えたら…
テレビの操作を真似てみる
PC にしかない機能を使ってみる
例) タッチで選局、スライドさせて機能を選択
ゲームや携帯電話の話ではありません
直感的な操作
手間も減るし、覚えるのが簡単
やりたいことがパッと見でわかる
マニュアルいらず、サポートの電話も減る

関係ないなんて、もう言わせない
言っていられない
使い勝手は今や大きな差別化要素
プログラマーのみなさま
使いやすいアプリケーションになってます？
デザイナーのみなさま
ぜひ、そのデザインを力に変えてください！
ユーザーの体験を意識して作る
わかりやすいデザイン × アプリケーション

ちょっと待った
今日は、おばかアプリ作りの「まじめ」な話をする日でしたね

実は簡単！アプリケーション開発

既存のデザイン資産を活用しよう
知っていましたか？
既存の資産 (Illustrator, Photoshop形式) はWindows アプリケーションで使えます
Expression 3 で手軽にインポート♪
XAML形式に変換してアプリケーションに
Adobe Illustrator, Adobe Photoshop は Adobe SystemsIncorporated の登録商標です

Expression Design 3によるファイル変換
変換したファイルで画面をデザイン

ちょっと回してみましょうか

おじさんを回してみよう
SensorApplicationsRenderTransformBasic

レシピおじさん回しちゃいます

<Canvas Name="layer1"Background="Transparent">
<Path Canvas.Left="0" Canvas.Top="23.4791" …
// スライダー側
void slider1_ValueChanged(object sender,
RoutedPropertyChangedEventArgs<double> e)
{
varm = new Matrix();
// おじさんレイヤーの中心でスライド分回す
m.RotateAt(e.NewValue, layer1.ActualWidth / 2.0,
layer1.ActualHeight / 2.0);
layer1.RenderTransform= new MatrixTransform(m);
}

回りました
…業務アプリケーションでは回す必要はありませんよ

新機能と組み合わせてみよう
加速度センサーとの組み合わせ

Windows 7 の新機能 (の一部)
マルチタッチ
複数の指で「操作」したり、
指を使って筆書きしてみたり
センサー
加速度、温度、脳波、びんぼうゆすりを利用
ロケーション
位置情報を取得して、お天気を取得
新しいアプリケーションの世界
http://msdn.microsoft.com/ja-jp/windows/ff423757.aspx

加速度に合わせておじさんを動かそう
SensorApplicationsRotateAccelermator

ちょっと味付けしてみよう
最初の真面目な話はなんだったの？

アイディアを取り入れる
フライパンで炒め物でもしてみますか

加速度センサーで炒め物♪
SensorApplicationsFryingPan

脳波センサー
http://msdn.microsoft.com/ja-jp/windows/ff423757.aspx

まとめ
Windows 7 の新機能を用いてユーザーエクスペリエンスの向上が可能
開発者もクリエイターのみなさんも、この機会に挑戦してみてください

資料
Expression Studio 3 体験版
http://www.microsoft.com/japan/products/expression/
Visual Studio 2010 (日本語版 beta2)
http://www.microsoft.com/downloads/details.aspx?FamilyID=dc333ac8-596d-41e3-ba6c-84264e761b81&displaylang=ja
Visual Studio 2010 Express Edition
http://www.microsoft.com/express/
Windows 7 の機能を学習するhttp://msdn.microsoft.com/ja-jp/windows/aa904962.aspx
Windows 7 逆引きサンプルコード一覧http://msdn.microsoft.com/ja-jp/windows/ff402519.aspx

http://www.atmarkit.co.jp	882
http://www.slideshare.net	7
http://translate.googleusercontent.com	1
http://aitcms-w.atmarkit.co.jp	1

おばかアプリ勉強会資料マイクロソフト

by atmarkit on Apr 28, 2010

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 891

Statistics