未チェックの状態を示すキューは何ですか？
ページの主要なアクションは、「I'm in」を選択することです（「I'm commit」を意味し、選択を解除することもできます）。コントロールの論理的な選択はチェックボックスです：
[ ] I'm in
このアクションをアイコン付きの大きなボタンとして表示することにより、このアクションを他のアクションとより目立たせ、統合させたいと思います。
--------------
| ICON |
| |
| [ ] I'm in |
--------------
私の懸念は、初めてのユーザーがチェックされていない状態を見逃して、「私が入っている」と言っている大きなボックスがすでに「入っている」ことを示していると想定することです。
行動を促すフレーズがボタンをクリックして状態を設定することは間違いないでしょう。目立つようにする別の方法が提案されている場合は、ボタンとチェックボックスを組み合わせて使用することに挑戦します。
[編集]いくつかの提案が強調しているように、チェックされていない状態は、「私は出かけている」ほど強力ではなく、「興味がある」ことを意味します。これがいくつかのオプションにどのように影響するか興味深い。
outのときに画像を大幅に明るくし、チェックボックスが操作を必要とするコントロールになり、現在の状態がより明確に示されるようにします。
さらに、現在の状態と必要な遷移をより明確にするiOSスタイルのスライダーを検討することもできます。
UIを使用してそれをより明確にすることができますか？また、以前言ったことがあるので、もう一度言います。専門用語ではなく、話し言葉形式の英語を使用することをお勧めします。これにより、ボタンの機能をユーザーにわかりやすくすることができます。
UIの推奨事項に関しては、説明文と組み合わせたときに色覚異常でない人のための信号機インジケーターがうまく機能すると思います。以下のデモをご覧ください。