バグとチュートリアル手順のスクショ注釈
該当する場合
正確な注釈はサポートとQAの往復を減らす。
使うツール
スクショに矢印・枠・ハイライトを追加。
スクショ注釈 を開く →手順
- 1手順に番号。
- 2コントラストの高い色。
- 3注釈前に秘密を隠す。
- 4ズーム向けにシャープな形式で書き出す。
例
- 顧客エラーフロー。
- 視覚的オンボーディング。
避けること
- 矢印が要素を覆う。
- メールで画像が重すぎ。
- 代替テキストなし。
関連ツール
ブログで
スクリーンショットツール のその他
よくある質問
テキストのみ?
アクセシビリティのため常にテキスト手順も。
PNGかJPG?
注釈のシャープさではPNGが有利なことが多い。