Dizajn web stranica za jednu stranicu: 10 savjeta i ideja
Dizajn web stranice s jednom stranicom uživo! Postoji nešto gotovo čarobno u malim web lokacijama koje se uklapaju na jednu stranicu. Mogu biti graciozne, jednostavne za navigaciju i pružati optimalno korisničko iskustvo u zatvorenom prostoru.
Dok je bilo vremena kada smo se odmakli od web stranica s jednom stranicom, korisnici ih ponovo prihvaćaju (hvala, mobilni!) I trebali biste i vi.
Gledamo deset savjeta, ideja, primjera i prijedloga koji će vam pružiti nadahnuće za vaš sljedeći dio rada na web dizajnu. Možda je pravo vrijeme da to bude jednostavno i prihvati strategiju na jednoj stranici!
Istražite dizajnerske resurse
1. Razmislite u "Stranicama"
Kada je riječ o dizajniranju jednog, pomičnog dizajna web stranica razmislite u "stranicama".
Svako bi trebao sadržavati stranicu sličan doživljaju koji je usredotočen na jedan element. To stvara izrazit osjećaj organizacije i tijeka dizajna web stranice.
Cote to čini predivno sa "stranicama" koje imaju naizmjenično razdvojena svijetla i tamna (ili puna fotografija). Korisnik vizualno zna dok se kreće tamo gdje završava jedan dio sadržaja, a počinje sljedeći.
2. Navigacija vremenske trake za duže stranice
Kada je riječ o web stranicama na jednoj stranici, one nisu uvijek osvjetljene sadržajem. Neki od najboljih dizajna na jednoj stranici su pomicanje web stranica s duljim formatom.
Za ove projekte razmislite o navigaciji vremenske trake tako da korisnici uvijek znaju gdje se nalaze u protoku sadržaja. Lako vam je pratiti gdje se nalazite i kako se vratiti ako postoji sadržaj za preispitivanje.
UV Hero radi dobar posao u tome s vrlo vizualnom vremenskom linijom, koja prikazuje svaku boju u spektru vidljive svjetlosti, što se tiče sadržaja u dizajnu. I najbolji dio? Možete kliknuti bilo koju boju i skočiti pravo na taj sadržaj.
3. Navigacija na stranici
Web lokacijama s jednom stranicom ne treba nedostajati uobičajene elemente korisničkog sučelja, poput izbornika, iako se čini da to čine mnogi.
I dalje možete uključiti tradicionalni izbornik (može vam pomoći u protoku korisnika i pretraživanju). Razlika je u tome što veze izbornika preskaču na određene odjeljke dizajna na jednoj stranici. Za korisnike koji vole navigirati na ovaj način, neće ni znati da ste stvorili ovaj sjajni trik.
Happy Tools izgleda kao web stranica s više stranica, ali sve se nalazi na jednoj stranici. Izbornik djeluje izuzetno dobro i pruža mogućnost navigacije korisnicima.
4. Učinite to vrlo interaktivnim
Ako želite da se korisnici stalno pomiču, interaktivni elementi mogu biti trik koji potiče tu akciju.
Od videa do efekta paralaksa do dodira animacije ili gamifikacije, interaktivnost može potaknuti veće kretanje i vrijeme na licu mjesta. To se posebno odnosi na dizajniranje pojedinih stranica.
Lobods ima goljiv stil s dosta interaktivnosti. Postoje animacije s pokazivačem miša, klizajući i pop-in elementi i pomični tekst. Sve se to zbližava na način koji korisnicima pomaže da se lako kreću kroz sadržaj. (Još jedan bonus kod ovog dizajna? Sadrži dosta prostora tako da se lakše uoče suptilni pokreti i interakcije.)
5. Sve na jednom ekranu
Ako nemate puno sadržaja, dizajn jedne stranice koji je sve na jednom zaslonu može pružiti ugodno korisničko iskustvo.
Tretirajte ovaj dizajn web stranice kao veliki navigacijski element s nekim informacijama, a zatim izvan veze ili kontaktne veze. Može biti dobro za uskoro dizajn ili jednostavne odredišne stranice portfelja.
Sylvain Theyssens to radi za svoj dizajn portfelja. (Zapravo ima dvije stranice: Slatka animacija "screensaver style" koja se pokretom miša pretvara u glavni dizajn.) Stranica je jednostavna, informativna i impresivna. Dizajn na jednom zaslonu pruža vam sve što trebate znati bez ičega dodatnog.
6. Uskoro dizajn
Kada govorimo o web stranicama koje su uskoro, ovo je savršeno korištenje za dizajn jedne stranice.
U većini slučajeva stranice koje dolaze uskoro nemaju mnogo sadržaja - možda su samo logotip, uvod i podaci o kontaktima. U većini slučajeva to se može dobro uklopiti na jednu stranicu i korisno je koristiti korisničko vrijeme dok glavna stranica ne postane aktivna.
Zeleni kameleon radi upravo ovo. Dizajn stranice = jedna posebno je lijep zbog cool animacije i zanimljive uporabe teksta. To stvara osjećaj iščekivanja i pobudi znatiželju - upravo ono čemu biste se nadali u skoroj stranici.
7. Budi malo funky
Web stranice s jednom stranicom mogu biti izvrsno igralište ako želite isprobati nešto malo drugačije ili funky. Neobičan zaslon dobro funkcionira s manjim dizajnom jer ne morate pretjerano raditi "trik".
Rou Hun Fan koristi posebnu vrstu slova i pozadinu kako bi istaknuo svoje podatke, portfelj i posao. Kreativan prikaz i minimalan stil dovoljni su za poticanje pomicanja na kratko, savršeno za portfelj.
8. Dajte korisnicima nešto da rade
Kako biste nastavili raditi i zainteresirati korisnike za dizajn, dajte im mnogo posla na web stranici jedne stranice.
Jedan od neuspjeha koje imaju mnogi od ovih dizajna je da su to samo dugačka svitka informacija. Razdvojite ga elementima koji se mogu kliknuti, pozivima na akciju i stvarima koje treba učiniti. Ne samo da će vam ovi elementi pomoći da shvatite što korisnici žele od dizajna (i ako ispunjavaju zacrtane ciljeve), već će vam pomoći i da dulje vrijeme komunicirate s njima.
Plethora razdvaja dugu stranicu pomicanja s puno gumba u obliku kartice za rezervaciju putnih paketa. Svaka od ovih interakcija klikova bilježi se strelicom za stvaranje dosljednog korisničkog iskustva.
9. Organizirajte to
Svim sadržajem web stranice na jednoj stranici, dizajn lako izmiče. Ali može stvoriti i organizirano platno za sadržaj.
Kada je u pitanju rad sa jednom stranicom, uska mreža i ujednačena struktura mogu vam biti najbolji alati. Upotrijebite ih za održavanje organiziranog i grupiranog sadržaja na način koji će korisnici lako pregledavati i razumjeti.
Podcasts Repo to radi sa savršenom mrežom podcasta koji možete odabrati. Web-lokacija je dovoljno fleksibilna s ovom mrežom i stilom da naraste na onoliko stavki koliko je potrebno, a da ne postane preopterećeno.
10. Koristite razmak mudro
Jedno od najvažnijih razmatranja dizajna za dulje pomicanje ili dizajn na jednoj stranici je uporaba prostora. Sadržaj treba rasporediti na takav način da se promjene sadržaja jasno utvrde, radnje se mogu prepoznati i sve je lako pročitati. (Upamtite, previše pomicanja može početi uzrokovati određeni stupanj naprezanja očiju.)
Wernerova nomenklatura boja jedna je web stranica s puno sadržaja. Stranica je zapravo replika knjige iz 1821. godine. Svemir čini ovo dizajnersko djelo.
Kategorije i pododjeljci s jasnom mrežom i puno bijelog prostora poboljšavaju čitljivost i skeniranje. Ovdje ima puno, ali osjeća se sasvim pristupačno zahvaljujući korištenju prostora u cijelom.
Zaključak
Dizajn web stranice s jednom stranicom može biti samo stvar koja vam je potrebna kako biste prekinuli neke teže projekte na kojima radite. Ovaj stil može funkcionirati za sve, od web stranica koje uskoro dolaze do portfelja. Prikladno je za bilo koju web stranicu bez tona sadržaja.
Imate li zgodne dizajne web stranica na jednoj stranici da se pokažete? Da ih vidimo. Podijelite ih s nama na Twitteru. Označite @designshack i @carriecumins s vezom do ovog posta, a mi ćemo ponovno dodati svoje favorite.
