Viimeisimmän verkkosuunnan ottaminen käyttöön: korttipohjainen muotoilu
Uusia webdesign-trendejä on aina vauhtia. Kuka voisi unohtaa muutaman vuoden takaa parallaksen vierityksen, joka on edelleen suosittu tänään? Viivästyneistä, pitkistä vierityistä sivuista saa enemmän huomiota sivuston kävijöistä.
Yksi trendi, joka ei ole saanut yhtä paljon tunnustusta kuin monet muut, ja on ollut jo jonkin aikaa jo korttipohjainen.
Suosituin verkkosivusto, joka näyttää tämän suunnan trendin, on Pinterest, mutta on myös muita sivustoja, jotka käyttävät yhä enemmän tätä suunnitteluperiaatetta ja hyvistä syistä. Kun kävijät selailevat tätä suunnittelutyökalua käyttävää sivustoa, he huomaavat heti puhtauden ja hyvin organisoidun suunnittelun takana niin yksinkertaisen, mutta tyylikkään muotoilun lähestymistavan.
Card-pohjaisen suunnittelun käyttö on hyödyllistä omalla sivustossasi.
IA: n verkkoyhteys
Kun katsot mitä tahansa korttipohjaista muotoilua, on mahdotonta olla näkymättömiä myös ristikkopohjaiseen muotoiluun. Tämä johtuu siitä, että kortin kaikki reunat ovat todellakin eri verkkojen reuna suuremmassa, hyvin järjestäytyneessä järjestelmässä, joka edistää suurta johdonmukaisuutta ja harmoniaa sivuston esittämisessä.
Tämä vuorostaan auttaa merkittävästi sivustosi tietorakenteessa. Informaation arkkitehtuuri on älykäs järjestys ja virtaus, jossa kävijät absorboivat sivuston tietoja, mikä sopii ihanteellisesti kunkin sivun ja koko sivuston tavoitteisiin.
Ajattele sitä: korttipohjainen muotoilu ohjaa kävijöiden silmiä, koska se painottaa johdonmukaisuutta. Jokainen kortti on osa saraketta tai riviä, joka ohjaa silmiä pitkin yhtenäisiä vaaka- ja pystysuoria viivoja. Tämä järjestely auttaa kävijöitä ymmärtämään, mikä tieto on tärkeämpi kuin toiset.
Ota esimerkiksi, Contrastly , valokuvauslehti. Verkko- / korttiasettelun jälkeen voit ymmärtää, mikä on tärkeämpi tietohierarkiassa. Uusimmat artikkelit sijoitetaan yläriville, kun vanhemmat artikkelit näkyvät alarivissä. Uusuuteen liittyy yleensä suurempi merkitys, joten korttijärjestelmässä olevien rivien laskevan järjestyksen perusteella käyttäjät voivat nopeasti yhdistää sisältöä tärkeämpää. He voivat siten priorisoida järjestyksen, jossa he lukevat nämä tiedot.
Raskaat luotettavuudet kuviin
Olemme kuulleet vanhan sanonnan, että ihmiset ovat visuaalisia olentoja niin monta kertaa, että se on klisee, mutta korttipohjaisessa suunnittelussa se vie uutta merkitystä. Card-pohjainen suunnittelu perustuu lähes yksinomaan visuaalisiin grafiikoihin; mikä tahansa kopio samasta sivusta on tavallisesti toissijainen visuaalisen tiedon arkkitehtuurin kannalta.
Tällaisten kuvien raskasta painoarvo on korttipohjaisen suunnittelun vahvuus, koska tutkimukset jo vahvistavat, että kuvat nostavat web-suunnittelua. Esimerkiksi molemmat korkealaatuiset kuvat ja käyttäen enemmän ihmisen kasvot kuvissa lisäävät tulosprosentteja. Itse asiassa kaikki kerrotaan, että on olemassa monta tapaa joissa kuvat käyttävät suunnittelua voivat lisätä sivustosi tuloksia.
Toisin sanoen painopisteen käyttäminen tekee korttipohjaisen suunnittelun houkuttelevammaksi sivuston kävijöille. Ei ole sattumaa pinterest on, Alexa mukaan, 15. suosituin sivusto Yhdysvalloissa
Katsoo Pinterestin tulokset hakusanalla "ruoka" näemme, että kuvat ovat ensimmäisiä asioita, jotka vetävät silmäsi, kun olet sivustolla. Et välitä kuvausten alla olevista kuvista, ainakin ei aluksi. Korkealaatuiset, häikäisevät kuvat antavat huomionne ja sitten päätätte, että haluat oppia lisää (mutta jo sitoutuu siihen korttiin), luette kortin kuvaukset.
Parannettu UX
Jokaisen suunnittelijan tulee kertoa teille, että käyttökokemus on tärkein asia. Se, mitä meidän pitäisi suunnitella ennen kaikkea. Toinen syy, jonka mukaan korttipohjainen muotoilu on resonoinut niin hyvin ja jatkaa näin lähitulevaisuudessa, on se, että se auttaa käyttäjän kokemuksia. Tämä rohkaisee sivuston kävijöitä palaamaan takaisin sivustoosi, mikä puolestaan johtaa heitä viettämään pidempään siellä, mikä johtaa lopulta enemmän tuloksiin!
Suuri käyttäjäkokemus keskittyy ympäröivään ihmiseen, joka kykenee löytämään sivustonsa ilman kitkaa. periaatteessa heidän pitäisi löytää mitä he haluavat löytää välittömästi ja ilman päänsärkyä.
Dribbble on sivusto, joka ymmärtää tämän hyvin, koska sen suunnittelijat ovat käyttäneet kortteja, jotta käyttäjäkokemus olisi yksinkertaisempi ja parempi. Tämä sivusto on tunnettu online-mainosyhteisössä, koska se on näytteilleasettaja käyttäjien luomalle kuvamateriaalille.
Sivuston kohta on, että ihmiset nauttivat kuvista, grafiikoista ja kaikenlaisista kuvista, joten korttipohjainen muotoilu on todellakin sopivin tapa esittää tämä. Koska kuvat vetävät kävijän silmää tehokkaasti ja välittömästi, käyttäjäkokemusta parannetaan huomattavasti, kun kävijät voivat nopeasti tarkastella verkkokortteja verkkoon, jotta he näkevät, ketkä kiinnostuvat heitä. Heti kun he näkevät sellaisen, joka kiinnostaa heitä, he voivat hetkessä klikata korttia tarkemmin.
Dribbble-sivuston avulla kävijät löytävät batasta mitä he etsivät erittäin kätevällä tavalla. Se on hieno käyttäjäkokemus!
Hyvin suunniteltu mobiilisuunnitteluun
Olet saattanut kuulla, että mobiili on jo ohittanut työpöydän pelkästään käyttäjien määrässä. Ainoastaan Yhdysvalloissa vuonna 2015, mobiilimedia digitaalinen aika tulee 51% verrattuna työpöydän 42%: iin. Card-pohjainen muotoilu on ihanteellinen, koska se ottaa tämän kehityksen huomioon, koska se on yhteensopiva reagoivien kehysten kanssa. Koska kortit tarjoavat sisältöä enemmän sulavissa palasissa, se helpottaa näyttämistä liikkuvissa kehyksissä.
Katso kortteja näin: niiden muoto ja koko ovat käytännöllisesti katsoen älypuhelimen tai tabletin muoto ja koko. Tietenkään ei juuri täydellinen ottelu johtuen monista erilaisista malleista, mutta silti melko lähellä ottelua, kun ajattelet kuvasuhteen mukaan.
Tämän seurauksena kortit eivät koskaan jätä pois, kunhan matkapuhelin kasvaa jatkuvasti, eikä sillä ole mitään merkkejä hidastumisesta milloin tahansa pian.
Ei pelkästään toinen suunnitteluhihna
Ongelmana joidenkin muotoilun suuntausten suhteen on, että ne muuttuvat fadsiksi, mikä tekee niistä lyhytikäisiä ja unohtumattomia. Card-pohjainen muotoilu on kuitenkin muuta kuin! Käytännöllisten käyttötapojen ja hyödyksien ansiosta se on vain suosittua ajan myötä. Tämä tarkoittaa, että sillä on pysyvä voima.
Se tarjoaa johdonmukaisuutta sivustojen tietorakenteessa ja houkuttelee käyttäjän räjähtämiseen terävien kuvien avulla keinona saada lisää tuloksia. Tästä johtuen koko käyttökokemus saa valtavaa parannusta korttipohjaisen suunnittelun ansiosta vain siksi, että se todella helpottaa käyttäjien löytämää sivustossa. Kiitos matkaviestinnän noususta parin viime vuoden aikana, tämä suunnittelu lähestymistavasta on tulossa tukipilari, jota yhä useammat ihmiset kohtaavat ja nauttivat.
Kun ajattelet sitä, kortit ovat todella vanha käsite, mutta heille on myönnetty laukaus käsivarteen ja päivitetty tuoreeseen ja uusiin web-muotoiluun. Se vain osoittaa, että innovatiiviset suunnittelijat voivat ottaa jotain vanhaa ja arkipäiväistä ja tehdä siitä jotain, joka on erittäin tärkeä ja hyödyllinen 2000-luvulla.