プロダクト・UX

無料のデザイン講評作成ツール.

見えない操作の不確実性を含む、根拠に基づく使いやすさの講評。

タスク説明と並べて画面を評価し、意図した操作が分かりやすくなる変更を優先できます。

Chrome拡張機能とアカウントが必要です。
毎月25回の無料自動化タスクを全ツールで共有。ブラウザー接続先の提供元の制限が適用されます。

準備するもの

ページ内容または提供したデザイン画像とユーザー目標。

ここから開始

自分用に調整できるタスクです。

ここでコピーし、準備ができたら WebAct に貼り付けてください。

このページではプロンプトを準備します。タスクは WebAct で実行します。

01

タスクを自分用に調整しましょう。

上のプロンプトを確認し、目的と重要な要件を追加してください。

02

WebAct に持ち込みましょう。

ブラウザーの ChatGPT 接続で WebAct を開き、画像を提供してタスクを貼り付けてください。説明やレビューをどの場面で使うかも伝えます。

03

役立つ部分を確認しましょう。

利用可能なブラウザーの ChatGPT 接続を通じて画像を提供してください。特に小さな文字や見えにくい細部は、説明を画像と照らし合わせて確認します。

実践ガイド

見えない操作を決めつけずにデザインを評価する方法。

ユーザー目標と見える根拠で評価します。スクリーンショットだけでは、すべてのキーボード状態、読み込み動作、操作は分かりません。

作業手順をタスクに合わせましょう。

提示されたデザインを明示した目標に照らして評価し、各指摘に見える根拠を添えます。配置や文言の観察と、静止画では確認できない動作を分けます。

用意するもの
ページ内容または提供したデザイン画像とユーザー目標。
得られるもの
見えない操作の不確実性を含む、根拠に基づく使いやすさの講評。

入力と結果を確認しましょう。

説明用の入力と出力 · 実際の WebAct 実行ではない学習用サンプル

入力項目サンプル個

A checkout screenshot shows two equally prominent buttons with unclear labels.

完成例

Clarify the primary action and button meanings; reserve judgment about keyboard behavior until it can be tested.
この例をダウンロード

この入力をプロンプトに読み込み、WebAct にコピーして試してください。結果は掲載例と異なる場合があります。

判断のポイントとトラブル対処。

画像だけでキーボード操作が機能するか分かりますか?

いいえ。視覚的な選択は見えますが、フォーカスやコントロールの動作は実際の操作確認が必要です。

講評が実行可能な指摘ではなく好みになる場合は?

各観察をユーザー目標と具体的な影響に結び付けます。使いやすさの問題と任意のスタイルの選択を区別してください。

自分の資料で試しましょう。

タスクのプロンプト内の例を自分の資料に置き換えてください。必要な要件を残し、タスクを WebAct にコピーします。

タスクを調整してコピー ↑
始める前に

WebAct の利用。

プロンプトと例はここで利用できます。タスクは Chrome 用 WebAct 拡張機能で実行してください。

このツールは無料ですか?

このページのプロンプトは無料でコピー・編集できます。WebAct で使うには Chrome 拡張機能をインストールし、アカウントを作成・認証して、利用可能なブラウザー版 ChatGPT セッションを接続してください。Free プランには、ユーザーが開始する自動化タスクが暦月ごとに25回含まれ、全ツールで共有します。通常のブラウザー Chat は別枠で、提供元の制限が適用されます。

共有コンテキストの説明はこちら: プライバシーポリシー モードの選び方はこちら: Chat または Task.

プロンプトから実際の作業へ

タスクを自分のページへ。

WebAct をインストールし、元資料を加えて結果を自分用に調整しましょう。

WebActをインストール