sync: auto-sync from DESKTOP-0O8A1RL at 2026-05-22 11:07:55
Author: Mike Swanson Machine: DESKTOP-0O8A1RL Timestamp: 2026-05-22 11:07:55
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
---
|
||||
timestamp: 2026-05-22T15-08-23Z
|
||||
slug: 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.
|
||||
Reference in New Issue
Block a user