Interneto svetainės dizainas (Web Design)

Kurti svetaines yra nuostabus darbas.

Kurdami svetainę matote daug dalykų, į kuriuos kasdien nekreipiate dėmesio.

Svetainės dizainas sujungia interneto dizainą (svetainės maketo kūrimą), vartotojo patirtį ir daugelį kitų dalykų.

Kad ir kaip komplikuotai tai skambėtų, taip nėra. kaip paversti svetainės dizainą puikia pramoga, kuri suteiks jums daug pasitenkinimo ir jūsų svetainės gavėjams?

Kas yra interneto dizainas?

Interneto dizainas yra palyginti naujas terminas, todėl nesutariama, kokia yra šios krypties ir kas gali būti vadinama interneto dizaineriu. Pabandykime išsiaiškinti.

Tinklalapio dizaino sąvoka plačiąja prasme reiškia svetainių kūrimo procesą, kuris apima techninius kūrimo aspektus, informacijos struktūrizavimą, vizualinio apvalkalo sukūrimą ir informacijos perdavimą į internetą.

Etapai

Norėdami išsamiau suprasti, koks yra svetainės sukūrimas, turite įsivaizduoti, kokius etapus puslapis eina nuo jo sumanymo iki jo veikimo tinkle pradžios.

• Parengti technines specifikacijas: Darbo pradžiai būdingas detalus svetainės tikslų ir funkcionalumo planavimas, sudaromos jos struktūros ir dizaino sąmatos, o tada sudaromas išsamus darbų sąrašas, kurį patvirtina užsakovas. Už tai atsakingas projekto vadovas.

• Naudingumas: Šiuo metu nustatomas gana platus klausimų spektras, pradedant nuo to, kokia bus planuojamos svetainės puslapių struktūra, iki to, kokia šiuo atveju bus patogiausia informacijos pateikimo galimybė. Tam reikia vadovo ir dizainerio bendradarbiavimo.

• Grafika: Dizaineris sukuria vizualų svetainės vaizdą, įskaitant įvairius elementus, sukurtus siekiant padaryti puslapį funkcionalesnį ir paprasčiausiai jį papuošti. Po to patvirtinamas svetainės išdėstymas grafinio piešinio pavidalu.

• Išdėstymas: Dirbdamas kartu su programuotoju, dizaineris įgyvendina savo idėją kodo forma, kuri leis vaizdą rodyti naršyklėje.

• Žiniatinklio valdymas: Paskutinis etapas, kai svetainė dedama į prieglobą, užpildoma informacija ir pereinama prie jos populiarinimo paieškos sistemų viršuje. Ši svetainė jau pasiekiama vartotojams.

Nuo ko pradėti interneto dizainą?

Svetainių kūrimas prasideda apibrėžiant vaidmenį, kurį svetainė turėtų atlikti, ty jos tikslą.

Jūs atspėjote teisingai - yra įvairiausių svetainių, kurios praverčia kitiems tikslams. Mes išskiriame tris populiariausias: nukreipimo puslapius, vieno puslapio ieškiklius ir klasikines svetaines.

Žinoma, yra didelių svetainių (portalų ir pan.), Tačiau tai visai kita tema.

Paprasčiausios svetainės yra nukreipimo puslapis ir vienas puslapis.

Nors jie paprastai yra maži (tik vienas puslapis), jie turi gana daug turinio. Tačiau jie skiriasi pagal paskirtį.

Kas yra nukreipimo puslapis?Kuris dažniausiai naudojamas rinkti kontaktus arba sutelkti dėmesį į srautą, susijusį su kokiu nors veiksmu. Paprastai nukreipimo puslapiuose nėra daug turinio, tačiau jūs aiškiai matote puslapio paskirtį. Nukreipimo puslapiuose paprastai nėra meniu.

Vieno puslapio ieškikliai yra „ištempti“ įprasti interneto puslapiai. Visa informacija yra vienoje labai ilgoje svetainėje.

Svarbiausias turinys visada yra viršuje. Taigi, trumpai. Vieno puslapio ieškotojai turi meniu, nurodantį vėlesnes skyrių antraštes.

Kuriant ir kuriant tokio tipo svetaines reikia specialaus požiūrio. Nors jie atrodo paprasti, jie yra labai reiklūs ir geriau pradėti savo nuotykius kuriant puslapius iš kažko kito.

