Minimalistiset verkkosivustot: 12 asiaa, jotka sinun pitäisi tietää

Minimalistiset verkkosivustot

Minimalistiset verkkosivustot auttavat käyttäjiä ajattelemaan nopeammin.

Aikakaudella, jolloin käyttäjät ovat nyt kärsimättömämpiä ja tekninen loppuun palaminen yleistyy, rauhallisuuden ja selkeyden suunnittelu – mahdollisimman vähän (minimimäärin) – on olennaista minkä tahansa verkkoliiketoiminnan menestyksen kannalta.

Kuvataan minimalistinen verkkosivustosuunnittelu ja keskustellaan sen tarjoamista eduista sinulle ja vierailijoillesi.

Katsomme:

  1. Minimalistisen muotoilun esteettiset merkit - katso joitain minimalistisia WordPress-teemoja.
  2. Minimalismin edut käyttöliittymän kannalta
  3. Kuinka minimalistinen muotoilu estää käyttäjien teknistä loppuunpalamista ja miksi se on elintärkeää yrityksesi menestykselle

 

1. Visuaalinen estetiikka

Visuaalinen estetiikka

On luonnollista tyytyä niihin minimalismin tekijöihin, jotka voimme nähdä ja joihin voimme sitoutua, kun ajattelemme minimalismia.

AppleEsimerkiksi suunnittelun estetiikka on heti tunnistettavissa ja merkittävä suunnannäyttäjä teknologiamaailmassa. Melko yksinkertaisuudestaan ​​huolimatta niiden muotoilu miellyttää aina silmää.

Syynä tähän on, että heidän visuaalinen tyylinsä on hyvin yksinkertainen.

Katsotaanpa, mitä se tarkoittaa, eri tekijöitä, jotka vaikuttavat minimaalisen estetiikan luomiseen, ja miksi nämä tekijät ovat niin vaikuttavia.

2. Musta tai valkoinen

Valkoisen neutraalisuus rauhoittaa paitsi silmiä myös mieltä. Koska värillä ei ole merkitystä, käyttäjiä ei häiritä tai pakoteta pohtimaan, mitä se tarkoittaa.

Valkoiset taustat tuovat tärkeät näkökohdat, kuten toimintakehotukset ja hyödyllinen teksti erottumaan maksimaalisen vaikutuksen saavuttamiseksi ja varmistavat samalla hyvän värikontrastin. Sen kirkkaus on loistava työkalu esteettömyyteen, kun se yhdistetään kontrastiväreihin.

Valkoisen "vakava" vastine on musta. Siinä on edelleen minimalistinen, sisältöön keskittyvä käyttöliittymä, mutta siinä on "pukeutuneempi" tunnelma.

3. Sans-serif-fontti

Sans-serif-kirjaimet näyttävät puhtaammilta kuin serif-fontit, minkä vuoksi suuremmat yritykset käyttävät niitä usein. Kun yhdistämme sans-serif-typografian suureen kirjasinkokoon ja/tai lihavoituun kirjasinpainoon, voimme saavuttaa suurimman vaikutuksen ja tunteen, ja sanamme voivat olla verkkosivustojemme kiehtovimpia elementtejä, jos valitsemme ne älykkäästi. Less on enemmän tässä tapauksessa.

Katso joitain minimalistiset kirjasintyypit tästä.

4. Värit, jotka erottuvat

Värit jotka erottuvat

Lihavoitu värit erottuvat sekä valkoista että mustaa taustaa vasten, mutta taustavärinä käytettäessä ne voivat näyttää melkein yhtä yksinkertaisilta kuin valkoiset tai mustat ja ilmaistavat enemmän tunteita ja merkitystä.

Liukuvärit ovat loistava tapa käyttää kirkkaita värejä käyttäjää rasittamatta, varsinkin kun niitä käytetään yhdessä sans-serif-fontin kanssa. Tässä on esimerkki Dribbblestä, joka osoittaa, kuinka minimalismi voi saada monia muotoja ja kuinka minimalistiset verkkosivustot voivat olla erikokoisia ja -muotoisia.

