Testează imaginile și lungimile textului pentru a vă asigura că site-ul dvs. reacționează în mod corespunzător
Când proiectăm site-uri web și planificăm modul în care va fi afișat conținutul acestor site-uri, facem acest lucru cu o situație ideală în minte. Titlurile și zonele de text sunt imaginate ca având anumite lungimi, în timp ce imaginile care însoțesc acest text sunt proiectate să afișeze în dimensiuni care le vor permite să funcționeze conform destinației în proiectarea generală. Chiar dacă aceste elemente sunt oarecum lichide, ca parte a unei pagini web responsabile (care ar trebui să fie), va exista o limită a gradului de flexibilitate a acestora.
Dacă desfășurați un site web într-un sistem de gestionare a conținutului (CMS) și permiteți clienților să gestioneze site-ul respectiv și să adauge conținut nou în timp, limitele pe care le-ați proiectat vor fi absolut testate. Încredeți-vă că clienții dvs. vor găsi modalități de a modifica site-ul pe care nu l-ați visat niciodată că ar face-o. Dacă nu ați luat în considerare situații situate în afara celor ideale cu care ați lucrat în procesul dvs. de proiectare, aspectul site-ului ar putea fi în pericol grav. Acesta este motivul pentru care este deosebit de important să încercați să testați întregul conținut al site-ului web și aspectele legate de aspectul site-ului înainte de a lansa acel site. Iată câteva sfaturi despre cum puteți face acest lucru.
Testarea dimensiunilor imaginii
Fără îndoială, cea mai obișnuită metodă pe care oamenii o încalcă în aspectul site-ului lor este prin adăugarea unor imagini necorespunzătoare (aceasta este și modul în care ele influențează în mod negativ performanța generală a site-ului și generează viteze lente de descărcare). Aceasta include imaginile care sunt prea mari, precum și cele care sunt prea mici pentru a funcționa conform destinației pe site-ul dvs. Web.
Chiar dacă utilizați CSS pentru a forța dimensiunea acestor imagini în aspectul dvs., imaginile care sunt în mod vădit scalate, cu specificațiile originale pentru site, vor cauza probleme. Dacă dimensiunile unei imagini sunt incorecte, CSS poate forța imaginea să se afișeze utilizând lățimea și înălțimea corespunzătoare, însă imaginea însăși și raportul de aspect pot fi distorsionate. Acest lucru va avea cu siguranță un efect negativ asupra aspectului site-ului dvs., deoarece o imagine prea mică va fi "aruncată în aer" și va pierde calitatea. O imagine care este prea mare, care este făcută mai mică cu CSS, face bine și își păstrează calitatea, dar dimensiunea fișierului ar putea fi nerezonabil de mare pentru modul în care este folosit.
Când încercați să lucrați cu site-ul dvs., asigurați-vă că adăugați imagini care nu se încadrează în domeniul dvs. de acoperire. Adăugați tehnici CSS și tehnici de recepție care să răspundă acestor provocări prin redimensionarea imaginii sau, în cazul unui raport incorect de aspect, luând în considerare și utilizarea unei proprietăți a clipului CSS pentru a decupa imaginea după cum este necesar.
Testarea altor medii
În plus față de imagini, testați și alte medii precum videoclipurile de pe site-ul dvs. și vedeți cum vor apărea aceste elemente în aspectul dvs., utilizând valori diferite ale dimensiunilor și ale raportului de aspect. Încă o dată, ia în considerare caracterul receptiv al site-ului dvs. și modul în care acesta va funcționa pentru diferite dimensiuni ale dispozitivului și ale ecranului .
Testarea rubricilor de text
După imagini, zona următoare a site-ului care provoacă cele mai multe probleme cu site-urile Web live gestionate de profesioniști non-web este rubrica text. Acestea sunt liniile scurte de text (care se presupune că sunt de scurtă durată), care vor începe adesea conținutul unei pagini sau al unei secțiuni din acea pagină. Textul de deasupra acestui paragraf, care citește "Testarea rubricilor de text", este un exemplu în acest sens.
Dacă ați proiectat un site pentru a găzdui o poziție ca aceasta:
"Testarea rubricilor de text"
Dar clientul dvs. utilizează CMS pentru a adăuga un articol cu o rubrică de genul:
"Testarea rubricilor de text pe o varietate de pagini web, toate cu cerințe de dimensiuni diferite și nevoi de utilizator"
Apoi, aspectul dvs. ar putea să nu fie capabil să găzduiască cu exactitate tot textul suplimentar. La fel cum ar trebui să încercați să testați imaginile și materialele media adăugând intrări care se încadrează în afara dimensiunilor pentru care ați creat inițial, așa că trebuie să faceți acest lucru cu titlurile de text pentru a vă asigura că sunt suficient de flexibile pentru a afișa chiar și linii ultra-lungi unul de mai sus.
Testarea lungimilor textului
Rămânând pe subiectul textului, veți dori, de asemenea, să testați lungimi diferite de text pentru conținutul principal din pagini . Aceasta include textul care este foarte, foarte lung, precum și text care este foarte, foarte scurt - care poate fi de fapt problema care pune în aplicare multe machete de pagini.
Deoarece paginile web, prin natura lor, cresc în dimensiune pentru a se adapta la înălțimea textului pe care îl conțin, paginile cu o mulțime de text vor scala, de obicei, în înălțime, după cum este necesar. Cu excepția cazului în care ați restricționat înălțimea paginii (pe care nu ar trebui să o faceți dacă doriți ca pagina dvs. să fie flexibilă), atunci textul suplimentar nu trebuie să reprezinte o problemă. Prea puțin text este o altă problemă - și este una pe care mulți designeri uită să o testeze în procesul de proiectare.
Un text prea mic poate face o pagină incompletă sau chiar ruptă, deci asigurați-vă că ați scalat conținutul paginii în jos pentru a vedea ce se întâmplă în acele instanțe și pentru a efectua ajustările necesare în CSS-ul site-ului dvs. pentru a face față acelor situații.
Testarea măririi paginii
Persoanele cu probleme de vedere pot folosi funcția Zoom de pagină a unui browser web pentru a mări dimensiunea paginii dvs. Web. Dacă cineva se mări într-o cantitate semnificativă, aspectul dvs. ar putea să se descompună. Acesta este unul dintre motivele pentru care este posibil să doriți să utilizați EM ca unitate de măsură pentru dimensiunile fontului site-ului web, precum și interogările dvs. media . Deoarece EM sunt o unitate relativă de măsurare (bazată pe mărimea implicită a textului acelui browser), acestea sunt mai favorabile pentru structurile fluidelor și a site-urilor flexibile.
Testați-vă site-ul pentru mărirea paginii și nu opriți doar la unul sau două niveluri de zoom. Măriți-vă site-ul în sus și în jos pe o varietate de niveluri pentru a vă asigura că paginile dvs. reacționează conform destinației.
Nu uita de viteza și performanța descărcării
Pe măsură ce testați implicațiile planului asupra deciziilor clienților, nu uitați să acordați atenție și impactului pe care aceste decizii îl are asupra performanței site-ului. Imaginile și conținutul pe care acești clienți îl vor adăuga ar putea să împiedice viteza de descărcare a site-ului și să distrugă în mod serios gradul de utilizare general al site-ului. Planificați impactul acestor adăugiri și faceți partea dvs. în procesul de dezvoltare pentru a minimaliza aceste efecte.
Dacă site-ul dvs. Web este construit cu un buget de performanță, partajați-l cu clienții dvs. și arătați-i cum să testați o pagină web pentru măsurători de performanță. Explicați-le importanța menținerii acestor praguri stabilite pentru dimensiunea paginii și viteza de descărcare și arătați-le cum adăugările pe care le produc pot avea un impact asupra întregului site. Acordați-i timp să-i antrenați cum să păstrați locul de muncă și căutați bine. Pe tema instruirii ...
Instruirea clientului este esențială
Este important să testați testarea imaginilor, textului și a altor elemente de pagină ale site-ului dvs. și să creați stiluri care să reprezinte instanțe extreme, dar acestea nu reprezintă niciodată un înlocuitor pentru instruirea clientului. Munca dvs. de bulletproofing un site ar trebui să fie în plus față de timpul petrecut de formare clientilor dvs. cum să îngrijire și gestionarea eficientă site-ul lor. În cele din urmă, un client bine instruit, care înțelege responsabilitățile și impactul deciziilor pe care le fac pe un site, va fi de neprețuit pentru eforturile dvs. de a păstra acest site de lucru și de a-și căuta cele mai bune rezultate.