Ypač tai, kad puslapių dizainas dažniausiai siejamas su „paprastais“ puslapiais.Jie turi pagrindinį puslapį, antrinius puslapius su pasiūlymu, naujienas ir kontaktus. Galima sakyti, kad tai yra standartas internete.

Be to, vartotojai žino savo struktūrą kaip savo kišenę.

Jei jums reikia vizitinės kortelės internete - pakanka paprasto vieno ieškiklio. Ar norite įdėti šiek tiek daugiau informacijos į savo svetainę (pasiūlymą, tinklaraštį ir pan.) Ir ilgainiui ją išplėsti? Klasikinė svetainė bus tinkama.

Dabar, kai žinote ką, atėjo laikas pradėti, kaip, ty interneto dizainą.

Koks yra jūsų svetainės tikslas - čia prasideda interneto dizainas

Turite žinoti, kokia yra jūsų svetainės paskirtis. Dėl to jūsų sukurtas puslapis bus suprantamas vartotojams.

Jei valdote verslą, vartotojas turi nuo pat pradžių žinoti, ką siūlote.

Pavyzdžiui - turite autoservisą. Vartotojas turi žinoti, kad pateko į autoserviso svetainę ir gali naudotis konkrečiomis paslaugomis.

Tokios svetainės tikslas yra informuoti jus apie šias paslaugas, taigi - pritraukti naujų klientų.

Turint aiškiai apibrėžtą tikslą, svarbu kalbant apie interneto dizainą. Todėl turite gerai apgalvoti ir aiškiai apibrėžti savo svetainės tikslą.

Kai žinosite, kokia yra svetainės paskirtis, turite pagalvoti, kas yra auditorija.

Interneto dizainas - apibrėžkite savo auditoriją

Jūsų svetainę galės peržiūrėti ne tik paieškos sistemos robotai. Todėl turite atsižvelgti į tai, kas bus (ir yra) jūsų svetainės auditorija.

Galų gale, ką jūs norite pasiekti, tiesa?

Svetainės auditorijos nustatymas yra tiesiogiai susijęs su jūsų svetainės tikslu. Juk jie turi pasiekti jūsų tikslą.

Svetainės dizainas apibrėžia tokį profiliavimą kaip „žmogaus sukūrimas“.

Taigi jūs turite galvoti apie tai, ko tiksliai norės jūsų vartotojai ir kas jie tiksliai bus.Asmenys yra tiesiog „tobuli vartotojai“.

Jūs tikrai turite omenyje tam tikrą savo svetainės vartotojo profilį. Turite galvoti apie tai, ko jam tiksliai reikia, kokios jo nuostatos, kodėl jis yra jūsų svetainėje ir kas joje turėtų būti, kad galėtumėte pasiekti savo tikslą.

Pavyzdžiui, idealus automobilių remonto dirbtuvių svetainės vartotojas bus asmuo, kuriam reikia automobilio remonto.

Jis nori sužinoti, kokias paslaugas teikia cechas, kur jis yra, kokiomis valandomis dirba ir kaip su juo susisiekti. Šios informacijos jie ieškos svetainėje.

Tavo pusėje yra padėti juos matomoje vietoje.

Kitaip tariant: sukūrę asmenį galėsite geriau pritaikyti savo svetainę savo vartotojų poreikiams.

Atminkite - (geras) svetainės dizainas yra glaudžiai susijęs su konkrečių žmonių poreikių tenkinimu. Tai jūsų idealūs vartotojai.

Apibrėžę auditoriją, jums bus lengviau apibrėžti, ką vartotojas nori rasti jūsų svetainėje.

Svetainės kūrimas vartotojui, t. Y. Tai, kas turi būti jūsų svetainėje

Kai žinosite savo svetainės tikslą ir nustatysite, kas yra idealus jos vartotojas (ar vartotojai), galite pradėti dirbti su svetaine.

Laikas, kurį praleisite galvodamas apie svetainės paskirtį ir vartotojų poreikius, pasiteisins.

Ypač tai, kad tokia gerai apgalvota svetainė atitiks jūsų vartotojų poreikius, taigi - pasieks jūsų tikslą.

Kitas žingsnis kuriant internetą yra aiškiai apibrėžti, kas turėtų būti svetainėje.

Svetainės kūrimas šiame etape yra susijęs su turinio tvarkymu.

Pradėkite rašydami, ko norite puslapyje. Tai gali būti ilgas sąrašas, jums nereikia jaudintis, kad staiga jis taps dešimtimis daiktų.

