Crit Design for Web Apps

そのため、私はモックアップ、関係者メモ、そして土壇場での「もっとポップにできないだろうか？」という質問に溺れてきました。リクエスト。そこで私は Crit Design for Web Apps を見つけました。正直に言うと、これはデザイン言語を話す第 2 の脳を持つようなものです。綿毛も専門用語もありません。ポイント、クリック、質問するだけで答えが得られます。最初は懐疑的でしたが、クライアントのランディング ページで使用した後、何日も見逃していたアクセシビリティの問題に警告を発することができました。ブーム。無料の代替テキストの提案?チェック。レイアウト フローについて簡単に批判しますか?もチェックしてください。それは魔法ではありませんが、それに近いものです。

良いもの

実際に私を驚かせたのは、視覚的なバランスをいかに早く習得したかでした。私は、違和感を感じたモバイル メニューのスクリーンショットを撮りましたが、その理由はわかりませんでしたが、「これは乱雑ではありませんか?」と尋ねました。 AI はアイコン間の間隔が不均等であることを指摘し、パディングを減らすことを提案しました。やってみたら、見た目がすぐにきれいになりました。単なる「良いアイデア」ではなく、問題を解決しました。そして代替テキストの生成は？命の恩人。私は一連のアクセシビリティ監査を行っていたので、最初から説明を書くのではなく、画像を Crit Design に貼り付けて、数秒で使用可能な簡潔な代替案を作成しました。手動で入力する場合と比べて、1 ページあたり少なくとも 30 分を節約できました。さらに、ブラウザ内で直接動作します。アプリの切り替えやエクスポートは必要ありません。スクリーンショットを取得して貼り付け、質問するだけです。終わり。

あまり良くないこと

完璧ではありません。時々、AI があまりにも文字通りに解釈しすぎたり、文脈を見逃したりすることがあります。たとえば、私が色のコントラストについて尋ねたとき、オレンジ色の背景に赤い文字がかろうじて読めたにもかかわらず、AI は「きれいに見えます」と答えました。したがって、引き続き物​​事に目を向ける必要があります。また、過去の批評を保存したり、履歴を構築したりする方法もありません。後で戻った場合は、新たに始めることになります。もちろん、これはブラウザ拡張機能としてのみ利用できるため、オフラインで作業している場合や複数のデバイスを使用している場合は面倒です。また、画像とテキストの分析以上のことは行いません。Figma の統合やコードの提案はありません。しかし正直に言うと、それはそのために作られたものではありません。これは焦点を絞ったツールなので問題ありませんが、すべてを期待しないでください。

結論

あなたが常にレイアウトをレビューしたり、小さな欠陥を見つけたり、アクセシビリティのためにコンテンツを準備したりしているデザイナーや UX 研究者であれば、Crit Design for Web Apps をダウンロードする価値があります。無料で高速で、あることを非常にうまく実行します。デザインプロセスを置き換えるわけではありませんが、毎日のレビューのイライラが大幅に軽減されます。 1 週間試してみてください。Web アプリを作成している場合は、おそらく使い続けるでしょう。派手さはありませんが、便利です。そして、それだけで十分な場合もあります。