Kotisivu – 10 suunnittelun tekemistä ja kieltämistä

Joka vuosi suunnittelijat etsivät uutta, ainutlaatuista ja innovatiivista. Ja joka vuosi he eivät ole pettyneitä. Verkkosivujen suunnittelu, erityisesti kotisivujen osalta, heijastaa edelleen kuluttajien tarpeiden muutoksia sekä sitä, mitä uusi teknologia mahdollistaa.

Uusimpiin luoviin innovaatioihin on helppo innostua ja sukeltaa uusiin tekniikoihin, mutta kerrottavana on myös varoittava tarina. Suunnittelun on vastattava vierailijoiden, joista voi tulla asiakkaita/seuraajia, tunnetarpeita ja sitoutumisstandardeja.

Ota askel taaksepäin

Kaikki kotisivujen suunnittelu on pohjimmiltaan myyntipuhetta. Haluatko vierailijan siirtyvän myyntisuppiloon tietyn tyyppisellä tuloksella? haluatko vierailijan olevan tarpeeksi innostunut katsomaan muita sivuja; vai haluatko vierailijan sitoutuvan emotionaalisesti (esim. hyväntekeväisyyteen), sinun on mietittävä asiakasta, ei suunnittelumieltymyksiäsi tai sitä, mikä olisi mielestäsi "hienoa". Tällaisiin asioihin on helppo innostua. kuten parallaksi ja rullaaminen, mutta ole valmis vetäytymään taaksepäin ja harkitsemaan, kenelle suunnittelet. Vaikka uusi silmänruoka on jännittävää, sen on sopia brändiin ja yleisöön, joten astu varovasti. Tässä on joitain tärkeitä asioita, joita saa ja ei saa tehdä. tulee aina vallitsemaan riippumatta siitä, mitä uusia muotoilun "trendejä" ilmaantuu.

1 Luo intiimi suhde brändiin ja sen asiakkaisiin

Olipa kyseessä leluyritys, luksusjalokivikauppias tai hyväntekeväisyyssivusto, jokaisella organisaatiolla on esitettävä brändi ja tuotekuva. Tämä vaatii paljon tutkimusta, ei vain sitä, mitä toimitusjohtaja tai CMO voisi sanoa. Miten yritystä kuvataan sosiaalisessa mediassa ja sen nykyisillä verkkosivuilla? Mikä on "kulttuuri" yrityksen sisällä? Missä on yritys toimialallaan? KIA ei ole Cadillac ja päinvastoin. Perinteinen pankki ei ole uusi ja innovatiivinen lainanantaja. Jokaisella organisaatiolla on persoonallisuus, ja jokaisen kotisivun on vastattava tätä persoonallisuutta.

Tunne asiakkaat – rakenna profiili:

Samoin jokaisella brändillä on asiakkaita tai potentiaalisia kohteita. Kun sisältömarkkinoijat suunnittelevat strategioitaan, he luovat huolellisesti sisältöä, joka vetoaa heidän asiakkaisiinsa. He kehittävät asiakaspersoonaa, joka on erittäin yksityiskohtainen. Jos suunnittelet organisaatiota, ota yhteyttä CMO:hen ja hanki asiakaspersoona. Jos sellaista ei ole kehitetty, sinun on selvitettävä sen tyypillisten asiakkaiden ja/tai kohdemarkkinoiden demografiset tiedot ennen suunnittelun aloittamista. Suunnittelun tulee vetoaa kyseiseen asiakkaaseen, ei sinuun tai ketään muuhun yrityksessä.

Mikä vetoaa yrityksen omistajaan, ei välttämättä vetoa hänen asiakkaisiinsa. Joskus yritysten omistajia on vaikea vakuuttaa tästä. Vuonna 1971 Carolyn Davidson, taide- ja muotoiluopiskelija, suunnitteli Nike Swooshin. Phil Knight ei ollut innostunut siitä, mutta suostui kokeilemaan sitä. On hyvä, että hän lähti suunnittelijan mukana, ei omien alkuajatustensa kanssa. Sinun on ehkä oltava hieman itsevarma ja diplomaattinen väitteessäsi. Jos et pääse yhteisymmärrykseen, ehdota kahden mallin A/B-testausta. Todiste on niiden lukumäärässä, jotka viipyvät pidempään ja jotka kääntyvät jollain tavalla.

