Ninja juhend veebi paremaks kujundamiseks

Varem olid veebisaidid keeruka kujundusega, alustades tühja koha pealt, ilma etteplaneeritud vormingute või stiilide täitmiseta. Neid täiustati sel viisil oluliselt.

Nii et vihjake sellele kui teravale tõele või müüdile, kuid saidid olid varem loovamad ja kapriissemad, tulvil metsikuid toone ja eksperimentaalseid kujundusi ning mõnel oli taustal isegi video. Igas mõttes oli see palju lõbusam ja lahedam kui tänapäeval.

Tänapäeval sarnaneb iga teine ​​teie külastatav veebisait mingil moel mis tahes veebisaidiga, nagu oleksid need kokku pandud. Mõned levinumad enamasti märgatavad asjad on kangelaste piltide või liugurite olemasolu veebisaidil. Kaasas navigeerimisriba ekraani ülaosas. Teatud hulgiread, mis on kirjutatud mõnes kohandatud fontis, koos nuppudega, mida kasutatakse leheküljel kerimiseks. Ja kõige selle juurde lühikirjeldused organisatsiooni pakutava toote või teenuse kohta.

Tundub ilmselge, et ka sel aastal valitseb sarnane asi, kuid selleks, et midagi karbist välja mõelda, tuleb meeles pidada vähe asju ja seda, mida täna saate.

Veebikujunduse loovuse kaotamise põhjus

Küsitava tõena võib ilma suurema venituseta väljendada, et veebisaitide arhitektuur oli vanades oludes mõnevõrra jabur, kuid stiilne kaval, kuid omas loomingulise energia ja eksperimenteerimise kehastust. Näib, nagu oleksime läbi vaadanud midagi võrdlevat, kui plaanikorraldust ja varjundit on veidi muudetud.

Kuni edasise teadmiseni on väga selge, et veebiplaneerimine on muutunud erakordselt loiuks unikaalsuse ja leidlikkuse osas. Kas sellepärast, et muutsime selle suhteliselt vähem nõudlikuks? Tõenäoliselt saab valmiskonstruktsioonide väljanägemisega iga moekunstnik igal mõeldaval ajal hõlpsasti dekoratiivse saidi üles seada.

Näiteks juhul, kui kaalume Bootstrapi kasutamist, on see paaril eelmisel aastal silmapaistvam üks enimkasutatud saidi planeerimise osana. Nagu enam kui 25% saidist, mida me praktiliselt iga päev külastame, kirjeldatakse Bootstrapi abil.

Selle olulise kasutamise põhieesmärk on see, et Bootstrap annaks viivitamata komponendid, mida algataja nõuab, pidades silmas saidi kavandamise lõppeesmärki. Sel viisil selle kasutamine omamoodi animeerib protseduuri.

Igal juhul võib see kaasa tuua leidlikkuse ja ainulaadsuse igaveseks kaduma, nii et uurime teatud põhitõdesid, mis võimaldavad loojal anda oma loomingulisele energiale teise kuju ja muuta koht erakordseks isegi koheselt saadaolevaid komponente kasutades.

Mida sa siis oma saidist tegelikult arvad? Kas see on ainult koht, mis hoiab ja varustab täiustatud andmeid teie ühenduse, rakenduse või esemete kohta? Tõepoolest, kui otsite spetsialisti vaatenurka, peaks sait olema midagi sellist, mis kujutab teie kuvandit ja tõmbab oma külalistega iga mõeldava võimaluse ja hoiab neid lummatud.

Hoolimata sellest, et lugu võib alata väikese mõtlemisega ja pliiatsi abil paberile kritseldatud. Just veebikompositsioon annab sellele elu sisse. Seega peaksime jätkama viisidega, mis aitavad teil tähelepanuväärse saidi visandada.

1 Kasutage kaasamiseks kujutisi

Peamine eesmärk, mida iga moekunstnik peab meeles pidama, peab tema kasutatav plaan olema väliselt kütkestav. Sel määral, et see haarab külalise tähelepanu ja sunnib inimest tervet lehekülge läbi vaatama.

Tähelepanuväärsed fotod, animeerivad piiritlemised või võivad lummada salvestisi, mis aitavad vaataja tähelepanu pöörata. Ja lisaks tehes esmase sissejuhatuse lõppeesmärgiga, et see kestaks piisavalt kauem, et muuta jälgija potentsiaalseks kliendiks.

