Låt oss inte gå in på siffror och beräkningar, eftersom det är omöjligt att avgöra hur många webbplatser som redan finns på Internet. Varje dag misslyckas tusentals, om inte hundratusentals sajter och nya dyker upp i deras ställe. Vad är orsaken till misslyckandena? Varför går folk till webbplatsen och lämnar den omedelbart? Svaret är enkelt och mitt framför dina ögon - det här är designen på webbplatsen.
Attraktionseffekt
Håller med, alla har en uppsättning vissa webbplatser som besöks dag efter dag. Jag är säker på att de flesta av de bokmärkta är favoritsajter med filmer, böcker, nyheter, spel etc. Varför, efter att ha hittat en sida, försöker vi inte hitta en annan liknande, som kanske är ännu bättre? Svaret är enkelt! De webbplatser som vi bokmärker är bekväma att använda - sådana webbplatser har vanligtvis ett bekvämt arrangemang av element, kategorier och en trevlig design som inte irriterar ögat. Detta är "attraktionseffekten", att besöka en korrekt designad webbplats en gång - lämna denvill inte längre.
Låt oss titta på exemplet med handelsplattformens två webbplatser:
Tveklöst och otvivelaktigt vill sajt nummer 1 stängas så snart som möjligt, och sajt nummer 2 vill tvärtom dröja sig kvar. Varför händer det här? På den första platsen, förutom en slumpmässigt placerad produkt, finns det också en färgövermättnad, vilket inte kan sägas om den andra platsen. Det finns ett så underbart ordspråk: "De möts av sina kläder, men ser bort dem från sinnet", det är också tillämpligt på webbplatser, bara istället för kläder finns det en design, och istället för ett sinne finns det en navigeringsstruktur. Besökaren, efter att ha kommit in på webbplatsen, är det första han ser färgschemat, och först då uppmärksammar den interna navigeringen och webbplatsens struktur.
Färguppfattning
Huvudregeln när du väljer färger är att inte överdriva. Ibland är till och med två eller tre korrekt valda färger mer än tillräckligt, ett levande exempel på detta är sajten fb.ru. Många webbdesigners använder en tabell med "säkra" färger för att designa sin HTML-sajt.
Safe det kallas av anledningen att alla färger som visas här kommer att överföras av absolut alla användare på samma sätt. Dessa färger kan sägas vara standard när man skapar designen på sajten.
Färgkompatibilitet
Varje färg har sin egen "vänliga" färg - det här är den färg som den passar bäst med. Det finns ingen anledning att uppfinna hjulet på nytt och experimentera med urval, allt har länge uppfunnits och är i offentlig egendom. Färghjul används för att välja färger. Itten. Bilden nedan visar ett färghjul för att matcha 2 matchande färger.
T. dvs den motsatta färgen inuti cirkeln anses vara den mest kompatibla. Om du behöver välja 3 matchande färger används även färghjulet, bara färgarrangemanget kommer redan att ändras.
Och det finns många sådana cirklar, du kan plocka upp fler matchande färger. Till exempel fyra.
Välj färger på detta sätt genom Ittens cirklar, den maximala kombinationen av färger kommer att uppnås och en visuellt tilltalande design av webbplatsen kommer att erhållas. Fler färgcirklar finns på nätet. Låt oss avvika lite från huvudämnet, eftersom jag vill informera dig om att dessa Itten-färghjul används även av professionella designers från modevärlden, det vill säga när man skapar märkeskläder används denna färgmatchningsmetod.
Intern webbplatsstruktur
Om mer eller mindre allt blev tydligt med färguppfattning, så finns det en viktigare indikator kvar som den interna strukturen på sajten eller med andra ord - "användbarhet". Det räcker inte bara att välja rätt färger på webbplatsen, som praktiken visar - på den vackra designen av webbplatsen kommer du inte att gå långt. Den korrekta strukturen på sajten är som ramen för ett hus, om den inte är korrekt planerad blir det obekvämt att navigera runt det.
Alla navigeringselement måste vara genomtänkta i förväg, och ännu bättre - skrivas ner. StruktureraWebbplatsen bör först och främst vara begriplig och bekväm för besökarna. Många sajter tappar sina besökare bara för att de senare, när de går in på sajten, inte förstår var och vad som finns. Du behöver inte krångla till med en massa knappar och hänga upp en massa funktionalitet. Du behöver alltid se genom ögonen på besökaren, om användaren inte behöver någon funktion så är det bättre att ta bort den. Återigen, ett ljust och korrekt exempel på webbdesign är webbplatsen Fb.ru, där alla sektioner finns på ett sätt som är förståeligt och bekvämt för besökaren.
Det största misstaget
Enligt den genomsnittliga analysen tror en användare som inte kan hitta den nödvändiga sektionen eller informationen på webbplatsen inom 15-30 sekunder att denna sektion eller information inte finns på webbplatsen och lämnar resursen. I de flesta fall för alltid. Ett utmärkt exempel på en webbplats med dålig navigering:
Tror du att det är möjligt att hitta nödvändig information om en sådan resurs genom att inte gå från sökningen utan helt enkelt till huvudsidan? Jag tror nej. Återigen, färgmättnaden och överflödet av obegriplig navigering, vilket kommer att försätta alla besökare i dvala och förvirring. För att undvika sådana misstag är det nödvändigt att gruppera alla avsnitt och lägga dem i en separat navigeringsmeny, vilket kommer att vara förståeligt för varje besökare.
Registreringsformulär
En annan viktig och skrämmande faktor på sajten är registreringsformuläret. Vissa försöker samla in nästan farfars mormors uppgifter i registreringsfönstret.
Sådana registreringsformulärvar på modet förut, när internet bara började dyka upp i hemmen. Idag vill internetanvändaren hitta den information han behöver så snart som möjligt, och långa registreringsformulär, trots den utmärkta designen av webbplatsen, kommer sannolikt 99% att avvisa. Det idealiska registreringsformuläret enligt dagens standarder visas nedan.
Även om denna information inte räcker, är det ingen som bryr sig om att begära den senare från besökaren, efter registreringsprocessen. Detta tillvägagångssätt anses vara mer loj alt och vänligt än registreringsformuläret, som mer liknar ett jobbansökanformulär.
Webbplatsmallar
Många webbplatser skapas nu på moderna CMS-system som tillhandahåller gratis webbplatsdesign. Men gratis design (mallar) har ingen visuell design, så om webbplatsägaren inte försöker ändra den på något sätt, så försvinner en sådan sida i sökningen.
Det är också värt att nämna hela internetportalerna som erbjuder att distribuera din egen webbplats baserat på dem. I det här fallet finns det både för- och nackdelar:
- Det första och kanske enda pluset är enkelheten. Webbplatsens ram är redan, som regel, modellerad på sådana resurser av erfarna designers, designen av webbplatsen omfattas av vissa krav och regler. Det återstår bara att fylla det med tematiskt material och vänta på de första besökarna. Därför lockar enkelheten och bekvämligheten med sådana tjänster nybörjare. Men om webbplatsen är inrättad för seriös utveckling och konkurrens förtopp-1 i sökmotorer, då är det bättre att tacka nej till en sådan tjänst.
- Från minusen - de medföljande mallarna kan i de flesta fall inte redigeras eller ändras, du måste använda den som tillhandahålls hela tiden. Monotoni är den största nackdelen, som vi pratade om i början, eftersom varje webbplats måste vara individuell och skilja sig i utseende från andra. Många begränsningar som kommer att vara omöjliga att beskriva, eftersom varje sådan tjänst har sin egen.
Sista delen
Allt som beskrivs i detta material utger sig inte för att vara en "huvudinstruktion", du kan alltid och till och med behöva göra allt på ditt eget sätt - detta är bara en uppsättning av de vanligaste reglerna och misstagen. Men de viktigaste punkterna, som beskrivs här i form av färguppfattning och sajtens interna struktur, är standarden för att designa sajten. Felaktigt valda färger kommer att skrämma bort alla besökare som precis har kommit in på webbplatsen, och analfabet design av kategorier och webbplatselement kommer inte att tillåta honom att navigera och hitta den nödvändiga informationen. Dessa punkter bör ges maximal uppmärksamhet och, som nämnts ovan, bör du alltid titta på en webbplats genom en besökares ögon och inte genom en utvecklares ögon.
