Heuristická Analýza webu
Web Design

Heuristická Analýza webu

web designanalýzanávrh

analýza zaměřená na zhodnocení návrhu webu a identifikaci nedostatků podle základních pravidel UI a UX.

první návrh - s chybami pro analýzu
web knihovny

1. Viditelnost stavu systému

První výraznější problém vidím u viditelnosti aktivních prvků.
Tlačítka pod hero sekcí působí méně výrazně a mohou snadno zapadnout.

Doporučila bych:

  • přidat jemný stín,

  • upravit barvu pozadí pro vyšší kontrast,

  • přidat hover efekt (např. lehké zešednutí nebo změnu odstínu).
  • Hodnocení: `3/5`

    2. Shoda systému s reálným světem

    Toto pravidlo mi přijde splněné.
    Web obsahuje vše, co bych jako nový uživatel očekávala, a do hlavních sekcí se lze dostat přibližně do tří kliknutí.

    Hodnocení: `5/5`

    3. Uživatelská kontrola a svoboda

    Pravidlo je splněné.
    Uživatel má několik jasných možností, ze kterých si může vybrat:

  • žánry,

  • katalog,

  • přihlášení,

  • vyhledávání,

  • další navigační prvky.
  • Rozhraní působí přehledně a uživatel se neztrácí.

    Hodnocení: `5/5`

    4. Konzistence a standardy

    Byla zvolena neutrální a příjemná barevná paleta (hnědá, modrá, béžová).
    Texty mají konzistentní velikosti i fonty a ikony jsou ve stejném stylu.

    Design tak působí sjednoceně a profesionálně.

    Hodnocení: `5/5`

    5. Prevence chyb

    Zde vidím jeden výraznější problém.

    Vyhledávací pole je umístěno hned vedle tlačítka/položky pro přihlášení. Nový uživatel může očekávat, že se vedle vyhledávání bude nacházet tlačítko „Hledat“.

    Doporučení

  • přesunout přihlášení do navigačního menu,

  • případně jej umístit pod vyhledávací lištu.
  • Hodnocení: `3/5`

    6. Rozpoznání místo zapamatování

    Tento bod se mi hodnotí hůře bez širší dokumentace nebo brand manuálu.

    Z pohledu marketingu mi ale chybí výraznější identita značky:

  • specifický vizuální prvek,

  • výraznější logo,

  • charakteristický motiv,

  • autentická fotografie prostoru knihovny.
  • Momentálně návrh působí poměrně genericky.

    Doporučení

  • upravit logo,

  • přidat autentickou fotografii knihovny do hero sekce,

  • vytvořit výraznější vizuální identitu.
  • Hodnocení: `4/5`

    7. Flexibilita a efektivita použití

    Návrh působí dobře strukturovaně.

    Pozitivně hodnotím:

  • logické uspořádání prvků,

  • postupné dávkování informací,

  • práci s prostorem,

  • jasně viditelná tlačítka,

  • propojené informační bloky ve dvou sloupcích.
  • Není zcela jasné, zda jsou prvky plně responzivní, ale struktura tomu odpovídá.

    Hodnocení: `5/5`

    8. Estetický a minimalistický design

    Design je jemný, profesionální a nepůsobí přeplácaně.

    Pozitiva:

  • dobrý kontrast,

  • čitelný text,

  • správně zvolené velikosti,

  • logické i vizuální členění obsahu.
  • Osobně mi ale trochu vadí poslední dva prvky v navigaci — zejména text týkající se podpory.

    Doporučení

  • kratší popisek,

  • nebo použití samotné ikony.
  • Hodnocení: `4/5`

    9. Nápověda při rozpoznání a řešení problémů

    Hodnocení zde závisí na tom, zda je navigační lišta sticky.

    Pokud ano, uživatel má neustále dostupné důležité akce a rychlou možnost řešení problémů, což je pozitivní.

    Hodnocení: `4/5`

    10. Nápověda a dokumentace

    K tomuto bodu nemám dostatek podkladů ani dokumentaci.

    Celkové hodnocení:

    VlastnostHodnocení
    1. Viditelnost systému3/5
    2. Shoda s reálným světem5/5
    3. Kontrola a svoboda5/5
    4. Konzistence5/5
    5. Prevence chyb3/5
    6. Rozpoznání místo zapamatování 4/5
    7. Flexibilita5/5
    8. Minimalistický design4/5
    9. Pomoc uživateli4/5
    Celkové skóre3,5–4/5*

    Závěr a návrh úprav na příště

    Web na první podled působí dobře barevně laděný, většina prvků působí standardně a očekávaně. Při budoucích úpravách je potřeba se haldě zaměřit na reálný user case a odstranit rušivé nesrovnalosti.

    Úpravy na předělání návrhu:

  • přesunutí vyhledávacího pole a tlačítka pro přihlášení aby bylo snáze nalezitelné

  • oprava ikony a textu u tlačítka častokladené dotazy

  • Oprava textů