2 Opiskele visuaalisen sisällön psykologiaa ja käytä sitä suunnittelussasi

Markkinoinnin psykologia on aina ollut sidottu käytettyyn tekstiin – luo kiireen tunnetta, vetoaa haluun kuulua jne. Myös visuaalisella sisällöllä on selvä psykologia, josta neurotiede antaa meille joka vuosi lisää tietoa. Osa tästä käsitellään tietysti suunnittelukoulussa, mutta osa ei. Muotoilun psykologia liittyy käyttämääsi tekstiin, mutta myös luomaasi visuaaliin upotettuihin neuropsykologian periaatteisiin.

• Viskeraaliset vastaukset: Meillä kaikilla on ollut näitä kokemuksia. Katsomme pääsivua ja rakastamme sitä ehdottomasti (tai vihaamme sitä). Emme voi sanoa tarkalleen miksi, mutta alitajuntamme reagoi joihinkin laukaisimiin, jotka visuaalinen on aktivoinut. Psykologian mukaan tämäntyyppiset reaktiot aktivoituvat yleensä perustoiveista ja -tarpeista – turvallisuus, uhka, mukavuus, rakkaus, selviytyminen jne. Esimerkiksi pastoraalisen tai rauhanomaisen vesiympäristön käyttö herättää miellyttävän tunteen, mutta ja avoin ja Tyylikäs muotoilu itse asiassa edistää turvallisuuden tunnetta – mitä emme ehkä ymmärrä.

• Silmien liike: Jos et ole lukenut neurolingvistiikasta ohjelmointia, sinun pitäisi. Tämä neurotieteen haara liittyy erityisesti silmien liikkeisiin sivulla. Osa tästä tutkimuksesta on johtanut "kolmassääntöön". Olet lukenut ja harjoitellut ja käyttänyt ruudukkomalleja paljon. Kolmannesten sääntö liittyy kuitenkin siihen, minne silmä menee, kun se ensimmäisen kerran osuu sivulle – on 4 pistettä, jotka muodostuvat tic-tac-toe-sivujaon leikkauspisteistä. Vilkaisepa tätä sivua:

  Sivun tärkein elementti on sijoitettu yhteen näistä neljästä risteyksestä. Alemmat risteykset ovat taitteen alapuolella, mikä saattaa olla vastoin perinteisiä suunnittelun "sääntöjä", mutta neurotieteilijät ovat eri mieltä. Jos haluat nähdä enemmän tietoa, voit käyttää karusellia ja sijoittaa sen kahden ylimmän risteyksen alueelle. Se on hyvin yleinen menetelmä ja sitä käytetään laajalti nykyään.

• Tunnelma ja sävy/väri: Suunnittelun tulee vastata kaikkea tarjottavan tuotteen tai palvelun tunnelmaan ja sävyyn. Useimmat suunnittelijat tietysti tietävät tämän, mutta väripsykologialla on tärkeä rooli tuon tunnelman, sävyn ja tunteiden luomisessa:

3 Kokeile kuvioita; Älä liioittele kuvioita

Voit käyttää kolmenlaisia ​​malleja, mutta jälleen kerran, kun valitset kuviota, ole varovainen – sen on vastattava organisaation tehtävää, eikä sitä saa liioitella. Onneksi malleja varten on niin paljon resursseja ja sovelluksia, löytää sopivan. Tässä on joitain malliesimerkkejä, jotka kertovat yrityksen tarkoituksesta ja persoonasta.