Tada pabandykite sugrupuoti šiuos dalykus kartu - tai jums labai padės kitame etape.Palikite paruoštą sąrašą kelioms dienoms. Du tikrai padarys.

Praėjus šiam laikui, dar kartą pažvelkite į sąrašą ir traktuokite jį kaip vartotoją. Pažiūrėkite, kokie dalykai yra aktualūs kiekvieno jūsų turimo žmogaus požiūriu.

Kiekvienas iš jų ieškos šiek tiek kitokios informacijos, todėl turite į tai atsižvelgti.Pavyzdžiui, kažkas, ieškantis autoserviso, ieškos kontakto, vietos ir darbo laiko. Ši informacija turi būti aiškiai matoma puslapyje.

Dabar tinkamas laikas išvalyti perteklinės informacijos sąrašą. Kai kurie iš jų gali būti visiškai nereikalingi.

Galite juos pašalinti iš puslapio arba pridėti pačioje pabaigoje. Šis informacijos grupavimas į kategorijas padės jums ją atskirti puslapyje. Pamatysite, kaip tai palengvins jūsų darbą.

Kai jūsų grupė turi informaciją, suskirstykite ją pagal svarbą.

Svarbiausi dalykai viršuje, mažiausiai - apačioje. Kai taip išskaidysite informaciją, raskite pagrindinius kiekvienos grupės dalykus.

Ši informacija turėtų būti pagrindiniame puslapyje. Jums nereikia jų kurti, jie tiesiog turi informuoti vartotojus apie tai, ką jūs jiems siūlote.

Jei jie nori sužinoti daugiau, jie tikrai judės toliau.

Idealiu atveju turėtumėte pateikti svarbiausią informaciją raktinių žodžių forma, kurios yra paieškos frazės. Tada pagrindinis puslapis gerai perteikia tai, ką jūs galite pasiūlyti, ir gerai save užima.

Kokių antrinių puslapių reikia jūsų svetainei?

Žinodami, kaip galite dalytis informacija, galite pradėti kurti antrinius puslapius. Dar kartą pagalvokite, ar ši informacija yra dubliuojama.Jei taip, pagalvokite, ar taip turėtų būti (ir ar to reikia vartotojams jūsų tikslui pasiekti).Kiekvienas antrinis puslapis turi atitikti vieną iš jūsų sukurtų grupių.

Jei turite tris ar keturias grupes - puikiai! Jūsų svetainės struktūra pritaikyta praktikai.

Jei turite jų daugiau, apsvarstykite, kaip šios grupės susijusios viena su kita. Gal jie turi bendrą vardiklį? Atminkite, kad geriau, jei yra mažiau elementų.

Minimalizmas yra labai naudingas kuriant svetaines, nes jis leidžia vartotojams iš karto pamatyti, kas vyksta. Jie neprivalo ieškoti reikiamos informacijos, nes yra iškart matomi.

Struktūrizuota informacija svetainėje taip pat turi psichologinį poveikį: jei svetainė yra išmani, tai kitoje pusėje yra specialistų, kuriais verta pasitikėti.

Ir tai yra tik žingsnis, kad vartotojai pasiektų savo tikslą.

Popierius ir pieštukas - jie palengvina interneto dizainą

Gera save subraižyti. Ypač tada, kai neturite idėjos, kaip kurti vizualinį interneto dizainą (sekti tendencijas). Atminkite: įkvėpti visada verta, todėl

patartina naršyti kelis jums patinkančius puslapius ir padaryti išvadas. Štai kodėl gerai pradėti kurti savo svetainę iš popieriaus lapo.Turėdami elementus, kurie turėtų būti, galite juos suskirstyti į tolesnius antrinius puslapius. Padarykite kiekvieną puslapį vienu puslapiu.

Įdėkite tolesnius elementus ant kiekvieno iš „antrinių puslapių“ (nepamirškite išlaikyti svarbos hierarchijos). Jums nereikia bijoti išbraukimų.

Testavimas - pagrindinis svetainės dizaino elementas

Negalima pervertinti artimųjų pagalbos. Prieš parodydami savo svetainę vartotojams, paklauskite savo draugų, ką jie mano apie jūsų projektą.

Nepamirškite jiems užduoti tų pačių klausimų.

Tai palengvins dizaino tobulinimą.

Žinoma, verta pradėti nuo jų, paklausdami, kaip jiems patinka svetainė. Tada paklauskite, ar jie suprato, ką norite perduoti, ir ar jie galėtų lengvai pasiekti puslapio tikslą.

