Anonim

Hover se upotrebljava na web stranicama već godinama kao način da posjetiteljima nudi isječak informacija bez pokretanja radnje. Sa pametnim telefonima i tabletima koji postupno preuzimaju internet, moramo im posvetiti veću pozornost prilikom dizajniranja web stranice. Kako dodirni zasloni ne mogu podnijeti lebdenje, trebamo pogledati alternative efektima lebdenja. Ako postavljate vlastitu web stranicu ili nemate resurse da zaposlite profesionalnog web dizajnera, ovaj je vodič za vas.

Pomoću zaslona osjetljivog na dodir možete upravljati efektima pomaka, ali može biti i pomalo nespretno. Možda će vam biti bolje da ih potpuno dizajnirate i u potpunosti koristite nešto drugo. Ako ih namjeravate koristiti na radnoj površini, općenito imate tri alternative za zadržavanje efekata na mobilnim web lokacijama:

  1. Uklonite ih potpuno i zamijenite ih primarnom radnjom.
  2. Dodajte pomoćni izbornik u kojem možete jedanput dodirnuti pokazivač miša i još jednom za primarnu radnju.
  3. Podaci o pokazivaču postavite na svoju stranicu.

Svi će dobro raditi na zaslonima osjetljivim na dodir i radnim površinama, ali trebat će određene prilagodbe dizajna koje ćete implementirati u postojeći dizajn. Možete je zaobići i s JavaScript-om ili pametnim jQuery kodom ako imate vještine, ali ako to pokušavate shvatiti sami, možda će vam biti bolje da koristite alternative dizajna od koda. Ako želite istražiti mogućnosti koda za efekte lebdjenja, posjetite ovu stranicu.

Uklonite lebdeće efekte iz svog dizajna

Ako ne možete zaposliti samostalnog web dizajnera koji će vam pomoći, možda ćete možda bolje ukloniti lebdeće efekte. Sigurno da izgledaju uredno i mogu ponuditi korisne dodatne informacije, ali uvijek postoje drugi načini za postizanje istog učinka.

Radnju izbornika možete zadržati kao primarnu radnju i dodatne informacije sadržavati na drugom mjestu na stranici. Možete koristiti probojne okvire, skočne prozore, povećati sadržaj deskriptora za točku koju pokušavate napraviti ili nešto treće. Ako nemate vještine za implementaciju jQuery-a, ovo je vjerojatno najjednostavnija opcija.

Dodajte pomoćni izbornik

Sekundarni izbornik uključuje prvu slavinu koja bi simulirala efekt lebdenja. Možete uključiti podatke u izbornik i prikazati drugi izbornik unutar istog elementa. Taj drugi izbornik djeluje kao stvarni odabir kao što bi se dogodio na radnoj površini. Prvo pritiskanje simulira pokazivač miša, a drugo pritiskanje korisnika na primarnu radnju.

Ovo je uredna alternativa efektima lebdenja, ali ograničena je veličinom zaslona i ograničava količinu informacija koje možete dodati učinku. Uticaji lebdeća su ograničeni po svojoj prirodi, ali su mobilni ograničeni na nekretninama na ekranu s kojima trgujete. Ako doista želite uključiti dodatne podatke na nestandardni način, to bi moglo biti to.

Podaci o pokazivaču postavite na svoju stranicu

Možda bi jednostavnija opcija bila da se lebdeće informacije uključe u svoju stranicu s tekstualnom vezom. Ovo pojednostavljuje vaš izbornik i omogućuje navigaciju ravnomjernom. Hiperveza povezuje se na uređajima i dobivate dodatnu stranicu za veličinu web mjesta i SEO. Loša strana je da ćete morati povećati dodatni sadržaj za barem 300 riječi ili tako da to učini.

Sve dok možete pažljivo podmetati informacije tako da se ona dobro čita i dodaje čitatelju vrijednost, osobno mislim da je to najbolja alternativa. Odlučiti gdje smjestiti te veze na dodatne podatke ovisi o vama i ovisit će o vašem dizajnu, ali dodatne stranice pružaju dodatnu priliku za dodavanje poziva na radnju, dodavanje vašeg telefonskog broja, adrese e-pošte i sve dodatne informacije koje bi se mogle koristiti za prodaju.

Boravak s lebdećim zamahom

Ako želite koristiti nekakav efekt lebdenja na glavnom web mjestu, trebat ćete ga uključiti na svoju mobilnu web stranicu ili barem u mobilnu verziju. Postoje alternativne mogućnosti izbornika ili JavaScript rješenja, ali za njih će trebati stručnjak za implementaciju. Ova stranica govori o vašim alternativama ako ih želite dodatno istražiti.

Jedna od najlakših zamki u koju upadate kada započinjete samostalno ili izrađujete svoju prvu web stranicu je dizajniranje za sebe, a ne za publiku. Svakako morate dizajnirati nešto što vam se sviđa, ali kad razmislite o upotrebljivosti, morate dati prednost publici. Također morate uzeti u obzir uređaje koje će koristiti i način na koji će najvjerojatnije najbolje djelovati na vašoj web lokaciji.

Ako je vaša publika mlada, koristit će mobitel. Ako koriste mobilne efekte, lebdeće efekte i druge mogućnosti dizajna, nije vaša najbolja opcija.

3 mogućnosti za efekte lebdećih efekata na mobilnim uređajima