Responzivan web dizajn: zašto je važan za vaš sajt

Više od polovine posetilaca danas dolazi sa telefona. Zato responzivan web dizajn više nije opcija, već osnovni uslov da vas klijenti uopšte zapaze. U ovom tekstu objašnjavamo šta znači responzivnost, zašto utiče na prodaju i pretragu i kako da proverite da li je vaš sajt zaista prilagođen svim ekranima.

Šta je responzivan web dizajn

Responzivan web dizajn znači da se isti sajt automatski prilagođava veličini ekrana. Na računaru vidite više kolona, na telefonu jednu. Slike se smanjuju, meni se pretvara u dugme, a tekst ostaje čitljiv bez uvećavanja prstima.

Ne pravi se posebna mobilna verzija. Postoji jedan sajt, jedna adresa i jedan sadržaj, a raspored se menja prema ekranu.

Zašto je responzivan web dizajn važan za poslovanje

Posetilac koji na telefonu mora da zumira i traži dugme brzo odustaje. Razlozi zbog kojih ovo ne treba odlagati:

• Bolje iskustvo: korisnici ostaju duže i lakše stižu do kontakta.
• Više upita: jasno dugme za poziv na telefonu direktno donosi klijente.
• Pretraga: Google ocenjuje mobilnu verziju sajta, pa je prilagođenost deo dobrog SEO-a.
• Jedan sajt: lakše je održavati jednu verziju nego dve.

Kako izgleda dobar responzivan web dizajn

Dobra prilagođenost nije samo smanjen sajt. Obratite pažnju na sledeće:

• tekst je čitljiv bez uvećavanja, najmanje 16 piksela,
• dugmad i linkovi su dovoljno veliki za prst,
• slike se učitavaju u veličini koja odgovara ekranu,
• meni je jednostavan i lako se otvara,
• nema vodoravnog skrolovanja.

Detalje o pravilima za pregledne mobilne stranice možete pronaći u Googleovom vodiču za mobilno indeksiranje.

Kako da proverite svoj sajt

Otvorite sajt na telefonu i prođite put koji prolazi vaš kupac: početna strana, usluga, kontakt. Zatim isto uradite na tabletu. U pregledaču na računaru možete smanjiti prozor i videti kako se raspored menja. Ako nešto izlazi iz ekrana ili se preklapa, sajt nije dovoljno prilagođen.

Najčešće greške

• Veliki baneri koji se na telefonu učitavaju sporo.
• Tekst preko slike koji se ne vidi na malom ekranu.
• Pop-up prozori koje je nemoguće zatvoriti.
• Tabele i forme koje izlaze van ekrana.

Svaki od ovih problema rešava se pravilnim planiranjem na početku projekta. Zato kod nas dizajn počinje od telefona, a tek onda ide na veće ekrane. Pogledajte kako to izgleda u našim radovima.

Primer iz prakse

Zamislite lokalnu firmu koja ima sajt pravljen pre mnogo godina. Na računaru izgleda dobro, ali na telefonu tekst je sitan, a dugme za poziv teško da se pronađe. Posetioci odustaju i odlaze kod konkurencije. Nakon prilagođavanja rasporeda, povećanja dugmadi i optimizacije slika, ista stranica postaje jasna i brza, a broj poziva sa telefona raste.

Ovakva promena ne mora da znači potpuno novi sajt. Često je dovoljno prilagoditi postojeću temu, ali ako je osnova zastarela, isplativije je napraviti novu.

Zaključak

Ulaganje u responzivan web dizajn isplati se jer vaš sajt radi za sve posetioce, na svakom uređaju. Ako niste sigurni kako vaš sajt izgleda na telefonu, javite nam se preko kontakt strane ili pogledajte našu uslugu web dizajna.