windows 7 ux applications

Microsoft MVP / Oracle ACE

初音玲

2

でも、そのまえに Vista対応は

終わっていますか？

VB6

Visual Studio 2005 (VB8 / VC#2)

Visual Studio 2008 (VB9 / VC#3)

3

4

VB8 (2005)

VB9 (2008)

6

VC#3 (2008)

7

<?xml version="1.0" encoding="utf-8"?> <asmv1:assembly manifestVersion=“1.0” xmlns=“urn:schemas-microsoft-com:asm.v1” … <assemblyIdentity version="1.0.0.0" name="MyApplication.app"/> <trustInfo xmlns="urn:schemas-microsoft-com:asm.v2"> <security> <requestedPrivileges xmlns="urn:schemas-microsoft-com:asm.v3">  <requestedExecutionLevel level="asInvoker" uiAccess="false" /> </requestedPrivileges> </security> </trustInfo> </asmv1:assembly>

level

asInvoker アクセス許可の追加要求を行いません。

highestAvailable 親プロセスが利用できる最も高いアクセス許可を要求します。

requireAdministrator 完全な管理者アクセス許可を要求します。

8

http://msdn.microsoft.com/ja-jp/library/aa511258.aspx

9

デザイン原則コントロールコマンドテキストメッセージ対話操作ウィンドウ外観エクスペリエンス Windows環境

10

775ページ

デザイン原則コントロールコマンドテキストメッセージ対話操作ウィンドウ外観エクスペリエンス Windows環境

11

775ページ

バルーンチェックボックスコマンドボタンコマンドリンクドロップダウンリストコンボボックスグループボックスリンクリストボックスリストビュープログレスバー

段階的表示ラジオボタン検索ボックススライダースピンステータスバータブテキストボックスツールヒントツリービュー

12

ToolTips

IsBalloon = True

それほど重大ではない問題を通知

13

パターンアイコン

入力の問題使用しない

特殊な状態警告アイコン

Onの状態をラベルに書く

OnとOff

14

推奨17px 標準16px

推奨 7px 標準 6px

なぜかVisual Studio 2008の標準は 1px小さい ※Visual Studio 2010β2も同じ

[CheckBox1]チェックボックスをオンにします。

幅:75px

高:23px

ボタン間:6px

15

ツールボックスからDrag&Dropしたサイズが標準サイズ

スナップ線が表示されるのが標準間隔

[Button1]をクリックします。

Visual Studioの標準コントロールにはない

解決方法はのちほど

16

ComboBox

DropDownStyle=DropDownList

17

[県名]ボックスの一覧の[北海道]をクリックします。

ComboBox

DropDownStyle=DropDown

18

[県名]ボックスの一覧に都道府県を入力します。

19

高さ：推奨23px 標準20px


関連性を視覚的に表示

GroupBox

注意点

ラベルは必須

グループボックスを入れ子にしない

線上にコントロールを配置しない

20

一覧に示された一連の値から選択

ListBox

注意点

論理的な順序で一覧

空白は× →(なし)

最低５行分の高さを確保

21

複数選択可能なリストボックス

22

[県名]ボックスの一覧の[北海道]をクリックします。

ProgressBar

23

タスクバーへの表示は？

相互に排他的な関連から選択

RadioButton

24

推奨17px 標準16px

推奨 7px 標準 6px


[縦]オプションボタンをクリックします。

メインウィンドウ下部にある領域

StatusBar

注意点

メインウィンドウのみ

状態に関する情報のみ

25

関連する情報をラベル付きの個別ページで表示 TabControl

注意点タブ間に明確な関連があること関連が薄ければ別ウィンドウ

タブ間は並列関係であること階層関係ならば子ウィンドウなど

26 [詳細設定]タブをクリックします。

文字、数字を表示、入力、編集

TextBox

高さ：推奨23px 標準19px

27

注意点

なるべく使用しないテキストボックスは文字長くらいしか制限できないので入力値にあった制限がコントロールを使うこと

文字がすべてはいるようにサイズを決める

指示ラベルは上に！

28

[はみ出さない入力]ボックスに適当に入力します。

コマンドまたはオプションの一覧

MenuStrip

注意点

メインウィンドウ

メニューカテゴリは3～10個の間

メニュー階層は3階層まで

29

[ファイル]メニューの[終了]をクリックします。

エラー

警告

確認

通知

30

誤ったエラーメッセージの例

31

エラーなのに[OK]はだめ！ [Close]とか[閉じる]

正しいエラーメッセージの例

32

Messagebox.Showでは無理

重要な財務データなどの貴重な資産が失われるおそれがある

システムへのアクセスまたは整合性が失われるおそれがある

プライバシーまたは機密情報の制御が失われるおそれがある

30 秒以上処理がかかるおそれがある

33

確認メッセージの例

34

パターンアイコン

日常的な動作の確認

使用しない

リスクのある操作

警告アイコン

意図しない結果の確認

重大な結果の場合は警告アイコンそれ以外の場合は使用しない

明確化のための確認

使用しない

セキュリティ上の確認

警告アイコン

別の意図の確認

使用しない 35

パターン規定の応答

日常的な動作の確認

［はい］

リスクのある操作

［いいえ］

意図しない結果の確認

重大な結果の場合は［いいえ］それ以外の場合は［はい］

明確化のための確認

［はい］

セキュリティ上の確認

［いいえ］

別の意図の確認

［はい］ 36

NotifyIcon1.ShowBalloonTip(9000)

37

NotifyIcon.Iconにアイコン設定必須

通知領域

視線の動き

38

http://code.msdn.microsoft.com/WindowsAPICodePack

Windows 7 Taskbar Jump Lists, Icon Overlay, Progress Bar, Tabbed Thumbnails,

and Thumbnail Toolbars

Windows Shell Windows Vista and Windows 7 Task Dialogs Sensor Platform APIs Extended Linguistic Services APIs Power Management APIs Application Restart and Recovery APIs Network List Manager APIs Command Link control and System defined Shell icons

41

42

ジャンプリスト

コマンドリンク

43

プログレスバー

44

誤ったエラーメッセージの例

45

エラーなのに[OK]はだめ！ [Close]とか[閉じる]

1. コンセプトを減らして、信頼を高める 2. どんなに小さなことでも重要である 3. 外観と内容を重視する 4. 探し回ることのないように、見つけやす

くする 5. 開始前のUXと質問（質問量は少なく） 6. カスタマイズではなく個人設定にする 7. エクスペリエンスのライフサイクル 8. モバイルユーザー向けに作成する

47

http://blogs.wankuma.com/hatsune/

http://hatsune.wankuma.com/

48

windows 7 ux applications

Technology