Tunteellinen, mutta suoraviivainen.

5. Suunnittelu tasaisella pinnalla

Flat design on verkkosivujen suunnittelutrendi, joka alkoi vuonna 2012 ja on sittemmin saavuttanut suosiota.

Vaikka NNGroup on visuaalisesti houkutteleva minimalismi, se herätti vakavia käytettävyysongelmia, koska litteät mallit sovelsivat minimalistisia konsepteja interaktiivisiin ominaisuuksiin, kuten painikkeisiin, jolloin ne näyttävät siltä, ​​​​että ne eivät olisi lainkaan vuorovaikutteisia.

Tämä johti "Flat 2.0:aan", joka käyttää pyöristettyjä reunoja ja varjoja antaakseen näille interaktiivisille elementeille enemmän yksityiskohtia käyttöliittymää sotkematta.

Kaarevat reunat ovat hyödyllisiä, koska ne muistuttavat tosielämän painikkeiden pyöristettyjä kulmia. Varjot tekevät painikkeista paremmin suhteellisia lisäämällä niihin 3D-näkökulman, erottaen ne suunnittelusta ja tuovat esiin tosielämän elementtejä.

Jos emme tee selväksi, että interaktiiviset napautuskohteet kiinnostavat, suunnittelustamme tulee käyttökelvoton, koska käyttäjän on selvitettävä, mikä on napsautettavaa ja mikä ei. Tämä mutkikas päättely on ristiriidassa kaiken sen kanssa, mitä minimalismi pyrkii saavuttamaan.

Vaikka minimalistinen graafinen estetiikka tekee malleistamme siistimpiä, meidän ei pitäisi mennä liioittelemaan käyttöliittymäsuunnittelussa.

Aseta selkeys ja napsautettavuus etusijalle visuaalisen kiinnostavuuden edelle.

6. Visuaalista sotkua tulee välttää

Yleissääntönä on, että kun jokin on hyödyllistä, joskaan ei suurimmalle osalle kuluttajista tai käyttäjän nykyisessä kontekstissa, se on piilotettava.

Muuttaminen a less-tärkeä navigointikohde off-canvas-valikko, joka julkaistaan ​​vain silloin, kun sitä todella halutaan, on esimerkki siitä, kuinka yrittää piilottaa jotain kognitiivisen taakan vähentämiseksi.

Syy tähän on se, että miksi pakottaa käyttäjä pohtimaan sen merkitystä, kun hänen ei todennäköisesti tarvitse nähdä tai käyttää sitä alun perin?

On myös otettava huomioon se, että jos sisältöä on liikaa, käyttäjät eivät ajoittain pysty erityisesti muistamaan tärkeitä tietoja.

Kognitiivinen kuormitus vaikuttaa muistiimme. Olemme halvaantuneet ja epävarmoja siitä, minne mennä, kun kohtaamme liian monia esineitä tai vaihtoehtoja. Se ei näytä hyvältä.

7. Käytä visuaalista hierarkiaa

Kunkin elementin merkitys tulee ilmaista visuaalisesti ja vaikuttaa siihen, missä järjestyksessä niitä tarkastellaan.

Tämä tarkoittaa, että tietyt elementit on priorisoitava visuaalisesti, jotta käyttäjä ymmärtää, mitä tapahtuu. Harkitse tuotetta, jonka hinta on esitetty tekstikokona, joka on suurempi kuin tuotteen nimi.

Käyttäjä saattaa tietää, että tuote maksaa kymmenen dollaria, mutta hän on hetken hämmentynyt, koska heillä ei ole aavistustakaan, mikä tuote on.

Vielä pahempaa on, jos osoittautuu, että he eivät välitä tuotteesta, koska he ovat jo käsitelleet tietoja, jotka eivät edes ole heille tärkeitä.

8. Tehdä vähemmän valintoja virtaviivaisemman kokemuksen saavuttamiseksi

Hicksin lain mukaan liian monta vaihtoehtoa on hitaampi vasteaika. Kun käyttäjälle esitetään liikaa vaihtoehtoja, hän voi kokea päätöshalvauksen, joka määritellään kyvyttömyyteen tehdä päätöstä kognitiivisen kuormituksen seurauksena.

