Palm OS User Interface Guidelines/5-4の変更点

• 追加された行はこのように表示されます。
• 削除された行はこのように表示されます。

[[←　3 節に戻る|Palm OS User Interface Guidelines/5-3]]　[[↑5 章トップへ|Palm OS User Interface Guidelines/5]]　[[5 節に進む　→|Palm OS User Interface Guidelines/5-5]]
----
!!!5-4 プッシュボタン
　
　プッシュボタン（図 5.16 参照）はデスクトップアプリケーションにおけるラジオボタンに類似しています。これらはラジオボタンよりもスペースをとらないように設計されています。丸いボタンのスペースもテキストラベルのスペースも必要ありません。

　プッシュボタンもポップアップリストも、一連の要素から１つを選択するために使用できます。プッシュボタンは全ての選択肢が一度に画面上に表示されるため、より容易に理解できます。ポップアップリストは選択中の要素以外は全てを隠してしまいます。また、プッシュボタンをタップする方がポップアップリストを操作するよりも簡単です。
　プッシュボタンもポップアップリストも、一連の要素から１つを選択するために使用できます。プッシュボタンは全ての選択肢が一度に画面上に表示されるため、より容易に理解できます。ポップアップリストは選択中の要素以外の全てを隠してしまいます。また、プッシュボタンをタップする方がポップアップリストを操作するよりも簡単です。

!図 5.16 プッシュボタンの例
{{ref_image figure_5.16.gif}}

!表 5.5 プッシュボタンの詳細
,指標,値
,幅,最低でもコンテンツ幅＋２{{br}}同一グループのプッシュボタンは同じ幅にする
,高さ,12{{br}}同一グループのプッシュボタンは同じ高さにする
,上端,可変{{br}}同一グループのプッシュボタンを同じにする（水平に並べる場合）
,１つめのボタン{{br}}の左端,可変
,ボタン(n){{br}}の左端,ボタン(n-1) の左端 + ボタン(n-1) の幅 + 1
,境界線,１ピクセルの矩形
,コンテンツ,テキストまたは画像をできるだけ小さく
,ラベル,ボタンの目的が明白でない場合には{{br}}ラベルをつける

　
!!システムが定める挙動
　全てのプッシュボタンに同一のグループ ID を設定すれば、１つのボタンだけが選択可能になることをシステムが保証します。グループ内のボタンの１つをタップするとそのボタンがハイライト表示され、それまで選択されていたボタンはハイライト表示を解除されます。コマンドボタンとは異なり、プッシュボタンはペンを離してもハイライト解除されません。プッシュボタンはグループ内の別のボタンが選択されるまでハイライト表示され続けます。

　
!!ルールを破る場合
　グループIDの設定を空にしておくことで、相互に排他的でないプッシュボタンを作成することもできます。実は、これはよくあるプログラミング上のミスでもあります。そのため、このようなインターフェースは機能ではなくバグのように見えがちです。

　Date Book の Change Repeat ダイアログにおける Week ビューでは、週の曜日を表示するために排他的でないプッシュボタンを使用しています（図 5.17 参照）。このUI要素が選ばれた理由は明白です。それは、チェックボックスを並べる場合に比べて画面スペースをとらないためです。しかし、ユーザーはプッシュボタンのように見えるUI要素はプッシュボタンのように振る舞うものと考えるものです。図 5.17 に示すダイアログの曜日が選択されていない状態を見た多くのユーザーは、曜日を１つしか選択できないと思いこむでしょう。

!図 5.17 排他的でないプッシュボタン
{{ref_image figure_5.17.gif}}

　
----
[[←　3 節に戻る|Palm OS User Interface Guidelines/5-3]]　[[↑5 章トップへ|Palm OS User Interface Guidelines/5]]　[[5 節に進む　→|Palm OS User Interface Guidelines/5-5]]