025 - ビジュアル検索デモ

1) 地図ピンを位置でタップ

「東京スカイツリー」ピンをタップできるシナリオです。 近い位置に別ピンを置き、ラベルと位置の組み合わせで狙ったピンを選択しやすくしています。

推奨アサーション例: タップ後に「東京スカイツリーを選択」のステータス文言を確認。

2) 検索ボックスと検索ボタンの横並び

キーワード入力ボックスと検索ボタンを横並びに配置しています。 「右側の検索ボタン」を視覚的に位置づけてタップするケースを検証できます。

推奨アサーション例: 右側の検索ボタン押下後に「検索を実行しました」を確認。

3) 顧客一覧の文脈で右側ボタンを特定

すべて同デザインの [修正][削除] ボタンを配置しています。 「メイブル工業 / 渋谷さん / 右側の削除」をレコード文脈で特定し、 並び順を変更しても同じ対象を押せる動きを確認できます。