Meridian
Designüberblick
Meridian ersetzt drei identische Karten durch ein dominantes Angebot und zwei Alternativen. Teamgröße und Abrechnungszeitraum aktualisieren Preise und Empfehlungen sofort, während eine reduzierte Vergleichstabelle die Tarifkopfzeilen oben haften lässt.
Prüfvermerk
BestätigtEine unabhängige Browserprüfung durchlief 100 Zustände mit 1–50 Personen und beiden Abrechnungszeiträumen und verifizierte 300 monatliche Tarifbeträge, 150 Jahressummen und jede Empfehlung; jährliche Abrechnung für 25 Personen ergab $1,920 / $3,360 / $5,760.
PrüfgrenzenDieselbe Prüfung stellte weiterhin fest, dass der Empfehlungsblock während der Scroll-Übergabe seine eigene Spalte verlassen kann und deren Kopfzeile kurz leer bleibt, während Vergleichszeilen lesbar sind; der korrekte haftende Endzustand beseitigt diesen Fehler nicht.
Prompt
Eine Preisseite für ein Team-Kollaborationsprodukt (ab 1440×900, responsiv bis 390 Pixel Breite) mit englischsprachiger Oberfläche: drei Tarife, monatliche und jährliche Abrechnung, Gesamtpreise nach Teamgröße, eine Funktionsvergleichstabelle und häufige Fragen. Produktname und Funktionen sind fiktiv.
Sofort wechselnde Preise sind der Kern: Beim Ziehen des Reglers für die Teamgröße oder beim Wechsel zwischen monatlicher und jährlicher Abrechnung rollt der Preis jedes Tarifs zum neuen Wert, und der empfohlene Tarif ändert sich mit der Teamgröße; beim Scrollen der Funktionsvergleichstabelle bleiben die Tarifnamen oben haften. Ordne nicht drei identische abgerundete Karten nebeneinander an.
Farben: rein weißer Hintergrund, tintenschwarzer Text und Smaragdgrün als einziger Akzent. Verwende weder Warmweiß, Beige noch Orange.
Entwirf drei Zustände: die Standardansicht, jährliche Abrechnung für ein 25-köpfiges Team und den erweiterten Funktionsvergleich.
Chinesischen Originalprompt ansehen
一个团队协作产品的定价页(1440×900 起,响应式到 390 宽),界面用英文:三个档位、月付和年付切换、按团队人数算总价、功能对比表和常见问题。产品名和功能都是虚构的。
价格当场变化是这件作品的核心:拖动人数、切换月付年付时,每档的价格数字滚动到新值,推荐的档位跟着人数变;功能对比表往下滚时档位名吸在顶上。不要做成三张一样的圆角卡片排一排。
配色:纯白底、墨黑字、祖母绿做唯一强调色;不用暖白、米色和橙色。
设计三个状态:默认、年付加 25 人团队、展开功能对比。
Live-Beispiel öffnen