• Generatiivinen malli: Nämä ovat toistuvia kuvioita – geometrisia kuvioita, hiukkasia jne. Jotkut voivat olla melko hienovaraisia; muut voivat olla rohkeita ja vakuuttavia. Tässä on esimerkkejä kustakin:

  Tämä kuvio on hienovarainen ja pehmeä – ranskalaiselle musiikin sävellyssivustolle.

  Tämä malli on italialaiselle nykyhuonekaluja valmistavalle yritykselle. Tätä liikkuvaa kuviota vasten huonekalujen kuvat lentävät sivulla ja poikki.
  Molemmat mallit auttavat vahvistamaan organisaation identiteettiä ja vetoamaan sen asiakas-/seuraajakuntaan.

• Datamallit: Monet yritykset myyvät abstraktimpia palveluita, eivät konkreettisia tuotteita. Käytettyjen taustakuvioiden tulee heijastaa tätä. Nämä kuviot voivat olla matematiikan tai korkean teknologian inspiroimia, ja ne voivat antaa tunteen "maailmallisen ulkopuolelta". Tässä on esimerkki erittäin hienovaraisesta ja minimalistisesta Optimizelyn tietokuviosta:

• Parallaksi: Monet suunnittelijat kokeilevat parallaksia, ja vaikutus voi olla melko upea. Vaikka et ilmeisestikään näe liikettä, tässä on verkkosivusto, joka tekee sen täydellisesti.

  Maaemo on tasokas norjalainen ravintola. Pilvet kiertävät taivaalla, kun nimi pysyy paikallaan. Parallaksi voi olla hämmästyttävää, mutta vain jos se tehdään oikein. Muu kuva ja teksti eivät voi olla liian kiireisiä tai koko tehoste menetetään ja vierailija jää hämmentyneeksi ja pommitettuun.

• Animaatiokuviot: Liikkuvat osat voivat olla suuri vetovoima, ja uudempi tekniikka tekee niistä varsin hauskoja ja vakuuttavia. Lisäksi se, että suunnittelijat voivat nyt lisätä animaatioita, on saanut jotkut menemään hieman yli laidan. Harkitse jälleen yleisöä ja yrityksen persoonallisuutta ennen animaation lisäämistä. Tässä on esimerkki brittiläiseltä web-suunnitteluyritykseltä Manchester Masters Fieldworkilta, joka osoittaa, millaista animaatiota he voivat tuottaa. Et voi kokea animaatiota kaikista silmukoista ja liikkeistä. Se on tietysti liioittelua, ja se sopisi lapsille tarkoitettuja tuotteita myyvälle sivustolle.

• Ruudukkokuviot: Perinteistä ruudukkomallia voidaan käyttää taustaobjektien sijoittamiseen symmetriseen kuvioon. Harkitse tätä kellojen myyjän Aark Collectiven taustaruudukkokuviota – täydellinen.

• Bleeding: Tämä on suhteellisen uusi mutta arvokas suunnitteluelementti, joka sopii tietyntyyppisille yrityksille. Käytännössä kuvio alkaa sisältösivulla ja muuttuu sitten tasaväriseksi taustaksi. Näin Web Designer Depot käytti sen omalla sivustollaan.

4 Etsi ainutlaatuinen tapa suunnitella painikkeita

Perinteisten navigointipainikkeiden käyttäminen voi olla hieman tylsää. Niiden ei tarvitse olla, jos ne voidaan sisällyttää suoraan kotisivun suunnitteluun. Tässä on pari tapaa, joilla suunnittelijat ovat havainneet sivua ja sen painikkeita.

Katso Small Stonen kotisivut – he myyvät videoita ja musiikkia. Valikko on suunniteltu vanhanaikaiseksi äänilevyksi, ja nupit ovat navigointipainikkeita – melko ainutlaatuisia.

Custom Tshirts on brittiläinen yritys, jonka avulla asiakkaat voivat suunnitella omia t-paitojaan. Navigointipainikkeet on sijoitettu t-paidan päälle muiden valikkokohtien ohella alempana.

5 Kokeile valikkoja

Aivan kuten painikkeet, myös valikot voivat olla melko tylsiä. Lisäksi ne voivat heikentää muuten mukavaa muotoilua. Menun piilottaminen on tullut vierailijoille aika hyvin ymmärretyksi, kunhan se on vasemmassa tai oikeassa yläkulmassa kolmen baarin hampurilaiselementin kanssa. Tämä puhdistaa sivuston. On joitain haittoja, joten tee tutkimusta ja katso, sopiiko se organisaatiolle.

