Ninja-opas Web-suunnittelun parantamiseen

Aiemmin verkkosivustot suunniteltiin monimutkaisesti, alkaen aivan tyhjästä, ilman minkäänlaista ennalta suunniteltujen muotojen tai tyylien toteutusta. Niitä parannettiin huomattavasti sillä tavalla.

Joten viitata siihen terävänä totuutena tai myyttinä, mutta sivustot olivat ennen luovempia ja oikaisumpia, ja niissä oli ripaus villejä sävyjä ja kokeellisia malleja, ja joillain jopa videota soitettiin taustalla. Jokaisessa mielessä se oli paljon hauskempaa ja siistimpää kuin mitä se on nykyään.

Nykyään kaikki muut vierailemasi verkkosivustot muistuttavat jollain tavalla niitä, ikään kuin ne olisi rakennettu nippuihin. Muutamia yleisiä enimmäkseen havaittavia asioita ovat – sankarikuvien tai liukusäätimien esiintyminen verkkosivustolla. Mukana navigointipalkki näytön yläosassa. Tietyt ryhmitetyt rivit, jotka on kirjoitettu joillakin mukautetuilla fonteilla, sekä painikkeita, joita käytetään sivun vierittämiseen. Ja kaikkien näiden kanssa lyhyet kuvaukset organisaation tarjoamasta tuotteesta tai palvelusta.

On ilmeistä, että tänäkin vuonna samankaltainen asia vallitsee, mutta saadaksesi jotain laatikosta, on muutamia asioita, jotka on pidettävä mielessä ja mitä saat tänään.

Web-suunnittelun syy luovan kosketuksen menettämiseen

Kyseenalaisena totuutena voidaan ilman suurta venytystä ilmaista, että verkkosivustojen arkkitehtuurit olivat vanhoissa olosuhteissa hieman surkeita, toisinaan tyylitaitoja, mutta heillä oli luovan energian ja kokeilun ruumiillistuma. Näihin verrattuna näyttää siltä, ​​​​että olisimme tutkineet jotain vertailukelpoista vain pienellä muutoksella suunnitelmajärjestelyissä ja varjostuksessa.

Toistaiseksi on erehtymätöntä, että verkkosuunnittelu on muuttunut ainutlaatuisuuden ja kekseliäisyyden suhteen poikkeuksellisen letargiksi. Johtuuko siitä, että teimme siitä suhteellisen vähemmän vaativan? Todennäköisimmin valmiiden rakenteiden ilmaantumisen myötä jokainen muotimies voi perustaa koristeellisen sivuston helposti milloin tahansa ajateltavissa olevaan aikaan.

Esimerkiksi siinä tapauksessa, että harkitsemme Bootstrapin käyttöä parin edellisen vuoden aikana, se tulee olemaan erottuva joukossa eniten käytettyjä osana sivustosuunnittelua. Kuten yli 25 % sivustoista, joilla käymme käytännössä joka päivä, on hahmoteltu Bootstrapin avulla.

Sen oleellisen käytön perustarkoitus on, että Bootstrap antaa viipymättä komponentit, joita alullepanija vaatii pitäen mielessä sivuston suunnittelun lopputavoite. Tällä tavalla sen hyödyntäminen animoi menettelyä.

Joka tapauksessa tämä voi saada kekseliäisyyden ja ainutlaatuisuuden katoamaan ikuisesti, joten tarkastelemme tiettyjä perustotuuksia, joiden avulla luoja voi antaa luovalle energialleen uuden muodon ja muuttaa paikan poikkeukselliseksi jopa nopeasti saatavilla olevia komponentteja hyödyntäen.

Mitä siis todella ajattelet sivustostasi? Onko se vain paikka, joka säilyttää ja varustaa parannetut tiedot yhdistyksestäsi, sovelluksestasi tai esineistäsi? Itse asiassa, jos etsit asiantuntijan näkökulmaa, sivuston pitäisi olla jotain, joka esittää tarinaa imagostasi ja vetää vieraitaan kaikin mahdollisin keinoin ja pitää heidät lumoutuneena.

Huolimatta siitä, että tarina voi alkaa pienellä ajattelulla ja raaputtaa paperille kynällä. Se on verkkokoostumus, joka puhaltaa siihen elämää. Joten meidän pitäisi jatkaa tavoilla, joiden avulla voit hahmotella merkittävän sivuston.

1 Käytä kuvia sitoutumiseen

Keskeisenä tavoitteena on jokaisen muodintekijän muistaa, että hänen käyttämänsä suunnitelman on oltava ulkoisesti mukaansatempaava. Siinä määrin, että se kiinnittää vieraan huomion ja kehottaa henkilöä katsomaan koko sivun läpi.

Tärkeät valokuvat, animaatiopiirrokset tai mahdollisesti lumoavat tallenteet, jotka auttavat saamaan katsojan huomion. Ja lisäksi tehdään ensimmäinen esittely lopputavoitteena, että se kestää tarpeeksi pidempään muuttaakseen katsojan mahdolliseksi asiakkaaksi.