Kad būtų lengviau, žinoma, galite jiems pasakyti, koks yra jūsų tikslas. Tai leis jiems lengviau atsakyti į jus, jei aiškus svetainės tikslas.

Tada surinkite šiuos komentarus ir pagalvokite, kaip juos įgyvendinti. Ir ar verta juos pristatyti? Juk tai jūsų svetainė, bet ir jūsų draugai yra geri testuotojai - į jų nuomonę verta atsižvelgti

Tinklalapio ir SEO padėties nustatymas - jūs turite tai atsiminti, kai pradėsite kurti savo svetainę

Jei norite pasiekti žmones, turite nepamiršti apie savo svetainės išdėstymą.Geri raktiniai žodžiai, alternatyvūs nuotraukų aprašymai, pavadinimas ir kiekvieno puslapio aprašymas - tai minimalus minimumas.

Taip pat turite atsiminti antraščių hierarchiją - jos dėka paieškos sistemos robotai galės lengviau orientuotis puslapyje.Jei elgiatės vietoje - nepamirškite apie vadinamąjį vietinį SEO. Tai yra apie vietovardžių pridėjimą prie pasirinktų raktinių žodžių.

Grafika svetainėje

Kuriant svetainę taip pat reikia pasirinkti gerą grafiką. Jei turite savo geros kokybės nuotraukų, tema beveik neužbaigta.Svetainėje esančios nuotraukos neturi būti didelės raiškos. Praktiškai - kuo mažiau (t. Y. Kuo mažiau vietos diske jie užima), tuo geriau.

Svetainė, kurioje yra daug didelių nuotraukų, kraunasi lėtai, o tai neigiamai veikia jos padėtį ir verčia vartotojus laukti. Idealus nuotraukų plotis neturi viršyti 1200–1400 taškų.

Visada verta juos suspausti ir pridėti alternatyvių aprašymų. Atminkite: naršyklės robotai nemato grafikos, tačiau mielai „skaito“ alternatyvius nuotraukų aprašymus.

Svarbiausi elementai - interneto dizainas trumpai

Tpagrindinis puslapis visada yra svarbiausias. Čia įdėsite pagrindinę informaciją ir elementus, kuriuos vartotojai turėtų rasti pirmiausia.

Atminkite, kad kuo aukščiau šie elementai yra puslapyje, tuo greičiau vartotojai juos ras. Pagrindinis puslapis taip pat yra pirmasis puslapis, kurį mato vartotojas. Todėl jis turi būti įskaitomas ir turi turėti pagrindinių elementų.

Kiekviename puslapyje turi būti meniu.

Tai padeda naršyti savo svetainės vartotojus. Atminkite, kad šis elementas turėtų būti kuo suprantamesnis.

Taigi tipiški ir nulaužti antrinių puslapių pavadinimai meniu yra tai, ko tikisi jūsų vartotojai. Juk svetainių dizainas dažnai grindžiamas patikrintais sprendimais.Pagrindinis puslapis, pasiūlymas, kainoraštis, kontaktai, klientų atsiliepimai ir kt. - tokia meniu struktūra leis vartotojams greičiau rasti tai, ko ieško.

Vidinės nuorodos taip pat yra svarbus kiekvieno puslapio elementas.

Taigi, jei savo pagrindiniame puslapyje įdėsite segmentą, skirtą pasiūlymui, gerai, jei šiame segmente yra nuoroda, nukreipianti vartotojus į pasiūlymo antrinį puslapį.

Dėdami tekstus puslapyje nepamirškite išlaikyti vadinamosios antraščių hierarchijos. Antraštė gali būti paryškintas didelis tekstas.

Tiesą sakant, antraštės vaidina tris pagrindinius vaidmenis puslapyje: jos informuoja apie žemiau esančio teksto temą, tvarko informaciją puslapyje ir yra naudingos pozicionuojant (paieškos sistemos robotai informaciją antraštėse ras greičiau nei tekste).

Taip pat nepamirškite apie antraščių hierarchiją - jos dėka vartotojai žinos, kuri informacija yra bendra (susijusi su tam tikra informacijos grupe), o kuri - išsami.

Svarbiausia, kad viename puslapyje turėtų būti tik viena H1 antraštė; tokioje antraštėje turėtų būti puslapio pavadinimas (t. y. kontaktų puslapyje jis turėtų būti „[jūsų įmonės pavadinimas] - kontaktas“ arba „Susisiekite su [jūsų įmonės vardu]“).