6 tips för att skapa bättre webbsidor för en sida
Ensidiga webbplatser är heta och populära - ingen tvekan om det. Men de är inte för alla eller alla företag. Det är lätt att vilja ha en eftersom de är populära; och om det görs korrekt kan din vara en träff. Men se till att du är projekt kvalificerad först.
En bra kandidat till en webbsida är inte super tung på innehållet. Du har bara en sida för att få din poäng över, och det finns bara så många animeringar och tricks du kan kasta in innan de blir vanaktiga.
Dessutom är de flesta webbsidor okonventionella i sin layout. Att försöka passa mycket innehåll på en sida utan att se sig röra är ganska tufft.
Potentiella användningsområden varierar, men några av de mest populära kandidaterna för ensidiga webbplatser är personliga portföljer och webbplatser för företag som endast säljer några produkter eller tjänster.
Om du kvalificerar dig, se till att din webbplats träffar markeringen. Det finns alltid vissa saker du måste följa på när du gör en webbplats, men punkterna nedan är särskilt kritiska för ensidiga webbplatser.
1. Håll dig fokuserad
Gör allt så enkelt som möjligt för publiken. Chansen är att om du funderar på en sida med en sida, har du förmodligen inte massor av innehåll. Det är okej. Vi är ibland frestade att lägga till mycket fluff på våra webbplatser. Ensidiga webbplatser kräver ingen fluffing eftersom deras enda syfte är att komma till rätta. Om du är en designer som sätter ihop en portfölj, presentera ditt bästa arbete. bli inte distraherad av mediokra projekt eller din sida t-shirt affärer.
Strip din hemsida av någon fluff, och kom ner till de saker som spelar roll. Medan det här är en bra strategi för vilken webbplats som helst, kan de flesta flersidiga webbplatser komma undan med lite fluff, eftersom användarna vanligtvis vet var de ska hitta den information de vill ha. Med en-personsökare får du ett skott, och om den information som någon letar efter inte är där kommer du att förlora dem.
Det är ingen fråga om vad den här e-handelswebbplatsen säljer.
Den här portföljen blir rätt till poängen. En ganska underbar minimalistisk design också.
2. Ge layouten en hierarki
Tillsammans med att behålla besökarens fokus ska en webbplats på en sida presentera din produkt eller tjänst. Om du tänker på ensidiga webbplatser som du har kommit över har de förmodligen ett enstaka syfte, om man ska visa upp en byrås designarbete eller att trumma upp intresse för en kommande händelse.
En bra design och fokuserad layout kan hjälpa till att definiera din webbplatss syfte. Du som designer har befogenhet att rikta besökarens ögon där du vill att de ska gå. Människor märker naturligtvis stora saker först och små saker kvar, så använd det till din fördel. Viktiga saker ska inte vara de minsta eller sista sakerna på sidan.
De inledande styckena med stora teckensnitt har blivit så populära på designerportföljer eftersom de snabbt och ljuvligt lockar sig till personer som letar efter en formgivare. Det sista du förmodligen vill se är vilken skola de tog examen från. Men du vill veta vad de specialiserar sig i och vilken typ av arbete de gör.
Återigen har du värdefulla få möjligheter att få ditt meddelande över, så få det rätt. Om du upptäcker att du har för mycket innehåll för att kunna göra det, kan du överväga att gå med en flersidig webbplats.
Medan denna webbplats gör flera olika punkter, även inom denna skärmdump, kan vi ganska mycket säga vad som är viktigast.
Vi kan berätta vad detta företag gör, men den visuella hierarkin kan bli bättre.
3. Rensa navigering
Vissa webbsidor är statiska sidor vars navigering tar besökaren till externa webbplatser. Till exempel kan en musiker ha ett navigeringsalternativ på deras hemsida med etiketten "Videos" som tar dig till sitt YouTube-konto. Absolut ingenting är fel med detta, och det gör det till och med lätt (speciellt för icke-kodare). Det enda är att besökare ska veta när de riktas till en extern sida.
Om din sida på en sida är att visa upp en produkt och din inköpslänk skickar kunder till en extern betalningsplattform utan att berätta för dem så kan du förlora en viss försäljning.
Ditt mål är att hålla allt enkelt. Omdirigering av användare till externa webbplatser utan varning kan vara förvirrande. De kan anta att länken är trasig eller felaktig. Överväg att använda ikoner (massor av lediga finns där ute) eller rubriker för att låta besökare veta var de är på väg.
Här är vad inte att göra. Länkarna på toppen tar dig utanför webbplatsen utan varning. Detta kastade mig verkligen bort.
Utformningen och kodningen av denna webbplats är mycket ovanlig. Ändå skiljer sig länkar till externa sidor av de gröna cirklarna, och de är märkta som sådana.
4. Gå design galen
Nu kommer vi till den roliga delen: använder en sida på en sida för att visa upp. Du vill inte att webbplatsen ska vara tråkig eller repetitiv, så gå nötter. Ta designen till nästa nivå och tänka utanför lådan. En oorthodox design är bra för att uppmärksamma din produkt och göra den minnesvärd.
En-personsökare blir synonymt med bra design, för att du kan göra mer med den större duken. Du är inte tvungen att använda samma bakgrund överallt; du ändrar det över sektionerna. Scrolling via ensidiga webbplatser är ofta som att tumma genom en tidskrift eller en väl sammansatt bildpresentation. Utnyttja möjligheterna.
Gör designen stor, oavsett om du använder stora bilder som spänner över hela webbläsarfönstret eller skapa en bra illustrerad bakgrund. Du får bonuspoäng och kan komma att bli presenterad i webbdesigner.
Denna design är hisnande, något som en affisch. Och resten av webbplatsen gör ingen besvikelse.
Renheten i denna design (och koden) är fantastisk. Det gör att du stannar och stirrar.
5. Gå kodning galen
Liksom med designen, vill du visa upp dina kodningsförmågor också. Ensidiga webbplatser ska interagera med. Användarupplevelsen är kritisk, så var uppmärksam på detaljerna. Koden kan ta din webbplats till nästa nivå.
Några saker att uppmärksamma är färgernas och beteendeförhållandena (särskilt svängväljaren); formens utseende och beteende (till exempel, att formuläret passar designen och använder AJAX- och JavaScript-validatorer); inlämnings- och felmeddelanden (används med formulär och vissa AJAX); och nätet och placeringen av innehållet (samt innehållets beteende i webbläsarfönstret). Alla dessa bör anpassas till designen.
Ett trevligt enkelt sätt att sätta kod på jobbet på en webbsida.
Jag kan vara partisk eftersom jag gillar tricket där innehållet fyller på rullning, men uppmärksamheten på detaljer i koden här är otroligt runt.
6. Få det att flytta
Förutom att ta hand om kodningsinformationen kan du använda kod för att skapa viss rörelse och spänning på sidan. Återigen, undvik att vara tråkig. Ge din sida en känsla av liv och rörelse; få det att se ut som det rör sig med besökare. Lägg till några roliga animationer eller övergångar för att få sidan att sticka ut.
Språk som jQuery och AJAX har blivit standard för att skapa rörelse på en webbplats. Oavsett om du gör innehållet bleknar från olika sidor eller gör bakgrunden till ett bildspel, behåll publiken engagerad.
Den här bakgrunden är en animering. Jag har ingen aning om vad webbplatsen handlar om, men det ser snygg ut.
Övergångarna på denna webbplats är utmärkta. Älskar denna!
Vilka andra saker behövs för att göra en sida för en sida speciell?