Mike Swanson
e0688c6654
Author: Mike Swanson Machine: DESKTOP-0O8A1RL Timestamp: 2026-05-22 11:07:55
2.8 KiB
timestamp, slug
| timestamp | slug |
|---|---|
| 2026-05-22T15-08-23Z | azcomputerguru-com |
Design Health Score
| # | Heuristic | Score | Key Issue |
|---|---|---|---|
| 1 | Visibility of System Status | 2 | Slider has no progress indicator; no active nav state |
| 2 | Match System / Real World | 3 | Mostly plain language; PCI/HIPAA as standalone CTA is jargon |
| 3 | User Control and Freedom | 3 | Clear nav; slider controls; no traps |
| 4 | Consistency and Standards | 2 | 5 side-stripe violations confirmed; flat weight hierarchy below H1 |
| 5 | Error Prevention | 2 | 4 images missing alt text; minimal forms |
| 6 | Recognition Rather Than Recall | 3 | Labeled nav; services partially hidden behind slider |
| 7 | Flexibility and Efficiency | 1 | Slider forces linear consumption; no service index; no search |
| 8 | Aesthetic and Minimalist Design | 1 | Three competing layers; broken type scale; aggressive orange fill |
| 9 | Error Recovery | 2 | No error states; 4 missing alt texts |
| 10 | Help and Documentation | 2 | Phone in top bar good; no chat or contextual help |
| Total | 21/40 | Acceptable (barely) |
Anti-Patterns Verdict
Fails both category-reflex tests. Circuit board hero, orange/navy/white, identical card grid, rotating slider — indistinguishable from 500 other MSP sites. 5 side-stripe border violations (DOM scan). 4 missing alt texts. 2 H1 elements. Flat typography below H1 (Lexend 400 everywhere). No CSS variables. jQuery Migrate 3.4.1.
Priority Issues
[P1] Hero is the IT category reflex verbatim. Slider first slide = Web Design Services — wrong message for crisis visitor. Fix: single static hero leading with differentiation.
[P1] Three identical orange card blocks. Absolute ban violation. Aggressive solid orange fill, identical size/weight/structure. Fix: break card parity, pull orange back to accent.
[P1] Typographic hierarchy flat below H1. H1=84px/600, H2=22.4px/400, H3=16.8px/400, body=14px/400. Fix: weight contrast at H2/H3, second display typeface.
[P2] 4 images missing alt text. WCAG AA violation. Fix: add alt text, audit with Lighthouse.
[P2] 2 H1 tags on homepage. SEO and a11y issue. Fix: demote secondary H1 to H2.
Persona Red Flags
Crisis visitor (broken network, needs help now): slider shows web design services first. Phone number understated. No above-fold urgency framing. High bounce risk.
Evaluation visitor (shopping for MSP): no differentiators visible above fold. No testimonials, client logos, or certifications. 20 years of experience buried below the fold. PCI/HIPAA jargon unexplained.
Minor Observations
Arrow decoration (→) on card headings implies navigation — misleading affordance. H1 line-height 1:1 causes line collision on wrap. Mobile opens on full-viewport logo with zero content. "Read More" is weak CTA copy throughout. No social proof above the fold.