CASE STUDY / TOOLCOMPASS

比較だけでなく、見送る条件を置いた。

中古PC初心者が「買う」と決める前に、スペック・価格・用途を照らし、停止条件まで確認できるよう設計した制作判断のケーススタディ。

執筆・検証:cig4r · 確認日:2026-07-19 · 更新日:2026-09-07

事実

目的
中古PC購入の意思決定支援(初心者向け)
想定利用者
中古PCを初めて買う人
構成
静的HTML + クライアント内判定(Islandなしの純HTML/JS)
インタラクション
条件比較・購入前チェック
コンテンツ
購入ガイド・判断表
レビュー日
2026-07-19
レビューコミット
e8b86e3b4da757dcf607978696cb31127dfcca56

証拠:ToolCompass 公開サイト / ToolCompass GitHubBUILD ORBIT内の元データはToolCompassProject Atlas で照合できます。

初期仮説

中古PCの購入では「どれが良いか」を並べるだけでは決まらない。用途と予算と故障リスクを同時に照らす必要があり、かつ「今は買わない」と言える仕組みがないと、不安で Over-spec へ流れる。

採用した構成

採用しなかった構成

実際に起きた問題と修正

初版は「買う理由」の列挙が多く、不安層が Over-spec へ向かう傾向が見えた。そこで「見送る条件」を明示する導線を追加し、停止判断を最初の方に置いた。これは BUILD ORBIT が他サイトでも観測した「決定を助けるのは選択肢ではなく停止条件」という学びと一致する。

事実・解釈・未計測を分ける

公開サイトとProject dataから確認できる事実は、静的HTML、クライアント内判定、条件比較、購入前チェック、そして「見送る条件」を含むことです。そこから「停止条件を先に置くと不安を扱いやすい」と読むのは、このProjectの設計上の解釈です。購入率、返品率、検索順位、利用者の満足度は確認していないため、このケーススタディの成果指標にはしません。

再利用できる学び

今なら変える点

判定ロジックをより小さな Island(React/Preact)として分離し、no-JS 時にも判断表だけは読める形を標準化する。現在は純JSだが、他サイトで得た「Islandで動かす範囲を絞る」知見を統合したい。

CONNECTED ASSETS

この判断を使う

Decision Flow パターン で分岐設計の条件を、Static-First Enhancement で静的基盤への配置を確認できます。 構成を試すなら Build Simulator へ。集計の前提と要件定義の型はResources で確認できます。

別のケーススタディを見る