Vielä muut suunnittelijat ovat kokeilleet tehdä koko kotisivusta valikon seuraavasti:

6 Tee lomakkeista miellyttäviä tai hauskoja:

Lomake ei yleensä ole sivuston etusivulla, mutta se toimii joillakin yrityksillä, jos ulkoasu on joko miellyttävä tai tarjoaa kävijälle hieman hauskaa. Kun lomake vastaa teemaa, saatat päästä eroon siitä. Tässä on kaksi esimerkkiä lomakkeista, jotka sijaitsevat suoraan kotisivulla:

Voisi olla hyvä idea matkailusivustolle.

Tässä on esimerkki brittiläiselle suunnittelu- ja brändäystoimistolle.

7 Älä lisää uusia asioita kotisivulle usein; Älä anna sen vanhentua

Ihmiset pitävät monipuolisuudesta, ja on mukavaa, kun he palaavat verkkosivustolle katsomaan uusia kuvia ja tekstiä. Pidä logo, teema, värit ja navigointielementit ennallaan, jotta he tietävät, että he ovat oikealla sivustolla, mutta uusia asioita on hyvä tehdä.

Portuondo on kodinsisustussivusto, joka tarjoaa etusivulleen säännöllisesti uutta ilmettä, ja se saattaa saada kävijät ja asiakkaat palaamaan vain katsomaan, mitä uutta suunnitteluideaa on esillä.

8 Älä liioittele tekstiä

Tietysti sinulla on oltava tekstiä. Vierailijan on tiedettävä, minne hän on laskeutunut, ja se on jokaisen tekstin ensimmäinen tehtävä. Sen lisäksi olla kuitenkin minimaalinen. Joillakin silmiinpistävimmistä kotisivuista ei ole juuri lainkaan tekstiä, ja tämä antaa vierailijoille mahdollisuuden tutustua suunnitteluun ja nauttia siitä hetken ennen kuin he alkavat navigoida. Ja tietysti on sanomattakin selvää, että hieno käsikirjoitus on tarkoitettu vain suurille otsikoille ja vain, jos se on sopusoinnussa yrityksen tunnelman ja sävyn kanssa.

9 Kokeile yksisivuista verkkosivustosuunnittelua

Kaikki on etusivulla, ja vierailija vain rullaa. Nämä sivustot tarvitsee latautua vain kerran, ja voit laittaa yläosaan painikkeita, jotka ohjaavat vierailijan sivulla olevaan paikkaan saadakseen tiettyjä tietoja. Nämä ovat erityisen suosittuja sinun ja muiden taiteilijoiden keskuudessa.

10 Älä käytä etusivun karuselleja

Ei luultavasti ole mukavaa lopettaa negatiiviseen, mutta niin suosittuja kuin nämä ovatkin, niissä on monia ongelmia. Ne saattavat lisätä visuaalista mielenkiintoa, ja varmasti ne vähentävät kotisivun sotkua, mutta niissä on selviä haittoja. Ne ovat haitallisia hakukoneoptimoijalle, ne voivat aiheuttaa suorituskykyongelmia (latausaika, kuvan resoluutio jne.), ja tärkeä muu sisältö on ehkä sijoitettava sivun alapuolelle.

Johtopäätös

Web-suunnittelussa on varmasti paljon muitakin, mitä saa ja ei saa tehdä. Sinulla on luultavasti jo lemmikkisi ja lemmikkipiskut. On todella vain yksi avain takeaway. Verkkosivujen suunnittelun tarkoitus on yhdistää sinut, suunnittelija ja taiteilija, organisaatioon ja sen kuluttajiin. Ja tärkein näistä kolmesta on aina kuluttaja. Jos muistat suunnitella tätä kohderyhmää ajatellen, saavutat erinomaisen kotisivusuunnittelun tehtävän.