Põhiidee on siiski ilmuda, mitte rääkida ja hoida asju nii, nagu vaja.

Lugu peaks olema täis sümboolikat, nii väliselt läbi kontuuri kui ka ekraanil kuvatavate sõnadega. Kujundage varjundipalett, mis sobib suurepäraselt teie jutustatava looga, koos osadega, mis ajendavad külalisi plaanis eesmärgi või ülesande täitma. Hea lugu aitab külalisi suunata. Lisaks peaks kontuur olema kontrollitav visuaalne vaste.

2 Keskenduge oma saidi karakterite arendamisele

Saidi kirjeldades räägime regulaarselt kliendi isikust. Tõtt-öelda on see üks edenemisprotsessi põhikomponente. Seega viib teie loo tegelase esitamine, kellega kliendid saavad positiivselt suhtuda, selle täiesti uuele tasemele.

Tegelane võib olla ehtne ja liikuda algusest läbi kogu kava või vaadelda sisuliselt lähedase häälena.

Näiteks võite kaaluda, et tuntud tegelane kasutas meilifaasi Mailchimp-Freddie. See maskott, mida näeme kogu plaani, ajaveebi edusammude ja logo hüpikakende kaudu, teeb organisatsiooni jaoks tõesti mõned asjad.

1. Esiteks aitab tegelane organisatsiooni nime valgustada. Kuna tegemist on laialdase viirusreklaami ristiretkega, esitati kaebus organisatsiooni nimega “Mailchimp”, kuid sõnadega kõrvuti ilmuv šimpans seadustab nime.
2. Lisaks tegelasele piiritleb see lõbusa olemuse, mida organisatsioon soovib kujutada heleda tooni ja põhiliste visuaalidega.
3. Freddie annab organisatsioonile loo, kui neil ei ole märkimisväärsel hulgal erinevaid asju, mida erilistel seisukohtadel arutada. Kuidas šimpans tekkis? kust ta nimi pärit on? jne. Tegelane jääb loo juurde karge ja edasi lükkama.

3 Kutsuge osalema disaini kaudu

Suurendage plaani väärtust intuitiivsete komponentide abil, mis on sobitatud tavaliste tegevustega. Lisage aktiivsust näpunäidetele, mida kliendid peavad märkama, või aitama suunata pilk konkreetsetele komponentidele suunaviitade abil, näiteks poldid või pildid, mis “kallutuvad” selle intelligentse komponendi poole.

Mõelge erinevatele mõjudele, mis võivad kliente looga kaasa haarata. Näiteks parallaksi välimus on erakordselt kütkestav lähenemine, mis aitab ekraanil areneda. See on üks põhjus, miks see meetod on nii silmapaistev.

Korralik lugu ei pea olema mõistusevastane. Inimene juhib oma lugu põhiliste triivimisliigutustega, mis on sobitatud grupifotodega, et aidata teil kohtuda organisatsiooni taga oleva elanikkonnaga. See on otsekohene ja mõjuv. (Pange tähele ka töötajate fotograafiat. Lõbusad poosid ja välimus lasevad iga kolleegi iseloomul läbi kiirgada.)

4 Jätkake sisukate mikrointeraktsioonidega

Mõelge lühidalt väiksematele komponentidele, millega kliendid liidevad. Veebipõhised suhtlusvõrgustikud tekitavad nii palju kaasatust, kuna nad puutuvad kokku mikrointeraktsioonidega.

Värskendades on mikrointeraktsioonid väikesed minutid, kui klient plaanib. Iga kord, kui muudate seadet, edastate midagi konkreetset, logige sisse või märkate olekut, olete näinud mikrointeraktsiooni. Alates Instagrami südame puudutamisest (ja selle punaseks muutumisest) kuni uuesti sättimiseks puudutamiseni – need kriitikaringid hoiavad kliente tagasi.

Märkimisväärsed mikrointeraktsioonid pakuvad konspekti vastu huvi. See hõlmab klientide suutlikkuse taset, mis muudab üldise kogemuse kasulikuks.

Mikrointeraktsioonid muudavad plaani lisaks toetavaks või otsitavaks. Liidestage need minutid oma saidi peamiste eesmärkidega. See võib olla ükskõik milline, alates klientidele äsja saadud üksuse jagamise lubamisest kuni asjade loendisse lisamiseni kuni hoiatuse aktsepteerimiseni.

5) Olgu teie lugu jutustav

