Osnove weba

Responzivni dizajn

Prikaz koji sadržaj i kontrole prilagođava različitim veličinama zaslona.

Što pojam znači

Responzivni dizajn prilagođava raspored raspoloživom prostoru. Stupci mogu postati jedan slijed čitanja, navigacija dobiti sažet prikaz, a slike stati unutar zaslona. Obuhvaća i čitljiv tekst, kontrole za dodir te obrasce. Promjena rasporeda treba sačuvati svrhu i sadržaj stranice.

Zašto je važan za vaš posao

Kupac vas može prvi put posjetiti s telefona, a kasnije s računala. Ako su cijena, obrazac ili navigacija na jednom od tih uređaja teško upotrebljivi, možete izgubiti koristan razgovor. Prilagodbu treba provjeriti sa stvarnim sadržajem, a ne samo s privlačnim praznim rasporedom.

Praktičan primjer

Isti upit na manjem zaslonu

Posjetitelj iz poruke na telefonu otvara opis usluge. Uvodni stupci slažu se jedan ispod drugoga, izbornik ostaje dostupan tipkovnicom, a polja obrasca čitljiva su bez vodoravnog pomicanja. Provjeravaju se i dulji hrvatski nazivi uz kraće engleske.

Pitanja koja vrijedi postaviti

Treba li za telefone posebna mobilna aplikacija?

Responzivna webstranica često dobro zadovoljava potrebu rada u pregledniku. Zasebna mobilna aplikacija ima smisla kada njezine posebne mogućnosti i trajno održavanje opravdava konkretan način korištenja.

Znači li responzivno ujedno i pristupačno?

Prilagodba zaslonu pomaže, ali pristupačnost uključuje i strukturu, tipkovnicu, kontrast, oznake i razumljive interakcije. To traži zasebne provjere; prikaz može stati na zaslon, a ipak biti težak za korištenje.

RECITE NAM ŠTO TREBATE

Opišite nam
svoj projekt.

Napišite čime se bavite i što vam treba. Za početak je dovoljno nekoliko rečenica.

Što vam treba?

U ovom lokalnom pregledu možete pripremiti i preuzeti sažetak. Obrazac ne šalje podatke IT Officiumu.

OGLEDNI PRIMJER

Primjer webstranice

Ovo je primjer za zamišljenu tvrtku.
Vašu stranicu izrađujemo prema vašem poslu.