Web dizains (Web Design)

Vietņu projektēšana ir pārsteidzošs darbs.

Veidojot vietni, jūs redzat daudzas lietas, kurām ikdienā nepievēršat uzmanību.

Vietnes dizains apvieno tīmekļa dizainu (vietnes izkārtojuma veidošanu), lietotāja pieredzi un daudzas citas lietas.

Cik sarežģīti tas izklausās, tas tā nav. kā jūs varat pārvērst vietnes dizainu par lielisku izklaidi, kas sagādās jums lielu gandarījumu un jūsu vietnes saņēmējus?

Kas ir Web dizains?

Tīmekļa dizains ir salīdzinoši jauns termins, tāpēc rodas domstarpības par to, kāds ir šis virziens un kuru var saukt par tīmekļa dizaineru. Mēģināsim precizēt.

Tīmekļa dizaina jēdziens plašā nozīmē attiecas uz vietņu izveidošanas procesu, kas ietver tehniskos izstrādes aspektus, informācijas strukturēšanu, vizuālā apvalka izveidi un informācijas pārsūtīšanu tīmeklim.

Posmi

Lai iegūtu pilnīgāku izpratni par to, kāda ir vietnes izveide, jums ir jāiedomājas, kādos posmos lapa iziet no tās izveidošanas līdz tās darbības sākumam tīklā.

• Tehnisko specifikāciju izstrāde: Darba sākumu raksturo detalizēta vietnes mērķu un funkcionalitātes plānošana, tiek veiktas tās struktūras un dizaina aplēses, un pēc tam tiek sastādīts detalizēts darbu saraksts, kuru apstiprina pasūtītājs. Par to atbild projekta vadītājs.

• Lietojamība: Šajā brīdī tiek noteikts diezgan plašs jautājumu loks, sākot no tā, kāda būs plānoto vietņu lapu struktūra, līdz tam, kāda šajā gadījumā būs ērtākā informācijas pasniegšanas iespēja. Tas prasa vadītāja un dizainera sadarbību.

• Grafika: Dizainers izveido vietnes vizuālu attēlojumu, iekļaujot dažādus elementus, kas izstrādāti, lai padarītu lapu funkcionālāku un vienkārši to dekorētu. Pēc tam tiek apstiprināts vietnes izkārtojums grafiskā zīmējuma formā.

• Izkārtojums: Strādājot kopā kā programmētājs, dizainers īsteno savu ideju koda formā, kas ļaus attēlu parādīt pārlūkprogrammā.

• Tīmekļa apguve: Pēdējais posms, kad vietne tiek ievietota mitināšanas vietnē, piepildīta ar informāciju un tiek virzīta uz tās popularizēšanu meklētājprogrammu augšgalā. Vietne jau ir pieejama lietotājiem.

Ar ko sākt tīmekļa dizainu?

Tīmekļa vietņu projektēšana sākas ar to, ka jānosaka vietnei nozīme, proti, tās mērķis.

Jūs esat uzminējuši pareizi - ir visdažādākās vietnes, kas noder citiem mērķiem. Mēs izšķiram trīs populārākās: galvenās lapas, vienas peidžeri un klasiskās vietnes.

Protams, ir lielas vietnes (portāli un tā tālāk), taču tā ir pavisam cita tēma.

Vienkāršākās vietnes ir galvenā lapa un viena lapa.

Lai gan tie parasti ir mazi (tikai viena lapa), tiem ir diezgan daudz satura. Tomēr tie atšķiras pēc mērķa.

Kas ir galvenā lapa?Kas visbiežāk tiek izmantots, lai vāktu kontaktus vai koncentrētos uz datplūsmu, kas saistīta ar kādu darbību. Galvenajās lapās parasti nav daudz satura, taču jūs skaidri redzat lapas mērķi. Galvenajām lapām parasti nav izvēlnes.

Viena peidžeri ir "izstieptas" parastās tīmekļa lapas. Visa informācija ir vienā ļoti garā vietnē.

Vissvarīgākais saturs vienmēr ir augšpusē. Tātad, īsumā. Vienā peidžeriem ir izvēlnes, kas attiecas uz nākamajiem sadaļu virsrakstiem.

Šāda veida vietņu projektēšanai un izveidei nepieciešama īpaša pieeja. Lai gan tie šķiet vienkārši, tie ir ļoti prasīgi, un labāk ir sākt savu piedzīvojumu, izveidojot lapas no kaut kā cita.

