注釈がなぜ重要か
生のスクリーンショットは何かが間違っていることを伝えますが、注釈は正確に何が間違っているかを伝えます。「このあたりに何か問題がある」と「この特定のボタンが20pxずれている」の違いは、チームに何時間もの調査を節約できます。5つの注釈ツール
BugCapturerは5つの注釈ツールを提供しており、それぞれ特定の目的のために設計されています:矢印ツール
問題の正確な位置を指し示すために矢印を使用します。ベストプラクティス:- 問題の近くではなく、直接問題を指す
- 1つの問題につき1つの矢印 — 複数の矢印は混乱を生む
- 矢印は短く直接的に保つ
四角形ツール
視覚的な境界線で領域を強調するために四角形を使用します。以下に最適:- 領域に影響するレイアウトの問題
- 関連する問題のグループ化
- レビューが必要なセクションへの注目
テキストツール
視覚だけでは伝えられないコンテキストを提供するテキストラベルを追加します:- 何が問題かを説明:「テキストが重なっている」
- 期待される動作を指定:「右寄せであるべき」
- 寸法を追加:「ここに20pxの隙間」
ブラシツール
標準的な図形に当てはまらないものを丸で囲んだり、下線を引いたり、スケッチしたりする必要がある場合のフリーハンド描画。控えめに使用 — クリーンな注釈の方がプロフェッショナルです。モザイクツール
スクリーンショットを共有する前に機密情報をマスキングします:- ユーザー名とメールアドレス
- APIキーとトークン
- フォーム内の個人情報
- 支払い情報