カテゴリー
インタラクション系
8

直接操作

画面上のオブジェクトに直接触れて操作しているような感覚を与える。身体的な動作に追従してリアルタイムに表示を更新する。

01
Bad

ボタンで移動させる方式で直感的でない

アイテムを移動するにはボタンを押してください

A
B
C
選択: A

間接的な操作で直感的でない

Good

ドラッグ&ドロップで直接移動できる

アイテムをドラッグして並び替えてください

⋮⋮ A
⋮⋮ B
⋮⋮ C

直接操作で直感的に並び替え可能

02
Bad

「上へ」「下へ」ボタンで間接操作

リストの順序を変更してください

1.タスク1
2.タスク2
3.タスク3

「上へ」「下へ」ボタンで間接操作

Good

アイテムを掴んで直接移動できる

タスクをドラッグして並び替えてください

⋮⋮1.タスク1
⋮⋮2.タスク2
⋮⋮3.タスク3

アイテムを掴んで直接移動できる

03
Bad

ピクセル値を手入力する必要がある

画像のサイズを変更してください

100x100

ピクセル値を手入力する必要がある

Good

画像の角をドラッグしてリサイズ可能

右下の角をドラッグしてリサイズしてください

100x100

画像の角をドラッグしてリサイズ可能

No.8直接操作
8

直接操作

画面上のオブジェクトに直接触れて操作しているような感覚を与える。身体的な動作に追従してリアルタイムに表示を更新する。

01
Bad

ボタンで移動させる方式で直感的でない

アイテムを移動するにはボタンを押してください

A
B
C
選択: A

間接的な操作で直感的でない

Good

ドラッグ&ドロップで直接移動できる

アイテムをドラッグして並び替えてください

⋮⋮ A
⋮⋮ B
⋮⋮ C

直接操作で直感的に並び替え可能

02
Bad

「上へ」「下へ」ボタンで間接操作

リストの順序を変更してください

1.タスク1
2.タスク2
3.タスク3

「上へ」「下へ」ボタンで間接操作

Good

アイテムを掴んで直接移動できる

タスクをドラッグして並び替えてください

⋮⋮1.タスク1
⋮⋮2.タスク2
⋮⋮3.タスク3

アイテムを掴んで直接移動できる

03
Bad

ピクセル値を手入力する必要がある

画像のサイズを変更してください

100x100

ピクセル値を手入力する必要がある

Good

画像の角をドラッグしてリサイズ可能

右下の角をドラッグしてリサイズしてください

100x100

画像の角をドラッグしてリサイズ可能