Īpaši tas, ka lapu dizains visbiežāk tiek saistīts ar "parastajām" lapām.Viņiem ir mājas lapa, apakšlapas ar piedāvājumu, jaunumi un kontakti. Varētu teikt, ka tas ir standarts internetā.

Turklāt lietotāji zina savu struktūru kā savu kabatu.

Ja jums ir nepieciešama vizītkarte tiešsaistē - pietiek ar vienkāršu peidžeri. Vai vēlaties savā vietnē ievietot mazliet vairāk informācijas (piedāvājums, emuārs utt.) Un laika gaitā to paplašināt? Klasiskā vietne būs tieši piemērota.

Tagad, kad jūs zināt, kas ir, ir pienācis laiks sākt, kā, t.i., tīmekļa dizainu.

Kāds ir jūsu vietnes mērķis - šeit sākas tīmekļa dizains

Jums jāzina, kāds ir jūsu vietnes mērķis. Pateicoties tam, jūsu veidotā lapa būs lietotājiem saprotama.

Ja jūs vadāt biznesu, lietotājam no paša sākuma ir jāzina, ko jūs piedāvājat.

Piemēram - jums ir autoserviss. Lietotājam jāzina, ka viņš ir iegājis autoservisa vietnē un var izmantot īpašus pakalpojumus.

Šādas vietnes mērķis ir informēt jūs par šiem pakalpojumiem un tādējādi piesaistīt jaunus klientus.

Skaidri definēta mērķa sasniegšana ir būtiska, kad runa ir par tīmekļa dizainu. Tādēļ jums rūpīgi jādomā un skaidri jādefinē savas vietnes mērķis.

Kad zināt, kāds ir vietnes mērķis, jādomā par to, kas ir auditorija.

Tīmekļa dizains - definējiet auditoriju

Jūsu vietni apskatīs ne tikai meklētājprogrammu roboti. Tādēļ jums jāapsver, kas būs (un ir) jūsu vietnes auditorija.

Galu galā, tieši to jūs vēlaties sasniegt, vai ne?

Vietnes auditorijas noteikšana ir tieši saistīta ar jūsu vietnes mērķi. Galu galā viņiem ir jāsasniedz jūsu mērķis.

Vietnes dizains definē tādu profilēšanu kā "personas izveidošana".

Tāpēc jums ir jādomā par to, ko tieši jūsu lietotāji vēlēsies un kas tieši viņi būs.Personas ir tikai "perfekti lietotāji".

Jums noteikti ir padomā kāds jūsu vietnes lietotāja profils. Jums jādomā par to, kas tieši viņam ir vajadzīgs, kādas ir viņa vēlmes, kāpēc viņš atrodas jūsu vietnē un kam tajā jābūt, lai jūs varētu sasniegt savu mērķi.

Piemēram, ideāls autoservisa vietnes lietotājs būs persona, kurai nepieciešams automašīnas remonts.

Viņš vēlas uzzināt, kādus pakalpojumus seminārs sniedz, kur tas atrodas, cik stundas tas strādā un kā ar to sazināties. Viņi meklēs šo informāciju vietnē.

Jūsu pusē ir tos ievietot redzamā vietā.

Citiem vārdiem sakot: personas izveide ļaus jums labāk pielāgot savu vietni lietotāju vajadzībām.

Atcerieties - (labs) vietnes dizains ir cieši saistīts ar konkrētu cilvēku vajadzību apmierināšanu. Tie ir jūsu ideālie lietotāji.

Kad esat definējis auditoriju, jums būs vieglāk noteikt, ko lietotājs vēlas atrast jūsu vietnē.

Vietnes izveide lietotājam, t.i., kas ir jūsu vietnē

Kad esat uzzinājis savas vietnes mērķi un nosakījis, kurš ir tās ideālais lietotājs (vai lietotāji), varat sākt strādāt ar vietni.

Laiks, ko pavadāt, domājot par vietnes mērķi un lietotāju vajadzībām, atmaksāsies.

It īpaši, ka tik pārdomāta vietne atbildīs jūsu lietotāju vajadzībām un tādējādi - sasniegs jūsu mērķi.

Nākamais web dizaina solis ir skaidri noteikt, kam jābūt vietnē.

Vietnes izstrāde šajā posmā ir saistīta ar satura organizēšanu.

Sāciet, pierakstot vēlamo lapā. Tas var būt garš saraksts, jums nav jāuztraucas par to, ka tas pēkšņi kļūst par desmitiem priekšmetu.