Igal lool on algus, keskpunkt ja lõpp.

Kui teie veebiarhitektuur ei räägi selle loo vooga, võivad kliendid segadusse sattuda või eksida. Siin on vähim võrrandite kompleks:

Algus: Logo ja funktsioon. Öelge klientidele oma identiteet ja miks nad teie saidil on.

Keskpunkt: kogu toetav lugu, mis teeb teid erakordseks. Mida saaksite teie saidil olevate inimeste jaoks ära teha? Mida oleks neil hea mõte ette näha?

Lõpp: vaieldamatu soovitus tegutseda, näiteks raam, ostuvõimalus või seos millegi muuga.

6) Pidage kinni põhilisest lihtsast süžeest

See võib tunduda vastuolus ülalmainitud punktiga, kuid lugu peaks olema põhiline. See ei ole 1500-leheküljeline maht. Otsene süžee on selline, mille saate selgeks teha 5 sekundiga või vähem.

Lugu peaks kliente kohe meelitama, muljet jätma ja tekitama vajaduse tagasi pöörduda. Jah, saate seda teha alguse, keskpunkti ja lõpuga.

Upstream teeb seda kõike sihtlehel – kliendid saavad otsida suuremat osa loo “keskmest”, kuid seal on pilk kõigile kolmele sihtlehe jaotisele. Visuaalid ja sisu annavad ülevaate vajadusest ja inimestest, kellel on Upstream abi pakkuda. Ekraanil on märk „kaasamine” ja visuaal on rabav niivõrd, et peate abi pakkuma.

Lugu on otsekohene ja võimas. Kliendid mäletavad tõenäoliselt, et see … ja teie.

7) MOBIILISÕBRALIK

Praegu on tavaline, et saitidele pääseb paljude erinevate ekraanisuurustega vidinate kaudu, seega tuleb kindlasti kaaluda, kas teie veebisait on mobiilisõbralik. Kui teie veebisait pole mobiilisõbralik, saate seda muuta tundlikuks (see tähendab, et teie sait muutub vastavalt erinevatele ekraanilaiustele) või luua spetsiaalse mobiilisaidi (eraldi veebisait, mis on spetsiaalselt optimeeritud mobiilikasutajatele).

Armast ja kasulikku saiti on kõike muud kui keeruline teha, kui lihtsalt neid põhikomponente meeles pidada. Kas teil on veebikompositsioon, mis vajab uurimist või täiustamist? Või teisest küljest võib-olla korraldate saiti ja loodate saada ideaalse plaani juba varasest etapist alates. Igal juhul võivad need võimsa veebisaidi arhitektuuri standardid aidata teie saidil olla külaliste jaoks veelgi kütkestavam, väärtuslikum ja olulisem.

8) Uuendage end uue tehnoloogiaga

Arvutitehnoloogia maailm muutub pea iga päev ning sellega sammu pidamiseks peaks veebilehe spetsialist olema uuenduslikult häälestatud äris toimuvatele kohandustele. Lõika välja killuke oma tööpäevast või nädalast ja pühenda see oma valdkonnas uute asjade kohandamisele. Avastage, mis on uut, mis on viltu ja mis on teelt välja kukkunud. Kui te ei soovi, et teie rivaalid võtaksid teie äri ära, kuna teil on kõik endast olenev ajakohasem ja värskem, pidage seda nõuannet arvesse.

Hea meetod erandlikuks jäämiseks on jälgida, mis on levinud teema või paigutusega kaubanduskeskuses, nagu Envato Market. Kontrollides enim pakutavaid teemasid, saate märgata kõrvalekaldeid selles, mida kliendid otsivad ja mida erinevad planeerijad annavad.

Sinu kord

Veebiplaneerimine on testimisvaldkond. Valdkonna saavutused nõuavad tõesti vastupidavust ja kinnitust, et kohaneda kõigi ette tulevate tingimustega ning mitte kunagi olla sandiks igal hetkel, kus asjad ei lähe just üllatavalt. Konkreetse lõppeesmärgiga veebisaidi koostamisel on teil vaja hoolsust ja mitte kunagi alla anda. Märkimisväärne hulk teist peaks praeguse seisuga üht või suurt osa neist näpunäidetest oma asjatundlikus elus läbi harjutama; Kuid minu eesmärk on juhtida neid, kes pole nendest saavutustest seni teadlikud, ja tuletada meelde neid inimesi, kes neid kindlasti hästi tunnevad.