Guía de Referencia de la Interfaz y Controles
Un desglose exhaustivo de todos los controles de la interfaz, botones de preajustes, insignias de puntuación de valor, deslizadores de filtros, calculadoras de actualización y herramientas de comparación.
Guía de Referencia de la Interfaz y Controles
Te damos la bienvenida a la enciclopedia visual de referencia de The Comparator. Este documento analiza cada control interactivo, insignia de métrica, deslizador de filtros y módulo de cálculo en nuestra plataforma para que navegues por los datos con total claridad.
1. Selección Rápida de Objetivos y Preajustes
Ubicada directamente encima de la tabla de comparación en /gpu/, /cpu/, /ssd/, /ram/ y /mobo/.

Controles Clave:
- 🎮 Juegos 1080p / 1440p / 4K: Calibra el exponente de peso del rendimiento de rasterización ($Score^{eS}$) para tu resolución de juego objetivo.
- ⚡ Ray Tracing (RT): Incrementa el exponente de trazado de rayos ($RT^{eRT}$) para priorizar tarjetas con aceleración DXR por hardware superior.
- 🤖 Cargas de Trabajo de IA y LLM: Enfatiza los TFLOPS Tensor FP16 ($AI^{eAI}$) y una alta capacidad de VRAM ($VRAM^{eV}$) para inferencia local de LLMs y entrenamiento de Stable Diffusion.
- ⚖️ Término de Novedad / Frescura: Evita que tarjetas gráficas antiguas de bajo costo dominen la clasificación incorporando un factor de año de lanzamiento ($Year^{eY}$).
2. Insignia de Puntuación de Valor y Rúbrica de Rendimiento
Mostrada en la segunda columna de cada fila de producto.

Métricas de la Insignia:
- Puntuación de Valor (0–100): Normalizada mediante escala mín-máx entre todos los productos filtrados actualmente, basándose en la relación geométrica ponderada entre rendimiento y costo:
- Numerador (Atributos Deseables): Rendimiento de Rasterización, Ray Tracing, Cómputo de IA, Capacidad de VRAM, Garantía y Novedad de Lanzamiento.
- Denominador (Atributos de Costo): Precio Total (Precio + Envío) y Consumo Energético (TDP).
- Rúbrica de Niveles (S, A, B, C, D, F):
- 👑 Nivel S: Ganga excepcional; 5% superior en relación calidad-precio dentro de su categoría.
- 🟢 Nivel A: Excelente compra; sólido rendimiento por cada dólar.
- 🔵 Nivel B: Valor de mercado justo y equilibrado.
- 🟠 Nivel C/D: Precio elevado en comparación con el rendimiento ofrecido.
- 🔴 Nivel F: Mala relación calidad-precio o precio desactualizado.
3. Panel de Filtros y Deslizadores de Facetas
Ubicado inmediatamente encima de la tabla de productos.

Opciones de Filtro:
- 💾 Deslizador de VRAM Mínima: Descarta tarjetas con VRAM insuficiente (ej. exigir 12 GB o más para juegos modernos en 1440p).
- 💵 Límites de Rango de Precio: Establece presupuestos estrictos (ej. $200 - $500).
- 🏷️ Selector de Condición: Alterna entre Nuevo (garantía de tienda oficial), Reacondicionado y Usado (anuncios de mercado de segunda mano).
- 🔍 Buscador Instantáneo: Filtro rápido por fabricante (NVIDIA, AMD, Intel, ASUS, MSI) o nombre del modelo.
4. Calculadora de Actualización y Desembolso Real
Ubicada debajo de la tabla principal de comparación.

Cómo interpretarla:
- 📉 Tarjeta Actual: Selecciona tu tarjeta gráfica instalada (ej. GTX 1060 6GB).
- 📈 Tarjeta Objetivo: Selecciona la GPU a la que deseas aspirar (ej. RTX 4070 12GB).
- 💰 Desembolso Neto Real: Calculado como Precio Objetivo menos Valor Estimado de Reventa de tu Tarjeta Actual.
- 📊 Costo por Ganancia de FPS: Muestra los dólares exactos gastados por cada punto porcentual de mejora de rendimiento.
5. Modal para Añadir Anuncio Personalizado del Mercado
Se activa al hacer clic en el botón + Añadir Tarjeta en la barra superior.

Campos del Formulario:
- 🏷️ Título / Nota del Anuncio: ej., “eBay RTX 3080 Usada Recogida en Mano”.
- 🎯 Modelo Base de Referencia: Selecciona el modelo de nuestra base de datos (autocompleta especificaciones, TDP, puntuaciones de rasterizado y RT).
- 💲 Precio del Anuncio y Envío: Introduce el costo total para insertar de inmediato el artículo en la tabla en vivo y calcular su Puntuación de Valor personalizada.
6. Matriz de Comparación y Enfrentamiento Directo
Accesible a través de /compare/ o haciendo clic en + Comparar en cualquier fila de producto.


