Vietnes dizaina paraugi

Satura rādītājs:

Vietnes dizaina paraugi
Vietnes dizaina paraugi
Anonim

Neiedziļināsimies skaitļos un aprēķinos, jo nav iespējams noteikt, cik vietņu jau pastāv internetā. Katru dienu tūkstošiem, ja ne simtiem tūkstošu vietņu neizdodas, un to vietā parādās jaunas. Kāds ir neveiksmju iemesls? Kāpēc cilvēki dodas uz vietni un nekavējoties to pamet? Atbilde ir vienkārša un jūsu acu priekšā - šāds ir vietnes dizains.

Pievilcības efekts

Piekrītu, ikvienam ir noteiktas vietnes, kuras tiek apmeklētas katru dienu. Esmu pārliecināts, ka lielākā daļa no grāmatzīmēm ir iecienītākās vietnes ar filmām, grāmatām, ziņām, spēlēm utt. Kāpēc pēc vienas vietnes atrašanas mēs nemēģinām atrast citu līdzīgu, kas var būt vēl labāka? Atbilde ir vienkārša! Vietnes, kuras mēs atzīmējam ar grāmatzīmēm, ir ērti lietojamas – šādās vietnēs parasti ir ērts elementu izkārtojums, kategorijas un patīkams dizains, kas nekairina acis. Tas ir "pievilcības efekts", vienreiz apmeklējot pareizi noformētu vietni - atstājot tovairs negribu.

Apskatīsim tirdzniecības platformas divu vietņu piemēru:

Vietņu piemēri
Vietņu piemēri

Neapšaubāmi un neapstrīdami, vietne numur 1 vēlas pēc iespējas ātrāk tikt slēgta, bet vietne numur 2, gluži pretēji, vēlas uzkavēties. Kāpēc tas notiek? Pirmajā vietnē papildus nejauši novietotam produktam ir arī krāsu pārsātinājums, ko nevar teikt par otro vietni. Ir tāds brīnišķīgs sakāmvārds: “Pēc drēbēm viņi satiekas, bet ar prātu tos noraida”, tas attiecas arī uz vietnēm, tikai apģērba vietā ir dizains, un prāta vietā ir navigācijas struktūra. Apmeklētājs, ienācis vietnē, pirmais, ko viņš redz krāsu shēmu, un tikai pēc tam pievērš uzmanību iekšējai navigācijai un vietnes struktūrai.

Krāsu uztvere

Galvenais noteikums krāsu izvēlē ir nepārspīlēt. Dažreiz pat ar divām vai trim pareizi izvēlētām krāsām ir vairāk nekā pietiekami, spilgts piemērs tam ir vietne fb.ru. Daudzi tīmekļa dizaineri izmanto "drošu" krāsu tabulu, lai izstrādātu savu html vietni.

Drošu krāsu tabula
Drošu krāsu tabula

Drošs tas tiek saukts tādēļ, ka visas šeit redzamās krāsas pilnīgi visi lietotāji pārraidīs vienādi. Šīs krāsas var uzskatīt par standartu, veidojot vietnes dizainu.

Krāsu saderība

Katrai krāsai ir sava "draudzīgā" krāsa – ar šo krāsu tā sader vislabāk. Nav nepieciešams izgudrot riteni no jauna un eksperimentēt ar atlasi, viss jau sen ir izgudrots un ir publiski pieejams. Krāsu izvēlei tiek izmantoti krāsu riteņi. Itten. Tālāk esošajā attēlā ir parādīts krāsu ritenis 2 atbilstošām krāsām.

Papildu krāsu kombinācija
Papildu krāsu kombinācija

T. i., pretējā krāsa apļa iekšpusē tiek uzskatīta par vispiemērotāko. Ja nepieciešams izvēlēties 3 atbilstošas krāsas, tiek izmantots arī krāsu ritenis, tikai krāsu izkārtojuma līnija jau tiks mainīta.

Triāde - 3 krāsu kombinācija
Triāde - 3 krāsu kombinācija

Un šādu apļu ir daudz, varat izvēlēties vairāk atbilstošu krāsu. Piemēram, četri.

Tetrad - četru krāsu kombinācija
Tetrad - četru krāsu kombinācija

Izvēloties krāsas šādā veidā caur Ittena lokiem, tiks panākta maksimālā krāsu kombinācija un iegūts vizuāli tīkams vietnes noformējums. Vairāk krāsu apļus var atrast tiešsaistē. Nedaudz novirzīsimies no galvenās tēmas, jo vēlos informēt, ka šos Itten krāsu riteņus izmanto pat profesionāli dizaineri no modes pasaules, t.i., veidojot dizaineru apģērbus, tiek izmantota šī krāsu saskaņošanas metode.

Iekšējā vietnes struktūra

Ja ar krāsu uztveri vairāk vai mazāk viss kļuva skaidrs, tad paliek vēl viens svarīgs rādītājs kā vietnes iekšējā struktūra jeb citiem vārdiem - "lietojamība". Nepietiek tikai ar pareizo krāsu izvēli vietnē, kā liecina prakse - ar skaisto vietnes dizainu jūs netiksiet tālu. Pareiza vietnes struktūra ir kā mājas karkass, ja tas nav pareizi plānots, būs neērti pārvietoties pa to.

