Changes for page System Design
Last modified by Robert Schaub on 2025/12/24 20:35
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -2,12 +2,11 @@ 2 2 3 3 **UI/UX design for FactHarbor including POC and production interfaces** 4 4 5 ---- --5 +--- 6 6 7 7 == 1. Design Philosophy == 8 8 9 9 **Core Principles:** 10 - 11 11 1. **Transparency First:** Show how verdicts were reached 12 12 2. **Clarity Over Completeness:** Don't overwhelm users 13 13 3. **Progressive Disclosure:** Details available on demand ... ... @@ -14,7 +14,7 @@ 14 14 4. **Quality Indicators Visible:** Users should see confidence levels immediately 15 15 5. **Mobile-First:** Majority of users on mobile devices 16 16 17 ---- --16 +--- 18 18 19 19 == 2. POC1 Interface Design == 20 20 ... ... @@ -40,12 +40,11 @@ 40 40 {{/code}} 41 41 42 42 **Design Notes:** 43 - 44 44 * Simple, single-purpose interface 45 45 * Clear POC disclaimer 46 46 * No authentication/accounts needed 47 47 48 ---- --46 +--- 49 49 50 50 === 2.2 Results Display === 51 51 ... ... @@ -87,13 +87,12 @@ 87 87 {{/code}} 88 88 89 89 **Design Features:** 90 - 91 91 * Quality score prominently displayed 92 92 * Color coding for verdict confidence 93 93 * Expandable details (progressive disclosure) 94 94 * Clear blocked claims with explanations 95 95 96 ---- --93 +--- 97 97 98 98 === 2.3 Claim Detail View === 99 99 ... ... @@ -128,7 +128,7 @@ 128 128 └──────────────────────────────────────┘ 129 129 {{/code}} 130 130 131 ---- --128 +--- 132 132 133 133 == 3. POC2 Interface Enhancements == 134 134 ... ... @@ -135,7 +135,8 @@ 135 135 === 3.1 Added Features === 136 136 137 137 **Scenario Display:** 138 -{{code}}┌──────────────────────────────────────┐ 135 +{{code}} 136 +┌──────────────────────────────────────┐ 139 139 │ CLAIM: [text] │ 140 140 ├──────────────────────────────────────┤ 141 141 │ │ ... ... @@ -149,21 +149,20 @@ 149 149 │ Verdict: UNCERTAIN (45%) │ 150 150 │ [Show details ▼] │ 151 151 │ │ 152 -└──────────────────────────────────────┘{{/code}} 150 +└──────────────────────────────────────┘ 151 +{{/code}} 153 153 154 154 **Evidence Provenance:** 155 - 156 156 * Show if multiple sources cite same underlying evidence 157 157 * Display deduplication results 158 158 * Provenance chain visualization 159 159 160 160 **Quality Metrics Dashboard:** 161 - 162 162 * Internal view showing all 4 gates 163 163 * Historical performance trends 164 164 * Hallucination rate tracking 165 165 166 ---- --163 +--- 167 167 168 168 == 4. Full System Design (V1.0+) == 169 169 ... ... @@ -170,35 +170,33 @@ 170 170 === 4.1 Additional Features === 171 171 172 172 **User Accounts:** 173 - 174 174 * Save analyses 175 175 * Track corrections 176 176 * Contribute feedback 177 177 178 178 **Advanced Search:** 179 - 180 180 * Find previous analyses 181 181 * Filter by topic, verdict type 182 182 * Sort by date, relevance 183 183 184 184 **Corrections Banner:** 185 -{{code}}┌──────────────────────────────────────┐ 180 +{{code}} 181 +┌──────────────────────────────────────┐ 186 186 │ ⚠️ This analysis was corrected │ 187 187 │ [View correction log →] │ 188 -└──────────────────────────────────────┘{{/code}} 184 +└──────────────────────────────────────┘ 185 +{{/code}} 189 189 190 190 **Public Quality Dashboard:** 191 - 192 192 * Real-time metrics 193 193 * Transparency reports 194 194 * Historical trends 195 195 196 ---- --192 +--- 197 197 198 198 == 5. Responsive Design == 199 199 200 200 **Mobile-First Approach:** 201 - 202 202 * Single column layout 203 203 * Touch-friendly targets 204 204 * Collapsible sections by default ... ... @@ -205,17 +205,15 @@ 205 205 * Fast load times 206 206 207 207 **Desktop Enhancements:** 208 - 209 209 * Multi-column layout where appropriate 210 210 * Side-by-side evidence comparison 211 211 * Advanced filters always visible 212 212 213 ---- --207 +--- 214 214 215 215 == 6. Accessibility == 216 216 217 217 **WCAG 2.1 AA Compliance:** 218 - 219 219 * Keyboard navigation 220 220 * Screen reader support 221 221 * Color contrast ratios ... ... @@ -222,15 +222,16 @@ 222 222 * Alternative text for icons 223 223 * Focus indicators 224 224 225 ---- --218 +--- 226 226 227 227 == 7. Related Pages == 228 228 229 229 * [[Architecture>>Test.FactHarbor.Specification.Architecture.WebHome]] - System architecture 230 230 * [[Requirements>>Test.FactHarbor.Specification.Requirements.WebHome]] - UI requirements 231 -* [[Roadmap>> FactHarbor.Archive.FactHarbordelta for V0\.9\.70.Roadmap.WebHome]] - Implementation phases224 +* [[Roadmap>>Test.FactHarbor.Roadmap.WebHome]] - Implementation phases 232 232 233 ---- --226 +--- 234 234 235 235 **Document Status:** ✅ Design Specified (POC1, POC2, V1.0) 236 236 **Version:** V0.9.70 230 +