Esimerkiksi Niken verkkosivusto luotiin näyttämään vain muutamia tuotteita kerrallaan.

Atomien nettisivut ovat erinomainen esimerkki siitä, kuinka vaihtoehtojen määrää on vähennetty. Päänavigointiin sisältyy vain 4 navigointikohdetta less asiaankuuluvat kohdat siirretään verkkosivuston alatunnisteeseen.

Kun käyttäjä valitsee "Etsi itsesi", hänelle tarjotaan keskustelullinen, yksitellen tapa valita paras tuote.

9. Hyödyllisen kitkan suunnittelu

Toiminnallinen sotku, kuten visuaalinen sotku, lisää käyttäjän kognitiivista kuormitusta ja voi olla suuri häiriötekijä, mikä johtaa konversioiden huomattavaan laskuun.

Sähköisen kaupankäynnin tapauksessa 34 prosenttia tyhjistä kassoista johtuu siitä, että asiakkaat joutuvat luomaan uuden tilin, mikä johtaa massiiviseen tulonmenetykseen.

Tämä ei välttämättä tarkoita, että meidän pitäisi pakottaa asiakkaan kassalle tässä tilanteessa, mutta se tarkoittaa, että voimme tehdä tilin luomisesta valinnaisen.

Jos todella haluamme vähentää käyttäjän kognitiivista kuormitusta, voisimme pyytää häntä tekemään tilin uloskirjautumisen jälkeen, jotta ajatus tilin luomisesta ei häiritse!

Ennen kuin siirryt syvälle prototyyppien luomiseen, vuokaaviokartan luominen on loistava tapa vähentää verkkosivustojen kitkaa.

Näin, jos toiminnallisesta sotkusta aiheutuu kitkakohtia, voimme harkita käyttäjän matkaa uudelleen ja luoda paljon miellyttävämmän kokemuksen.

Estä käyttäjiesi tekninen loppuunpalaminen

Näin, jos toiminnallisesta sotkusta aiheutuu kitkakohtia, voimme harkita käyttäjän matkaa uudelleen ja luoda paljon miellyttävämmän kokemuksen.

10. Teknisen palamisen estäminen

Elämme tällä hetkellä visuaalisimmassa versiossa maailmamme koskaan luodusta. On olemassa monia sovelluksia, verkkosivustoja ja gadgeteja, jotka pitävät ne sisällään.

Uuden teknologian nopean käyttöönoton ansiosta jokapäiväiset esineemme, keittiömme ja reppumme juurtuvat digitaalisesti uuteen teknologiaan ja ominaisuuksiin, jotka lupaavat parantaa elämäämme.

Totuus on kuitenkin, että vain harvat valitut menestyvät pitkällä aikavälillä.

Enemmän tekniikkaa, enemmän ongelmia.

Virheellisinä ihmisinä pystymme käsittelemään vain pienen määrän kognitiivista kuormitusta, mutta kaikki keräämämme lisää tätä kuormaa. Tämä pätee paitsi tuotteisiin, joita meillä on, myös niiden vaatimaan asennukseen ja ylläpitoon sekä niiden käyttöön tarvittaviin tietoihin ja tietoihin.

Ja tämä olettaa, että todella käytämme tuotetta – oletko koskaan peruuttanut vuositilauksen less aikaa vai motivaatiota vain muutaman kuukauden jälkeen?

Sosiaalinen media sen sijaan on hieman erilainen. Monet käyttäjät ovat riippuvaisia ​​siitä, ja monet käyttävät siihen vähintään kaksi tuntia päivässä.

Vuorokaudessa ei yksinkertaisesti ole tarpeeksi tunteja käyttää, lukea, katsella tai muuten kuluttaa kaikkea mitä haluamme, mutta varsinainen kysymys on pitkäaikaiset vaikutukset henkiseen hyvinvointiimme.

Se saa meidät tuntemaan olomme raskaaksi.

