Greșeli frecvente în proiectarea site-ului web; Tipul WP
Oh da. Le știm cu toții: mini-imagini care nu pot fi mărite, fotografii care încă nu sunt încărcate după 3 minute și elemente de meniu care sunt de neînțeles. Pe scurt: multe greșeli se repetă adesea. Iată cum să le eliminați:
Nu iti face griji. Nu trebuie să treci peste scândură! Nu ți se întâmplă nimic! Cuvânt de onoare pirat!
Navig pentru tine prin mările nesfârșite de știri WordPress și o pregătesc o dată pe lună gratuit într-un e-mail.
Nu iti face griji. Nu trebuie să zburați către WP-Topia pentru a primi cele mai recente știri despre dezvoltarea WordPres.
Zbor pentru tine prin galaxiile nesfârșite ale știrilor WordPress și o pregătesc o dată pe lună gratuit într-un e-mail.
Imaginile nu pot fi mărite
Ai fost vreodată pe un site web și ai vrut să dai clic pe o imagine mică pentru a o vedea mai bine, mai clară și, mai presus de toate, mai mare? Este doar o prostie dacă nu funcționează deloc. Multe imagini de pe web pur și simplu nu pot fi făcute clic pe deloc și de obicei nu sunt disponibile la o rezoluție mai mare.
Dacă - după cum este recomandat - utilizați WordPress ca sistem de gestionare a conținutului pentru a vă gestiona site-ul web, puteți încărca cu încredere toate imaginile de înaltă calitate. Reduce automat dimensiunea imaginilor în funcție de modul în care sunt utilizate. Acest lucru durează puțin mai mult atunci când încărcați (în funcție de viteza propriei conexiuni la internet), dar ar trebui să acceptați acest timp de așteptare pentru a colecta un punct plus de la vizitatorii site-ului dvs. web. Când introduceți imaginea respectivă, pur și simplu efectuați selecția dorită sub „Dimensiune” (a se vedea imaginea următoare - notă: în versiunile mai noi acest lucru arată puțin diferit, dar similar).
Comprimarea imaginilor JPEG și GIF
Imaginile JPEG pot fi comprimate în prealabil cu o calitate de la 60 la 80 folosind software-ul de procesare a imaginilor la alegere. Un nivel de calitate de la 40 la 60 este adesea suficient. Cu toate acestea, nu ar trebui selectat mai puțin, altfel compresia va ieși în evidență prea mult, iar fotografia sau graficul vor „fi neclare”.
Pe site-urile fotografilor, fotografiile trebuie afișate la rezoluție înaltă. Dacă aveți nevoie de o fotografie a unui tort de ex. pentru o pagină pe tema „pierderii în greutate”, graficul poate fi cu siguranță mai bine comprimat. (La urma urmei, tortul nu ar trebui să arate prea gustos pentru vizitatorii probabil puțin plini pl).
Utilizați GIF în loc de formatul JPEG numai dacă înfățișați o imagine și nu fotografii. În mod implicit, formatul GIF conține doar 256 de culori și nu este potrivit pentru afișarea fotografiilor la adâncime mare de culoare. Există, de asemenea, formate cu o adâncime de culoare mai mare, în care, pentru a o spune simplu, mai multe imagini individuale cu propria lor paletă de culori sunt salvate într-un singur fișier. Indiferent de aceasta, o rată de compresie bună nu poate fi atinsă cu adâncimi mari de culoare.
Denumiri greșite în meniu
O parte din design în sine este că utilizatorul își poate găsi drumul în ceea ce privește tehnologia de navigație. Știi ce înseamnă „portofoliu”? Nu toată lumea bănuiește că este „Despre compania noastră” sau ceva similar. Portofoliul înseamnă că există mai multe linkuri decât o singură pagină. Deci o colecție de referințe sau oferte, de exemplu.
Nu ar trebui să complicați nimic. Puteți șterge sau redenumi în siguranță următoarele meniuri din meniu:
Meniu de navigatie
În loc de „Portofoliu” folosiți „Despre mine”, în cazul unei companii „Oferta noastră” sau fiți puțin mai specific. Exemple: „Fotografiile noastre” sau „vehiculele”.
Toată lumea știe că termenul „amprentă” conține toate informațiile legale necesare, cum ar fi numărul de impozite pe vânzări (pentru mai multe informații, consultați Legea privind serviciile de telefonie (TDG) §6). O amprentă nu are loc în meniul principal. Există mai multe lucruri interesante pe web decât trebuie să citiți numerele de impozitare pe vânzări într-un element de meniu precum „Contact”. Glisați-l până la capăt, în lateral. Acolo este suspectat și găsit de cei care îl caută.
După „Contact” trebuie să oferiți doar un formular și să furnizați adresa companiei și numărul de telefon. Ar trebui să fie cât mai ușor posibil pentru client sau vizitator să vă contacteze. Dar nu genera o formă de monstru. Tot ce trebuie să faceți este să vă dați numele, un număr de telefon sau o adresă de e-mail și un câmp de text gratuit. Nimeni nu vrea să-și dea adresa completă sau chiar data nașterii atunci când i se pune o mică întrebare. Sau scrieți voi înșivă astfel de informații în mod voluntar în fiecare formular de internet pe care îl găsiți? Probabil ca nu.
Faceți din pagina de start pagina de început și nu „Acasă”. După cum sa menționat deja, mulți oameni încă nu vorbesc engleza perfectă. Chiar dacă acum se presupune că a devenit standardul.
Pe unele site-uri web puteți face chiar și fără termenul din meniu. În schimb, conectați întotdeauna sigla înapoi la pagina de pornire.
Prea multe link-uri în meniu
Nu este neobișnuit să fiți „lovit” de un meniu. Este adesea atât de lung încât nu mai știm unde să căutăm mai întâi. Sau este atât de confuz încât nu putem găsi informațiile pe care le căutăm.
Graficul de mai sus prezintă un exemplu de navigație a unei municipalități. Gândiți-vă singur și întrebați-vă ce informații ar putea fi la „Comunitatea” și „Primăria”. Ce este sub „Cultură”, altul decât sub „Turism”?
Ar trebui să vă întrebați ce vrea vizitatorul site-ului dvs. Ce segmente de public se împiedică pe site-ul comunității? Cum pot aceste grupuri de utilizatori să își găsească cel mai bine calea?
În grafic puteți vedea, de asemenea, o structură de meniu îmbunătățită. Aceasta se bazează pe următoarele grupuri de utilizatori:
- Oamenii care trăiesc în mediul comunitar
- Oamenii care doresc să petreacă vacanța în municipiu (turism)
- Oameni care doresc să își construiască compania acolo (economie)
Toate cele trei grupuri de oameni pot și pot dori să sune rapid pe cineva. Acesta este motivul pentru care butonul de contact se află și în meniul principal.
Meniul principal vă asigură că direcționați grupul potrivit de vizitatori către locul în care ar trebui să fie. Pentru o persoană care dorește să plece în vacanță la nivel local, celelalte puncte (economie, informații pentru cetățeni) nu sunt în primul rând de interes.
De ce un meniu mic și maximum 7 articole din meniu?
S-a constatat că fiecare persoană își poate aminti rapid o medie de 7 lucruri. Cercetătorul John Locke a descoperit acest așa-numit fenomen cu șapte ani în urmă cu 300 de ani. Se știe,
- că ar trebui să dormiți în medie 7 ore;
- că 7 este cel mai frecvent număr norocos;
- și că săptămâna are 7 zile.
Încercați să memorați toate lucrurile de pe birou. Apoi închide ochii și încearcă să-ți amintești ce era acolo. Cât de departe ajungi Până în a șaptea „parte” lucrurile sunt bune, că ai scris totul 100% corect. În plus, probabilitatea de a obține o lovitură scade rapid.
Meniuri lungi
Nu toate meniurile pot rămâne mici. Gândiți-vă, de exemplu, la magazinele online care au o mulțime de subpagini. Un exemplu rău ar fi acesta:
Exemplu de navigare defectuoasă
Astfel de meniuri sunt adesea generate automat de site-urile magazinelor online, pe baza produselor aflate în prezent în stoc.
Nu ești întotdeauna perfect. Prea multe numere și prea puțină diferențiere. Care este diferența dintre notebook-ul 5760 și 6595? Ca un laic este foarte dificil. Apoi, ar trebui să lucrați cu trucuri cel târziu. De exemplu, cu un meniu derulant care creează meniuri suplimentare cu doar trei submeniuri suplimentare.
Proiectarea submeniului
Trebuie să testați care diferențiere (aici în funcție de dimensiunea notebook-ului) este cea mai potrivită pentru vizitatorii dvs.
Navigarea într-un loc greșit
Nu doar lungimea meniului joacă un rol important în controlul vizitatorilor dvs. pe site. De asemenea, este posibil să poziționați incorect navigarea. Datorită sistemelor de gestionare a conținutului, acum este posibil ca meniurile să fie oricum găsite acolo unde aparțin. Și anume fie numai în coloana din stânga, doar în zona antetului sau în ambele locuri de pe site.
Fixarea meniului
Utilizatorii nu își pot găsi drumul în jurul site-ului dvs. web
Instrumentele utile precum Google Analytics vă pot arăta cum se deplasează vizitatorii în jurul site-ului dvs. web. Cu astfel de instrumente puternice, veți afla, de asemenea, că mulți vizitatori nu rămân mult timp pe site. Acest lucru s-ar putea datora faptului că pur și simplu nu își pot găsi drumul.
Suntem cu toții diferiți și, prin urmare, nu poți niciodată să faci pe plac tuturor. Cu toate acestea, ar trebui făcut cel mai bun efort posibil pentru a pune în aplicare ceea ce vă spun utilizatorii.
Îndrăznim să spunem că 90% dintre vizitatorii site-ului dvs. web nu vor intra niciodată în legătură cu dvs. Nici măcar dacă de ex. ar trebui să aibă o mare problemă cu site-ul web. Doar rar te anunță cineva.
Există multe motive pentru care un utilizator nu își poate găsi drumul în jurul site-ului dvs. web:
- De exemplu, utilizatorul are probleme cu prezentarea site-ului web și lipsește puncte importante din cauza unor probleme tehnice (folosește un browser depășit).
- Utilizatorul nu știe unde poate găsi informații suplimentare deoarece conținutul este a) ascuns sau b) se află într-un meniu descris nefavorabil.
- Utilizatorul consideră că site-ul web „nu este frumos” (de exemplu, nu este suficient de estetic). De exemplu, dacă „look and feel” nu se potrivește cu tipul de afacere.
Prin urmare, ar trebui să aruncați o privire critică asupra site-ului dvs. web în fiecare zi. Testați-vă site-ul web cu diferite browsere pe diferite platforme (dacă este posibil pe Windows, Mac OS și chiar Linux dacă cititorii dvs. sunt utilizatori avizi de Linux).
Conectați termenii tehnici în articole cât mai des posibil, fie la un anumit loc de pe propriul site web, fie la surse alternative (cum ar fi Wikipedia). Scopul final este de a învăța și informa vizitatorul cât mai mult posibil. De aceea se află pe site-ul dvs. web!
În plus, puteți întreba anonim fiecare vizitator individual printr-un simplu formular de contact: „Ce ați schimba?” Este rapid și de multe ori poate face minuni. Pentru un sistem de bloguri, puteți consulta secțiunea de comentarii.
O altă alternativă: întrebați-vă prietenii și cunoscuții cum vă găsesc site-ul web. Așezați-vă la computerul dvs. cu dvs., vizitați site-ul web și puneți întrebări precum:
- „Vă rugăm să căutați acest lucru și altul‘ ”sau
- "Înțelegi subiectul xy?"
- "Unde ai face clic pentru a putea găsi ABC?"
Neimportantul se află într-un moment important
Un studiu a constatat că ochiul uman (sau cel puțin ochiul european) începe să citească și să privească din stânga sus. Cu cât cobori mai departe spre dreapta, cu atât conținutul este mai puțin important.
(cf. Gutheim, Philip (2008): Der Webdesign-Praxisguide. Concepție profesională de la planificare la doctorat. München: Springer Verlag. p. 42)
Exemplu de urmărire a ochilor
De aceea, de obicei, puteți găsi meniuri în stânga sau deasupra. Barele laterale sunt de obicei în extrema dreaptă. Chiar și în așa-numitul meniu subsol (subsolul site-ului web) puteți găsi lucruri mai puțin importante.
Totuși, același lucru se aplică aici: nu toată lumea este la fel. De multe ori ochiul „zboară” mai întâi spre puncte izbitoare care pot fi localizate mai jos în dreapta în imagine înainte de a începe să analizeze pagina din stânga.
Ar trebui să respectați aceste reguli nescrise și să facilitați navigarea vizitatorilor plasând lucrurile acolo unde sunt așteptați. Deci, meniul din stânga sau de mai sus.
Testul cross browser nu reușește
„Testarea inter-browser” nu înseamnă nimic altceva în limba germană decât faptul că ar trebui să vă testați site-ul web cu mai multe browsere de internet. Acest lucru vă asigură că fiecare utilizator de internet vă vede site-ul web la fel ca dvs. Fiecare browser are o structură diferită și poate interpreta diferit comenzile HTML și Javascript. Acest lucru poate duce la distorsiuni și neînțelegeri.
În martie 2017, fiecare browser de internet individual avea fiecare o cotă de piață de (a se vedea tabelul de mai jos; o selecție).
| Internet Explorer | 5% |
| Firefox | 14% |
| Crom | 75% |
| safari | 4% |
| Operă | 1% |
O listă completă și mereu actualizată poate fi găsită la w3schools.com: http://www.w3schools.com/browsers/browsers_stats.asp
Aici puteți găsi sursele de descărcare pentru browserele respective:
Alternativ, puteți utiliza servicii web gratuite sau plătite pentru astfel de teste. De exemplu:
Internet Explorer, în special, este foarte probabil să afișeze site-ul dvs. web puțin diferit în fiecare versiune. Acest lucru se datorează faptului că Microsoft nu a reușit să structureze programul până la versiunea 9 în așa fel încât să implementeze corect standardele web valabile. Cel puțin 95 din 100 de puncte din testul ACID3 (test pentru verificarea standardelor web interpretate corect) au fost realizate de IE9 ultima dată.
Puteți testa propriul browser la http://acid3.acidtests.org, de exemplu. În cel mai bun caz, testul arată 100 din 100 de puncte. Deci totul este în regulă.
[...] S-a demonstrat că un meniu nu ar trebui să aibă niciodată mai mult de 7 elemente de meniu. [...]
[…] Și care nu sunt importante. Sfatul meu de pe următoarea pagină poate fi, de asemenea, de ajutor aici: Prea multe link-uri din meniu (în articolul de pe blog despre cele mai frecvente erori din [...]