Keskeisenä ajatuksena on kuitenkin esiintyä, ei kertoa ja pitää asiat järjestykseen tarpeen mukaan.

Tarinan tulisi olla täynnä symboliikkaa, sekä ulkoisesti ääriviivojen kautta että sanojen näkyessä ruudulla. Suunnittele varjostuspaletti, joka sopii loistavasti kertomaasi tarinaan ja jossa on osia, jotka ohjaavat vieraita toteuttamaan suunnitelman tavoitteen tai tehtävän. Hyvä tarina auttaa vieraita ohjaamaan. Lisäksi ääriviivan tulee olla todennettavissa oleva visuaalinen vastaavuus.

2 Keskity sivustosi hahmojen kehittämiseen

Sivustoa hahmotellessamme puhumme säännöllisesti asiakkaan persoonasta. Totta puhuen se on yksi edistymisprosessin avainkomponenteista. Siten tarinasi hahmon esittäminen, johon asiakkaat voivat suhtautua myönteisesti, nostaa sen kokonaan uudelle tasolle.

Hahmo voi olla aito ja siirtyä alusta alkaen läpi suunnitelman tai se voidaan nähdä äänenä läheisenä aineellisena.

Voit esimerkiksi harkita tunnettua hahmoa käyttäneen sähköpostivaihetta Mailchimp-Freddie. Tämä toon-maskotti, jonka näemme läpi suunnitelman, blogien edistysaskeleita ja logon ponnahdusikkunoita, todella tekee organisaatiolle muutamia asioita.

1. Ensinnäkin hahmo auttaa valaisemaan organisaation nimeä. Kuten esiintyi laajalti virusmainonnan ristiretkessä, järjestön nimellä ”Mailchimp” tehtiin valitus. Silti simpanssi, joka esiintyy sanojen rinnalla, tavallaan legitimoi nimen.
2. Hahmon lisäksi rajaa hauskoja luontoa, jota organisaatio haluaa kuvata vaalealla sävyllä ja perusvisuaalilla.
3. Freddie kertoo organisaatiolle tarinan, kun heillä ei ole huomattavaa määrää eri asioita keskusteltavana erityisistä näkökulmista. Miten simpanssi syntyi? mistä hänen nimensä on saanut alkunsa? jne. Hahmo pysyy tarinassa terävänä ja eteenpäin vievänä.

3 Kutsu osallistumaan suunnittelun avulla

Kasvata suunnitelman arvoa intuitiivisilla komponenteilla, jotka yhdistetään säännöllisiin toimintoihin. Lisää toiminnallisia vivahteita kiinnikkeisiin, jotka asiakkaiden tulee huomata, tai auta ohjaamaan katseensa tiettyihin komponentteihin suuntakylteillä, kuten pulteilla tai kuvilla, jotka ”nojaavat” kohti älykästä komponenttia.

Harkitse erilaisia ​​vaikutuksia, jotka voivat saada asiakkaat mukaansa tarinaan. Esimerkiksi Parallax look on poikkeuksellisen kiehtova lähestymistapa, joka auttaa kehittämään ruudulla. Tämä on yksi syy, miksi tämä menetelmä on niin näkyvä.

Kunnollisen tarinan ei tarvitse olla hämmentävää. Ihminen edistää tarinaansa perusliikkeillä ja ryhmäkuvilla, jotta voit tavata organisaation taustalla olevan väestön. Se on suoraviivaista ja vakuuttavaa. (Huomioi myös henkilökunnan valokuvaus. Hauskat asennot ja ulkonäkö päästävät jokaisen kollegan luonteen säteilemään.)

4 Jatka merkityksellisillä mikrovuorovaikutuksilla

Harkitse luonnoksen pieniä osia, joihin asiakkaat voivat liittyä. Verkkopohjaiset sosiaalisen verkostoitumisen sivustot houkuttelevat erityisesti niin paljon, koska ne kohtaavat mikrovuorovaikutuksen kanssa.

Kertauksena mikrovuorovaikutus on pieniä minuutteja, kun asiakas vetää suunnitelman mukaan. Aina kun muutat asetusta, kerrot jotain tiettyä, kirjaudut sisään tai pidät tilasta, olet nähnyt mikrovuorovaikutuksen. Instagram-sydämen napauttaminen (ja sen muuttuvan punaiseksi) ja uudelleentwiittauksen napauttaminen – nämä kritiikkipiirit saavat asiakkaat palaamaan.

Merkittävät mikrovuorovaikutukset kiinnostavat ääriviivaa. Se sisältää asiakkaiden kapasiteettitason, joka tekee yleisestä kokemuksesta hyödyllistä.

Lisäksi mikrovuorovaikutukset tekevät suunnitelmasta tukevan tai halutun. Liitä nämä minuutit sivustosi tärkeimpiin tavoitteisiin. Se voi olla mitä tahansa siitä, että annamme asiakkaille luvan jakaa juuri hankkimansa esineen, lisäämällä jotain tavaraluetteloon saadakseen varoituksen hyväksymiseen.

5) Anna tarinasi olla kerronta

Jokaisella tarinalla on alku, keskipiste ja loppu.