Tad mēģiniet sagrupēt šīs lietas kopā - tas jums ļoti palīdzēs nākamajā posmā.Atstājiet sagatavoto sarakstu uz dažām dienām. Divi darīs, tiešām.

Pēc šī laika vēlreiz apskatiet sarakstu un izturieties pret to kā pret lietotāju. Skatiet, kuras lietas ir būtiskas no katra jūsu viedokļa.

Katrs no viņiem meklēs nedaudz atšķirīgu informāciju, tāpēc jums tas jāņem vērā.Piemēram, kāds meklē autoservisu, meklēs kontaktu, atrašanās vietu un darba laiku. Šai informācijai jābūt skaidri redzamai lapā.

Tagad ir piemērots laiks, lai notīrītu pārmērīgās informācijas sarakstu. Daži no tiem var būt pilnīgi nevajadzīgi.

Varat tos noņemt no lapas vai pievienot pašā beigās. Šī informācijas grupēšana kategorijās palīdzēs jums to atdalīt lapā. Jūs redzēsiet, kā tas atvieglos jūsu darbu.

Kad jūsu grupas informācija ir svarīga, numurējiet to.

Vissvarīgākās lietas augšpusē, vismazāk - apakšā. Kad esat sadalījis informāciju šādā veidā, atrodiet galvenās lietas katrā grupā.

Šai informācijai jābūt mājas lapā. Jums tie nav jāattīsta, viņiem vienkārši jāinformē lietotāji par to, ko jūs viņiem piedāvājat.

Ja viņi vēlas uzzināt vairāk, viņi noteikti virzīsies tālāk.

Ideālā gadījumā jums jāsniedz vissvarīgākā informācija atslēgvārdu veidā, kas ir meklēšanas frāzes. Tad mājas lapa labi sazinās ar jūsu piedāvāto un labi sevi pozicionē.

Kādas apakšlapas ir nepieciešamas jūsu vietnei?

Kad zināt, kā varat kopīgot informāciju, varat sākt veidot apakšlapas. Padomājiet vēlreiz, ja šī informācija tiek dublēta.Ja tā, padomājiet, vai tā tam vajadzētu būt (un vai tas ir nepieciešams lietotājiem, lai sasniegtu jūsu mērķi).Katrai no apakšlapām jāatbilst vienai no jūsu izveidotajām grupām.

Ja jums ir trīs vai četras grupas - ideāli! Jūsu vietnes struktūra ir gatava praksei.

Ja jums ir vairāk no viņiem, apsveriet, kā šīs grupas ir savstarpēji saistītas. Varbūt viņiem ir kopsaucējs? Atcerieties, ka labāk ir ar mazāk elementiem.

Minimālisms ir ļoti noderīgs, veidojot vietnes, jo tas ļauj lietotājiem uzreiz redzēt notiekošo. Viņiem nav jāmeklē vajadzīgā informācija, jo tā ir uzreiz redzama.

Strukturētajai informācijai vietnē ir arī psiholoģisks efekts: ja vietne tiek padarīta gudra, tad otrā pusē ir profesionāļi, kuriem ir vērts uzticēties.

Un no turienes tas ir tikai solis, lai lietotāji sasniegtu savu mērķi.

Papīrs un zīmulis - tie atvieglo tīmekļa dizainu

Ir labi sevi nokasīt. It īpaši, ja jums nav idejas par vizuālā tīmekļa dizaina izveidi (sekojot tendencēm). Atcerieties: vienmēr ir vērts iedvesmoties, tāpēc

ir ieteicams pārlūkot dažas lapas, kas jums patīk, un izdarīt secinājumus. Tāpēc ir labi sākt veidot savu vietni ar papīra lapu.Kad esat ieguvis elementus, kuriem tajā jābūt, varat tos sadalīt nākamajās apakšlapās. Padariet katru lapu par vienu lapu.

Ievietojiet nākamos elementus katrā no "apakšlapām" (atcerieties saglabāt svarīguma hierarhiju). Jums nav jābaidās no svītrojumiem.

Testēšana - galvenais vietnes dizaina elements

Tuvinieku palīdzību nevar pārvērtēt. Pirms savas vietnes parādīšanas lietotājiem - pajautājiet draugiem, ko viņi domā par jūsu projektu.

Atcerieties uzdot viņiem tos pašus jautājumus.

Tas atvieglos dizaina pilnveidošanu.

Protams, ir vērts sākt ar jautājumu, kā viņiem patīk šī vietne. Tad pajautājiet, vai viņi saprata, ko jūs vēlaties pateikt, un vai viņi viegli var sasniegt lapas mērķi.