Visi navigācijas elementi ir iepriekš jāpārdomā un vēl labāk - jāpieraksta. StruktūraVietnei, pirmkārt, jābūt saprotamai un ērtai apmeklētājiem. Daudzas vietnes zaudē savus apmeklētājus tikai tāpēc, ka pēdējie, ieejot vietnē, nesaprot, kur un kas atrodas. Nav nepieciešams pārblīvēt ar pogu masu un pakārt virkni funkcionalitātes. Vienmēr jāskatās ar apmeklētāja acīm, ja lietotājam nav vajadzīga kāda funkcija, tad labāk to noņemt. Atkal spilgts un korekts mājas lapas dizaina piemērs ir vietne Fb.ru, kurā visas sadaļas izvietotas apmeklētājam saprotamā un ērtā veidā.

Lielākā kļūda

Saskaņā ar vidējo analīzi, lietotājs, kurš vietnē nevar atrast nepieciešamo sadaļu vai informāciju 15-30 sekunžu laikā, uzskata, ka šīs sadaļas vai informācijas vietnē nav, un atstāj resursu. Vairumā gadījumu uz visiem laikiem. Lielisks piemērs vietnei ar šausmīgu navigāciju:

Slikta vietnes navigācija
Slikta vietnes navigācija

Vai jūs domājat, ka ir iespējams atrast nepieciešamo informāciju par šādu resursu, dodoties nevis no meklēšanas, bet vienkārši uz galveno lapu? ES domāju, ka nē. Atkal krāsu piesātinājums un neizprotamas navigācijas pārpilnība, kas ikvienu apmeklētāju ievedīs stuporā un apjukumā. Lai izvairītos no šādām kļūdām, ir nepieciešams visas sadaļas sagrupēt un ievietot atsevišķā navigācijas izvēlnē, kas būs saprotama ikvienam apmeklētājam.

Reģistrācijas veidlapa

Vēl viens svarīgs un biedējošs faktors vietnē ir reģistrācijas veidlapa. Daži mēģina reģistrācijas logā apkopot gandrīz vecvecvecmāmiņas datus.

Nepareiza reģistrācijas forma
Nepareiza reģistrācijas forma

Šādas reģistrācijas veidlapasbija modē pirms tam, kad internets sāka parādīties tikai mājās. Šodien interneta lietotājs vēlas pēc iespējas ātrāk atrast sev nepieciešamo informāciju, un garās reģistrācijas veidlapas, neskatoties uz vietnes izcilo noformējumu, ar 99% varbūtību atgrūdīs. Ideālā reģistrācijas veidlapa pēc mūsdienu standartiem ir parādīta zemāk.

Pareiza reģistrācijas forma
Pareiza reģistrācijas forma

Pat ja šī informācija nav pietiekama, tad neviens neuztraucas to pieprasīt vēlāk no apmeklētāja, pēc reģistrācijas procesa. Šī pieeja tiek uzskatīta par lojālāku un draudzīgāku nekā reģistrācijas veidlapa, kas vairāk līdzinās darba pieteikuma veidlapai.

Vietņu veidnes

Daudzas vietnes tagad tiek veidotas modernās CMS sistēmās, kas nodrošina bezmaksas vietņu dizainu. Bet bezmaksas dizains (veidnes) nenes nekādu vizuālo noformējumu, tāpēc, ja vietnes īpašnieks nemēģina to nekādā veidā mainīt, tad šāda vietne pazūd meklēšanā.

Vērts pieminēt arī visus interneta portālus, kas piedāvā uz tiem balstīt izvietot savu mājaslapu. Šajā gadījumā ir gan plusi, gan mīnusi:

  • Pirmais un, iespējams, vienīgais pluss ir vienkāršība. Vietnes rāmi jau parasti ir veidojuši pieredzējuši dizaineri, pamatojoties uz šādiem resursiem, un vietnes dizains tiek pakļauts noteiktām prasībām un noteikumiem. Atliek tikai aizpildīt to ar tematisko materiālu un gaidīt pirmos apmeklētājus. Tāpēc šādu pakalpojumu vienkāršība un ērtības piesaista iesācējus. Bet, ja vietne ir izveidota nopietnai attīstībai un konkurencei partop-1 meklētājprogrammās, tad labāk no šāda pakalpojuma atteikties.
  • No mīnusiem - sniegtās veidnes vairumā gadījumu nav rediģējamas vai maināmas, būs visu laiku jāizmanto piedāvātā. Monotonija ir galvenais trūkums, par ko mēs runājām pašā sākumā, jo katrai vietnei jābūt individuālai un pēc izskata jāatšķiras no citām. Daudz ierobežojumu, kurus nebūs iespējams aprakstīt, jo katram šādam pakalpojumam ir savs.

Nobeiguma daļa

Viss šajā materiālā aprakstītais nepretendē uz "galveno instrukciju", vienmēr un pat vajag visu darīt savā veidā – tas ir tikai izplatītāko noteikumu un kļūdu kopums. Bet vissvarīgākie punkti, kas šeit aprakstīti krāsu uztveres un vietnes iekšējās struktūras veidā, ir vietnes projektēšanas standarts. Nepareizi izvēlētas krāsas atbaidīs ikvienu apmeklētāju, kurš tikko ienācis vietnē, un analfabēts kategoriju un vietnes elementu dizains neļaus viņam orientēties un atrast nepieciešamo informāciju. Šiem punktiem jāpievērš maksimāla uzmanība, un, kā minēts iepriekš, jums vienmēr jāskatās uz jebkuru vietni ar apmeklētāja, nevis izstrādātāja acīm.

Ieteicams: