Vsebina

• Stopati
• Metoda 1 od 2: 3 osnovna pravila
• Metoda 2 od 2: Smernice
• Nasveti
• Opozorila

Oblikovanje odličnega spletnega mesta se lahko zdi zastrašujoča naloga, a dokler boste imeli v mislih osnove, se vam bo postopek zdel zanimiv in zabaven. Gre za več kot le lep videz! Pokazali vam bomo osnove in nekaj splošnih smernic, ki vam bodo pomagale pri oblikovanju spletnih mest, ki jih bodo ljudje vedno znova obiskali.

Stopati

Metoda 1 od 2: 3 osnovna pravila

1. 1. pravilo:Prisluhnite svoji stranki. Morda oblikujete "največjo spletno stran na svetu doslej v zgodovini vesolja in širše", z bogato črno barvo, izpopolnjenimi pisavami in svetlimi umetniškimi barvami za spletno mesto, ki kriči "raziščite me zdaj!" Na žalost je vaša stranka želela oranžno menijsko vrstico s svetlo rožnatimi in oranžnimi črkami. Odpuščeni ste in vaše najboljše spletno mesto doslej - do katerega ima stranka pravico - je nekje na njegovem varnostnem disku, ne da bi ga kdo kdaj več videl.
   • Preučite celostno identiteto stranke. Stranka naj vam pokaže nekaj spletnih mest, ki jih ima rada. Ne samo, da boste s tem dobili predstavo o tem, kaj jim je všeč, pa tudi nekaj oblikovalskih idej, na katere morda niste pomislili.
   • Če ste mislili, da se šalimo glede oranžne in roza spletne strani, razmislite o tej kul, prefinjeni spletni strani:
2. 2. pravilo:Spoznajte svojo publiko in kaj iščejo ter temu prilagodite svoj dizajn. Razlogi, da imajo ljudje spletna mesta, so zato, ker želijo, da jih drugi vidijo. Lahko je informativni, komercialni ali pa za zabavo določene ciljne skupine. Vaša naloga oblikovalca je vedeti, za koga načrtujete, in jih obdržati na strani, ko bodo tam pristali.
   • Lahko si mislite: "Če bo videti dobro, bodo ostali." Ni pa nujno, da je tako. Vzemimo na primer nepremičnine. Tukaj je stran s čistim, zabavnim dizajnom. Ima veliko praznega prostora, ki daje odprt videz, svetle barve in sodoben širokozaslonski format s povezavami na vidnem mestu:
   • Zdaj pa si oglejte ta pristop k prodaji nepremičnin na istem območju: razmetane in zelo zasedene, dolgočasne barve in pokrite z oglaševanjem.
   • Uganete, katera je boljša za tiste, ki iščejo dom? Prav, tisti, kjer hiše! Ko ljudje iščejo »domove za prodajo v Santa Monici«, jim je vseeno, kako izgleda spletno mesto. Nočejo brati o nepremičninskem agentu ali videti lepih slik mesta. Želijo si ogledati hiše.
3. 3. pravilo:Prisluhnite sebi. Razumete, kaj želi stranka, in veste, kaj išče vaš trg. Zdaj je napočil čas, da smo pozorni na vas, oblikovalec!
   • Zgradite predlogo v grafični programski opremi po vaši izbiri. Naredite elemente svoje strani na različnih plasteh (tako da boste lahko stvari naknadno prilagodili, ne da bi uničili celotno predlogo). Ti elementi so lahko:
     • Glava. To je element, ki je enak na vseh straneh vašega spletnega mesta. Glava je sestavljena iz naslova in logotipa spletnega mesta ter povezav do drugih delov spletnega mesta (npr. O nas, Kontakt itd.). Vizualno in praktično bo to vse povezalo. Dobra praksa je, da prvi gumb v menijski vrstici povežete z domačo stranjo.
     • Oglejmo si na primer Apple:
     • Kot pri večini Appleovih stvari je tudi njihova domača stran zelo čista, enostavna. Upoštevajte menijsko vrstico na vrhu z logičnimi temami za vsak gumb in iskalno polje - vedno dobra ideja, če to podpira vaše spletno mesto. Zdaj pa si oglejmo ciljno stran enega od gumbov, iPad, da vidimo nekaj elementov:
     • Menijska vrstica se spremeni samo s temnenjem gumba iPad.
     • Predmet ciljne strani je prikazan z velikimi črnimi črkami.
     • Pojavil se bo nov podmeni, da boste lahko izvedeli več o izdelku. Če kliknete enega od teh gumbov, boste videli, da vsaka stran ponuja novo vsebino, odvisno od teme, vendar bo enaka po postavitvi in ​​oblikovanju.
     • Pogosto bo imela vsaka glavna tema v menijski vrstici različne podnaslove, ki jih boste morali izpolniti. Namesto da ustvarite drugo menijsko vrstico, lahko uporabite pojavne menije, kot je ta primer iz programa Glasbeniki:
     • Stranska vrstica. To se bo pojavilo na številnih straneh vašega spletnega mesta, vendar ne nujno na vseh - določa kontekst. Je pa zelo pomemben element in mora biti skrbno zasnovan tako, da je intuitiven in ne preveč nereden. Za razliko od menijske vrstice je lahko vsebina stranske vrstice zelo dinamična. Oglejte si ti dve stranski vrstici prodajalca nepremičnin Trulia. Prva je namenjena kupcem:
       
       

Metoda 2 od 2: Smernice

1. Oblikujte dober uporabniški vmesnik. Različne elemente spletnega mesta, kot so naslov, stranske vrstice, logotipi, slike in besedilo, postavite na isto mesto na vsako stran, da bo vaše spletno mesto lažje in intuitivno.
   • Na isti strani naj bo enaka glava. Ne glede na to, ali vsebina vašega spletnega mesta omogoča veliko ponavljajočih se elementov, poskrbite, da bo vrh vsake strani enak.
   • Pri načrtovanju uporabite logiko. Elementi na eni strani naj bodo logično razvrščeni po pomembnosti ali temi; različne strani na spletnem mestu bi morale biti preveč.
2. Ustvarite skladen slog. Kadar bi postavitev morala vašemu spletnemu mestu dati strukturno skladnost, bi moral slog zagotavljati tematsko harmonijo.
   • Držite se dveh ali treh glavnih barv in poskrbite, da se bodo dobro ujemale.
   • Izogibajte se uporabi preveč slogov ali velikosti pisav; če želite zamenjati nekaj, jih uporabite na enak način na vsaki strani.
   • Uporabite Cascading Style Sheets (CSS), da ohranite enoten slog in olajšate spreminjanje elementov na celotnem spletnem mestu, ne da bi morali iti na vsako stran posebej.
3. Povečajte berljivost. Za lažje branje besedila ga lahko razdelite na manjše dele.
   • Za ločevanje posameznih delov uporabite podnapise in ustrezen razmik.
   • Uporabite krepke črke ali različne velikosti, da prikažete hierarhijo in pomembnost tem.
   • Bodite pozorni na to, kako ravnate z besedilom. Pisave naj ne bo premajhna in povečajte razmik med vrsticami, da bodo lažji za branje veliki deli besedila. Velike zaplate besedila je težje brati; razdeli na manjše odstavke.
4. Naj bo vaše spletno mesto splošno berljivo. Uporabljajte standardni HTML in se izogibajte oznakam, funkcijam in vtičnikom, ki so na voljo samo za eno blagovno znamko ali različico brskalnika.
   • Čeprav lahko večina sodobnih brskalnikov in računalnikov obdeluje zapletene slike, bo vse videti bolj gladko, če svoje slike skrčite in optimizirate za splet. Tehtajte pomen kakovosti in pomembnost hitrosti.
5. Preizkusite svoje spletno mesto. Poskrbi da vsaka povezava deluje kot bi pričakovali, in slike se prikažejo pravilno.
   • Morda boste želeli organizirati nekaj uporabniškega testiranja, tako da bodo člani vaše ciljne skupine preizkusili jasnost in enostavnost uporabe vašega oblikovanja ter dali povratne informacije o vašem spletnem mestu.
6. Objavite svoje spletno mesto. Kupite ime domene, če tega še niste storili. Občasno preverite, ali povezave še vedno delujejo, in poslušajte predloge, ki vam jih obiskovalci pošljejo po e-pošti.

Nasveti

• Čeprav lahko postavitev načrtujete na podlagi lastne vizije ali stvari, ki ste jih videli na drugih spletnih mestih, je lažje kupiti že pripravljen dizajn.
• Obiskovalca ne bombardirajte s prikupnimi, posebnimi slikami. Flash animacija, svetle barve, vzorčna ozadja in glasba, ki se samodejno predvaja pri nalaganju strani, so bili v 90-ih zabavni poskusi, zdaj pa bodo prestrašili uporabnike. Držite se preprostih ozadij, ki so v nasprotju z barvo besedila za največjo čitljivost.
• Za optimizacijo razmika med odstavki lahko vedno uporabite CSS.
• Obiskovalcem z okvarami sluha ali vida lahko podnapisujete videoposnetke, prepisujete zvok in dodate sporočilo o dostopnosti. Čeprav so tabele lahko učinkovit način za organiziranje informacij, obiskovalci z motnjami vida z uporabo bralnika zaslona morda ne bodo slišali gradiva v pravilnem vrstnem redu.
• Naj obiskovalci prihranijo črnilo: za tiskanje strani uporabite ločen slog.
  • Pri nastavljanju parametrov tiskanja izklopite slike v ozadju.
  • Uporabite črno besedilo na belem ozadju.
  • Odstranite menijsko vrstico in nepotrebne slike.

Opozorila

• Izogibajte se plagiatorstvu in spoštujte vse zakone o avtorskih pravicah. Ne vključujte naključnih slik, ki jih najdete v spletu, ali celo strukturnih elementov brez odobritve. Vse, kar uporabljate na svojem spletnem mestu, mora biti zakonito in etično.