6 tips voor het maken van betere websites met één pagina
Websites met één pagina zijn populair en populair - geen twijfel mogelijk. Maar ze zijn niet voor iedereen of voor elk bedrijf. Het is gemakkelijk om er een te willen omdat ze populair zijn; en als het goed is gedaan, kan de jouwe een hit zijn. Maar zorg ervoor dat je eerst in aanmerking komt voor een project.
Een goede kandidaat voor een pagina met één pagina is niet superzwaar qua inhoud. Je hebt maar één pagina om je punt over te brengen, en er zijn maar zoveel animaties en trucs die je erin kunt gooien voordat ze oud worden.
Bovendien zijn de meeste websites met één pagina onconventioneel in hun lay-out. Een heleboel inhoud op één pagina passen zonder er rommelig uit te zien, is best moeilijk.
Potentieel gebruik varieert, maar enkele van de meest populaire kandidaten voor websites met één pagina zijn persoonlijke portfolio's en websites voor bedrijven die slechts een paar producten of services verkopen.
Als u in aanmerking komt, zorg er dan voor dat uw website het goede doel bereikt. Er zijn altijd bepaalde dingen waar je doorheen moet bij het maken van een website, maar de onderstaande punten zijn vooral van cruciaal belang voor websites van één pagina.
1. Blijf gefocust
Maak alles zo eenvoudig mogelijk voor het publiek. De kans is groot dat als u een website met één pagina overweegt, u waarschijnlijk niet veel inhoud heeft. Dat is prima. We komen soms in de verleiding om veel pluizen aan onze websites toe te voegen. Webpagina's met één pagina vereisen geen fluffing, omdat hun enige doel is om ter zake te komen. Als je een ontwerper bent die een portfolio samenstelt, presenteer je je beste werk; laat je niet afleiden door middelmatige projecten of je t-shirtbusiness.
Ontdoe je website van pluis en ga op zoek naar de dingen die ertoe doen. Hoewel dit een goede strategie is voor elke website, kunnen de meeste websites met meerdere pagina's met een beetje pluis wegkomen, omdat gebruikers meestal weten waar ze de informatie kunnen vinden die ze zoeken. Met één semafoon krijgt u één foto en als de informatie die iemand zoekt niet aanwezig is, raakt u deze kwijt.
Er is geen vraag over wat deze e-commerce website verkoopt.
Deze portfolio komt op het juiste moment. Een mooie prachtige minimalistische ontwerp, ook.
2. Geef de lay-out een hiërarchie
Naast het handhaven van de focus van de bezoeker, moet een website van één pagina uw product of dienst presenteren. Als u denkt aan webpagina's van één pagina die u tegenkomt, hebben ze waarschijnlijk een uniek doel, of u nu het ontwerpwerk van een bureau wilt laten zien of interesse in een aankomend evenement wilt laten horen.
Een goed ontwerp en een gerichte lay-out kunnen helpen bij het bepalen van het doel van uw website. Jij, als ontwerper, hebt de macht om de ogen van de bezoeker te richten naar waar je wilt. Mensen merken natuurlijk eerst grote dingen op en kleine dingen duren, dus gebruik dat in uw voordeel. Belangrijke dingen moeten niet de kleinste of laatste dingen op de pagina zijn.
Deze inleidende paragrafen met een groot lettertype zijn zo populair geworden in designerportfolio's omdat ze snel ter zake komen en aantrekkelijk zijn voor mensen die op zoek zijn naar een ontwerper. Het laatste dat je waarschijnlijk wilt zien is naar welke school ze zijn afgestudeerd. Maar je wilt wel weten waar ze zich in specialiseren en wat voor soort werk ze doen.
Nogmaals, je hebt heel weinig mogelijkheden om je boodschap over te brengen, dus doe het goed. Als u vindt dat u te veel inhoud heeft om dit te kunnen doen, kunt u overwegen om met een website met meerdere pagina's te gaan.
Hoewel deze website verschillende punten bevat, zelfs binnen deze schermafbeelding, kunnen we vrijwel vertellen wat het belangrijkste is.
We kunnen vertellen wat dit bedrijf doet, maar de visuele hiërarchie zou beter kunnen.
3. Wis navigatie
Sommige websites van één pagina zijn statische pagina's waarvan de navigatie de bezoeker naar externe websites leidt. Een musicus heeft bijvoorbeeld een navigatie-optie op zijn website met het label 'Video's' waarmee je naar zijn YouTube-account kunt gaan. Daar is absoluut niets mis mee, en het maakt dingen zelfs gemakkelijk (vooral voor niet-programmeurs). Het enige is dat bezoekers moeten weten wanneer ze naar een externe pagina worden geleid.
Als uw website van één pagina is om een product te laten zien en uw inkooplink klanten naar een extern betalingsplatform stuurt zonder dit aan hen te melden, kunt u wat verkopen verliezen.
Uw doel is om alles eenvoudig te houden. Gebruikers omleiden naar externe websites zonder waarschuwing kan verwarrend zijn. Ze kunnen ervan uitgaan dat de link verbroken of onjuist is. Overweeg iconen te gebruiken (er zijn veel gratis iconen beschikbaar) of koppen om bezoekers te laten weten waar ze naar toe gaan.
Dit is wat je niet moet doen. De links bovenaan brengen u zonder waarschuwing naar buiten de website. Dit heeft me echt van de wijs gebracht.
Het ontwerp en de codering van deze website zijn zeer ongebruikelijk. Desalniettemin worden links naar externe pagina's onderscheiden door de groene cirkels en zijn ze als zodanig gelabeld.
4. Ga design gek
Nu komen we bij het leuke gedeelte: het gebruik van een website met één pagina om te pronken. Je wilt niet dat de website saai of herhalend is, dus doe maar wat. Breng het ontwerp naar het volgende niveau en denk buiten de doos. Een onorthodox ontwerp is prima om de aandacht te vestigen op uw product en het gedenkwaardig te maken.
One-pagers worden synoniem voor geweldig design, omdat je meer kunt doen met het grotere canvas. Je bent niet gedwongen om overal dezelfde achtergrond te gebruiken; je verandert het in de secties. Bladeren door websites van één pagina gaat vaak als bladeren door een tijdschrift of een goed samengestelde presentatie van dia's. Maak gebruik van de mogelijkheden.
Maak het ontwerp fantastisch, of u nu grote afbeeldingen gebruikt die het volledige browservenster beslaan of een geweldige geïllustreerde achtergrond creëren. U krijgt bonuspunten en kunt u uiteindelijk gebruiken in showcases voor webontwerp.
Dit ontwerp is adembenemend, zoiets als een poster. En de rest van de website stelt niet teleur.
De netheid van dit ontwerp (en de code) is verbluffend. Het laat je stoppen en staren.
5. Ga coderen gek
Net als bij het ontwerp wil je ook pronken met je codeervaardigheden. Er wordt verondersteld dat websites met één pagina worden gebruikt. De gebruikerservaring is van cruciaal belang, dus let op de details. De code kan uw website naar een hoger niveau tillen.
Sommige dingen om op te letten zijn de kleuren en het gedrag van links (met name de hover selector); het uiterlijk en gedrag van formulieren (bijvoorbeeld het formulier in het ontwerp passen en AJAX- en JavaScript-validators gebruiken); indiening en foutmeldingen (gebruikt bij de formulieren en sommige AJAX); en het raster en de plaatsing van inhoud (evenals het gedrag van de inhoud in het browservenster). Al deze moeten aansluiten bij het ontwerp.
Een mooie eenvoudige manier om code te laten werken op een website met één pagina.
Ik ben misschien bevooroordeeld omdat ik hou van de truc waarbij de inhoud wordt geladen tijdens het scrollen, maar de aandacht voor detail in de code hier is overal ongelooflijk.
6. Laat het bewegen
Naast het zorgen voor de codeergegevens, kunt u code gebruiken om wat beweging en opwinding op de pagina te creëren. Nogmaals, vermijd saai te zijn. Geef je pagina een gevoel van leven en beweging; laat het lijken alsof het beweegt met bezoekers. Voeg leuke animaties of overgangen toe om de pagina te laten opvallen.
Talen zoals jQuery en AJAX zijn de standaard geworden voor het maken van bewegingen op een website. Of je de inhoud vanaf verschillende kanten laat vervagen of de achtergrond een diavoorstelling maakt, houd het publiek betrokken.
Deze achtergrond is een animatie. Ik heb geen idee waar de website over gaat, maar het ziet er netjes uit.
De overgangen op deze website zijn uitstekend. Ik hou van deze!
Welke andere dingen zijn nodig om een website van één pagina speciaal te maken?