Taakka on yhdistelmä stressiä ja vastuuta. Olemme stressaantuneita, koska emme anna itsemme rentoutua sen sijaan, että täytämme jokaisen hereilläolominuutin tekniikalla.

Velvollisuus, koska niin monet tuotteet käyttävät pelillistämistä ja lukitussopimuksia käyttäjien epäeettiseen säilyttämiseen. Sitten on pakkomielle seuraavaksi suurimmasta asiasta ja löydöistä.

Kiusaus tulla riippuvaiseksi teknologiasta on kaikkialla ympärillämme.

11. Verkkosivuston käyttäjien ylikuormituksen vaikutukset

Kun käyttäjät ovat ylikuormitettuja, he voivat kokea toisen kahdesta tunteesta:

Kärsimätön: He ovat valmiita sijoittamaan vain vähän aikaa ja vaivaa verkkosivustoon, ja he luopuvat siitä, jos he kohtaavat pienenkin kompastuskiven.

Turhautunut: Jos vaihtoehdot tai valinnat painavat käyttäjää, he ovat less todennäköisemmin konvertoituvat ja vaihtavat todennäköisemmin kilpailijaan tai luopuvat hausta kokonaan.

Toisin sanoen, kun käyttäjät selaavat verkkoa, he todennäköisesti poistuvat aikaisin kärsimättömyyden ja huomion vähenemisen vuoksi. Valitettavasti useimmille tavallisille käyttäjille tämä on vain normaalia toimintaa

12. Miten käyttäjät voivat hyötyä minimalistisesta verkkosivujen suunnittelusta?

Voimme vähentää tuotteidemme kognitiivista kuormitusta digitaalisina suunnittelijoina, mikä vähentää stressiä, ärsytystä ja turhautumista.

Internet-aikakaudella, joka vaatii jatkuvasti huomiotamme, verkkosivustomme voivat olla virkistävä muutos.

Tärkeintä on luoda minimalistisia verkkosivustoja, jotka eivät lisää käyttäjän jo ennestään valtavaa kognitiivista kuormitusta, joten katsotaanpa, kuinka minimalistinen lähestymistapa verkkosivustojen suunnitteluun voi optimoida verkkosivuston käyttökokemuksen. Katsomme myös muutamia todella inspiroivia esimerkkejä fantastisista minimalistisista verkkosivustoista matkan varrella.

Minimalistisen ulkoasun omaavat verkkosivustot ovat enemmän kuin pelkkä estetiikka. Minimalistinen muotoilu on tapa olla mahdollisimman selkeä ja käyttää mahdollisimman vähän materiaalia.

Minimalististen verkkosivustojen usein kysytyt kysymykset

Mitkä ovat minimalistisen suunnittelun tärkeimmät ominaisuudet?

Yksinkertaisuus, selkeät linjat ja yksiväriset väriyhdistelmät ovat ominaisia ​​sille. Se koostuu yleensä avoimesta pohjaratkaisusta, runsaasti luonnonvaloa ja toiminnallisia huonekaluja, joissa keskitytään muutamien avainelementtien muotoon, väriin ja tekstuuriin.

Mitä värejä käytetään usein minimalistisissa malleissa?

Monet suunnittelijat käyttävät yksinkertaisia ​​väripaletteja luodessaan minimalistisia malleja. Värit, kuten yksinkertaiset mustat, valkoiset ja/tai harmaan sävyt, ovat suosittuja heidän keskuudessaan.

Miten minimalistit sisustavat?

Minimalisteilla on kolme pääasiallista lähestymistapaa luodakseen tunnusomaisen ilmeensä. Ne poistavat sotkua, käyttävät neutraalia pohjapalettia ja poistavat sivulta kaiken, mikä ei ole ehdottoman välttämätöntä.

kirjailijasta
Kirjoittaja: Daniel Luke
Daniel on WordPress-verkkosuunnittelija, jolla on laaja kokemus työskennellä eri WordPress-teemojen kanssa, jonka avulla hän voi verrata ja sovittaa yhteen eri teemoja, ymmärtää vahvuuksia ja heikkouksia kehittää tosiasioihin perustuvia, tosielämän arvosteluja.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...