Lai to atvieglotu, protams, jūs varat viņiem pateikt, kāds ir jūsu mērķis. Tas viņiem atvieglos atbildi uz jums, ja tīmekļa vietnes mērķis ir skaidrs.

Pēc tam apkopojiet šos komentārus un padomājiet, kā tos īstenot. Un vai ir vērts tos ieviest? Galu galā šī ir jūsu vietne, taču arī jūsu draugi ir labi pārbaudītāji - viņu viedokli ir vērts ņemt vērā

Vietnes un SEO pozicionēšana - jums tas jāatceras, sākot veidot savu vietni

Ja vēlaties sasniegt cilvēkus, jums jāatceras par savas vietnes pozicionēšanu.Labi atslēgvārdi, alternatīvi fotoattēlu apraksti, nosaukums un katras lapas apraksts - tas ir obligātais minimums.

Jums jāatceras arī virsrakstu hierarhija - pateicoties tam, meklētājprogrammu robotiem būs vieglāk orientēties lapā.Ja rīkojaties lokāli - atcerieties par tā saukto vietējo SEO. Tas ir, par vietvārdu pievienošanu atlasītajiem atslēgvārdiem.

Grafika vietnē

Vietnes dizains ir arī labas grafikas izvēle. Ja jums ir savas labas kvalitātes fotogrāfijas, tēma ir gandrīz slēgta.Vietnes fotoattēliem nav jābūt ar augstu izšķirtspēju. Praksē - jo mazāks (t.i., jo mazāk vietas diskā viņi aizņem), jo labāk.

Vietne ar lielu skaitu lielu fotoattēlu tiek lēni ielādēta, kas negatīvi ietekmē tās izvietojumu un liek lietotājiem gaidīt. Ideālajam fotoattēlu platumam nevajadzētu pārsniegt 1200–1400 pikseļus.

Vienmēr ir ieteicams tos saspiest un pievienot alternatīvus aprakstus. Atcerieties: pārlūkprogrammas roboti nevar redzēt grafiku, taču labprāt "lasa" alternatīvus fotoattēlu aprakstus.

Vissvarīgākie elementi - web dizains īsumā

Tgalvenā lapa vienmēr ir vissvarīgākā. Šeit ievietojat galveno informāciju un elementus, kas lietotājiem vispirms jāatrod.

Atcerieties, ka jo augstāk šie elementi atrodas lapā, jo ātrāk lietotāji tos atradīs. Mājas lapa ir arī pirmā lapa, ko lietotājs redz. Tāpēc tam jābūt salasāmam un tajā jābūt galvenajiem elementiem.

Katrā lappusē jābūt izvēlnei.

Tas palīdz orientēties lietotājiem jūsu vietnē. Atcerieties, ka šim elementam jābūt pēc iespējas saprotamākam.

Tātad izvēlnes apakšlapu tipiskie un uzlauztie nosaukumi ir tie, ko lietotāji sagaida. Galu galā tīmekļa vietnes dizains bieži tiek balstīts uz pārbaudītiem risinājumiem.Mājas lapa, piedāvājums, cenrādis, kontakts, klientu atsauksmes utt. - šāda izvēlnes struktūra lietotājiem liks ātrāk atrast meklēto.

Iekšējās saites ir arī svarīgs katras lapas elements.

Tāpēc, ja savā mājas lapā ievietojat segmentu, kas veltīts piedāvājumam, ir labi šajā saitē iekļaut saiti, kas novirzīs lietotājus uz piedāvājuma apakšlapu.

Ievietojot tekstus lapā, atcerieties saglabāt tā saukto virsrakstu hierarhiju. Galvene var parādīties kā trekns, liels teksts.

Faktiski galvenes lapā spēlē trīs galvenās lomas: tās informē par zemāk redzamā teksta tēmu, sakārto informāciju lapā un ir noderīgas pozicionēšanā (meklētājprogrammu roboti informāciju virsrakstos atradīs ātrāk nekā tekstā).

Atcerieties arī par virsrakstu hierarhiju - pateicoties tam, lietotāji zinās, kura informācija ir vispārīga (attiecas uz noteiktu informācijas grupu) un kura ir detalizēta.

Vissvarīgākais ir tas, ka vienā lappusē jābūt tikai vienai H1 kategorijai; šādā galvenē jābūt lapas nosaukumam (t.i., kontaktu lapā tam vajadzētu būt "[jūsu uzņēmuma nosaukums] - kontakts" vai "Sazināties ar [jūsu uzņēmuma nosaukums]").