Características Principales:
- 📌 Bandeja de Elementos Fijados: Barra flotante que guarda hasta 4 productos para comparación instantánea.
- ⚖️ Puntos de Cruce de Precio: Calcula el precio exacto al que el Producto B se convierte en mejor compra que el Producto A.
🔗 Guías Relacionadas de la Academia
- 🎮 Cómo Encontrar las Mejores Ofertas: Tutorial paso a paso para cazar gangas.
- 🔄 Guía de la Calculadora de Actualización: Evalúa la rentabilidad de una mejora de hardware.
- 🏪 Integración de Tarjetas Personalizadas: Prueba anuncios del mercado local.
- 🎓 Centro de la Academia de Compradores: Índice completo de la Wiki de Compradores.
Interface & UI Element Reference Guide
Welcome to the visual reference encyclopedia for The Comparator. This document breaks down every interactive control, metric badge, filter slider, and calculation island across our platform so you can navigate the data with total clarity.
1. Quick Target Selection & Presets
Located directly above the comparison table on /gpu/, /cpu/, /ssd/, /ram/, and /mobo/.

Key Controls:
- 🎮 Gaming 1080p / 1440p / 4K: Calibrates raster performance weight exponent ($Score^{eS}$) for your target gaming resolution.
- ⚡ Ray Tracing (RT): Increases ray-tracing exponent ($RT^{eRT}$) to prioritize cards with superior hardware DXR acceleration.
- 🤖 AI & LLM Workloads: Emphasizes FP16 Tensor TFLOPS ($AI^{eAI}$) and high VRAM capacity ($VRAM^{eV}$) for local LLM inference and stable diffusion training.
- ⚖️ Recency / Freshness Term: Prevents ancient budget GPUs from over-indexing by incorporating a release year term ($Year^{eY}$).
2. Value Score Badge & Performance Rubric
Printed in the second column of every product row.

Badge Metrics:
- Value Score (0–100): Min-max normalized across all currently filtered products based on the weighted geometric ratio of performance vs cost:
- Numerator (Good Attributes): Raster Performance, Ray Tracing, AI Compute, VRAM Capacity, Warranty, and Release Recency.
- Denominator (Cost Attributes): Total Price (Price + Shipping) and Power Consumption (TDP).
- Tier Rubric (S, A, B, C, D, F):
- 👑 S-Tier: Exceptional deal; top 5% value ratio in its class.
- 🟢 A-Tier: Great buy; strong performance per dollar.
- 🔵 B-Tier: Fair market value.
- 🟠 C/D-Tier: Overpriced relative to performance.
- 🔴 F-Tier: Poor value or obsolete pricing.
3. Facet Filter Panel & Sliders
Located immediately above the product table.

Filter Options:
- 💾 VRAM Minimum Slider: Filter out cards with insufficient VRAM (e.g. require 12 GB or more for modern 1440p gaming).
- 💵 Price Range Floor/Ceiling: Set strict budget limits (e.g. $200 - $500).
- 🏷️ Condition Toggle: Switch between New (store-guaranteed retail), Refurbished, and Used (marketplace listings).
- 🔍 Filter Search Box: Instant fuzzy filter by brand (NVIDIA, AMD, Intel, ASUS, MSI) or model name.
4. Upgrade Out-of-Pocket Calculator Island
Located below the primary comparison table.

How to read it:
- 📉 Baseline Card: Select your current installed graphics card (e.g. GTX 1060 6GB).
- 📈 Upgrade Target: Select your target GPU (e.g. RTX 4070 12GB).
- 💰 Net Out-of-Pocket Cost: Calculated as Target Price minus Estimated Baseline Resale Value.
- 📊 Cost Per FPS Gain: Shows exact dollars spent per percentage point of performance uplift.
5. Add Custom Listing / Marketplace Modal
Triggered by clicking the + Add Custom button in the header toolbar.

Modal Fields:
- 🏷️ Listing Title / Note: e.g., “eBay RTX 3080 Used Pick-up”.
- 🎯 Reference GPU Model: Select the base GPU model from our database (autofills specs, TDP, raster/RT scores).
- 💲 Listing Price & Shipping: Enter total cost to instantly insert the item into the live comparison table and calculate its custom Value Score.
6. Comparison Matrix & Head-to-Head Matchup
Accessible via /compare/ or clicking + Compare on individual product rows.


Key Features:
- 📌 Pinned Items Bar: Floating drawer storing up to 4 pinned items for instant side-by-side comparison.
- ⚖️ Crossover Price Math: Calculates exact price points at which Card B becomes a better deal than Card A.
🔗 Related Academy Guides
- 🎮 Spotting Real GPU Deals: Step-by-step deal hunting tutorial.
- 🔄 Upgrade Calculator Guide: Evaluating upgrade profitability.
- 🏪 Custom Card Integration: Testing local marketplace listings.
- 🎓 Buyer Academy Hub: Complete Buyer Wiki index.