Siinä tapauksessa, että verkkoarkkitehtuurisi ei puhu tälle tarinavirralle, asiakkaat voivat hämmentyä tai eksyä. Tässä pienin yhtälökompleksi:

Aloitus: Logo ja ominaisuus. Kerro asiakkaille henkilöllisyytesi ja miksi he ovat sivustollasi.

Keskusta: Kaikki tukitarina, joka tekee sinusta poikkeuksellisen. Mitä voisit saada aikaan sivustollasi olevien henkilöiden hyväksi? Mitä heidän olisi hyvä ennakoida?

Loppu: Kiistaton ehdotus toimia, esimerkiksi kehys, kyky tehdä osto tai yhteys johonkin muuhun.

6) Pidä kiinni perus-, yksinkertaisesta tarinasta

Tämä saattaa kuulostaa edellä mainitun kohdan vastaiselta, mutta tarinan pitäisi kuitenkin olla perus. Tämä ei ole 1500 sivun koko. Suoraviivainen tarina on sellainen, jonka voit selventää viidessä sekunnissa tai vähemmän.

Tarinan pitäisi saada asiakkaat välittömästi, jättää vaikutelma ja saada heidät palaamaan. Kyllä, voit tehdä tämän alussa, keskellä ja lopussa.

Upstream tekee tämän kaiken aloitussivulla – asiakkaat voivat etsiä suuremman osan tarinan ”keskipisteestä”, mutta silti kaikki kolme osiota näkyvät aloitussivulla. Visuaalit ja sisältö kertovat tarpeesta ja ihmisistä, joissa Upstream tarjoaa apua. Näytössä on ”saavuta mukaan” -saaliin, ja visuaalinen ilme on niin silmiinpistävä, että sinun on tarjottava apua.

Tarina on suoraviivainen ja voimakas. Asiakkaat todennäköisesti muistavat, että se… ja sinä.

7) MOBIILIYSTÄVÄLLINEN

Tällä hetkellä on tavallista päästä sivustoille lukuisista erikokoisilla näytöillä varustettujen vempaimien kautta, joten on ehdottomasti harkittava, onko verkkosivustosi mobiiliystävällinen. Jos verkkosivustosi ei ole mobiiliystävällinen, voit joko muokata sitä responsiivisella ulkoasulla (tämä tarkoittaa, että sivustosi muuttuu eri näytön leveyksien mukaan) tai voit rakentaa erillisen mobiilisivuston (erillinen verkkosivusto, joka on optimoitu erityisesti mobiilikäyttäjille).

On kaikkea muuta kuin vaikeaa tehdä ihana ja hyödyllinen sivusto, kun muistaa nämä ääriviivat. Onko sinulla verkkorakennetta, joka kaipaa tutkimista tai parantamista? Tai toisaalta ehkä järjestät sivustoa ja toivot saavasi suunnitelman ihanteellisen alusta alkaen. Joka tapauksessa nämä tehokkaan verkkosivustoarkkitehtuurin standardit voivat auttaa sivustoasi olemaan vieraille entistä kiehtovampi, arvokkaampi ja merkittävämpi.

8) Päivitä itsesi uudella tekniikalla

Tietotekniikan maailma muuttuu lähes päivittäin, ja sen tahdissa pysyäkseen verkkosivujen asiantuntijan tulee olla innovatiivisesti viritetty alan sopeuttamiseen. Leikkaa pala työpäivästäsi tai viikostasi ja käytä se alasi uusien asioiden mukauttamiseen. Selvitä, mikä on uutta, mikä on vinoa ja mikä on kaatumassa. Jos et halua nähdä kilpailijoiden ottavan pois liiketoimintaasi, koska sinulla on kaikki edellytykset olla ajan tasaisempi ja tuoreempi kuin sinä, ota tämä vinkki huomioon.

Kunnollinen tapa pysyä poikkeuksellisena on tarkkailla, mikä on vallitsevaa kaupallisessa keskustassa, kuten Envato Marketissa. Tarkistamalla suosituimmat aiheet voit havaita poikkeavuuksia siitä, mitä asiakkaat etsivät ja mitä eri suunnittelijat antavat.

Sinulle

Verkkosuunnittelu on testauskenttä. Saavutus alalla todella vaatii joustavuutta ja vahvistusta sopeutuakseen kaikkiin eteen tuleviin olosuhteisiin, eikä koskaan olla rampautunut missä vaiheessa asiat eivät mene juurikaan, ei ole yllättävää. Se, mitä tarvitset tietyllä päämäärällä saavuttaaksesi ammattisi verkkosivustojen kokoonpanossa, on ahkeruutta ja ”älä koskaan luovuta” -tapaa. Huomattavan joukon teistä pitäisi jo nyt harjoitella yhtä tai suurta osaa näistä vinkeistä asiantuntijaelämässänne; Tarkoitukseni on kuitenkin hallita niitä, jotka eivät ole tietoisia näistä saavutuslaskennoista tähän asti, ja muistuttaa niitä henkilöitä, jotka tuntevat ne varmasti hyvin.