Suunnittelutrendit: Flat Design 2.0
Litteä muotoilu on ottanut muotoilun maailman myrskyn muutaman vuoden kuluttua, mutta se ei ole koskaan ollut 100% puhdasta sen juurille ja ihanteille. Juuri tämä tapahtuu tasaisella suunnittelulla: se nähdään vähitellen subtle-though-meaningful muutoksia alkuperäiseen iteraatioon.
Nämä muutokset olivat tarpeeksi, jotta katsojat ja asiantuntijat dubattelisivat uuden iteroinnin Flat Design 2.0: ksi. 2.0 on erittäin mielenkiintoinen, koska se saa aikaan hienon tasapainon vain tarpeeksi muutoksista, jotka muuttavat käyttökokemusta ja pysyvät alkuperäisten periaatteidensa mukaisesti.
Levyn kehitys 2.0: een oli väistämätöntä: Vaikka suunnittelijat suhtautuivat enemmän Flatin kanssa, he näkivät, että kaiken sen suosion, joitakin asioita ei käsitelty asianmukaisesti . Ja nyt meillä on 2,0, joilla käsitellään joitakin näistä puutteista.
Litteän suunnittelun alkuperä
Katso tasomainen muotoilu eräänlaisena kapinauksena sen jälkeen suosittuun muotoiluun skeuomorphism . Se tuki 3D-tehosteita kopioimaan 3D-esineiden reaaliaikaisia ominaisuuksia tapana käyttää perehtyvyyttä käyttäjien kokemusten auttamiseksi. Esimerkiksi Amazonin Kindle Firein alkuperäisissä iteroinnissa taustalla oli 3D-kirjahylly, joka vahvisti tabletin tarkoitusta lukemiseen.
Kun Apple, valtava suunnittelija skeuomorfisesta suunnittelusta, päätti vuonna 2012 luopua skeuomorfismista, joka julisti täyden swingin tasolle, joka on säilynyt erittäin suosittuna viime vuosina. Sen painopiste minimalismissa on myös auttanut sitä siirtämään sen nykyiseen yleiskattavuuteen.
Flat on ominaista sen puuttuessa:
- korostivat elementtejä, jotka merkitsevät käyttäjille, että niitä voidaan napsauttaa;
- onttoja tai upotettuja elementtejä, jotka osoittavat käyttäjille, että ne voidaan täyttää (ajatella hakukenttiä ja muita syöttökenttiä).
Siirtyminen 2.0: een
Flat-menestyksestä huolimatta jotkut suunnittelijat alkoivat havaita laillisia puutteita, joita ei käsitelty design-yhteisössä. Vaikka litteä sai paljon höyryä sen tervetulovaa minimalismia myöten, se meni hieman liian pitkälle austeraaliseen suuntaan. Joidenkin 3D-vaikutusten ominaisuudet osoittautuivat liiallisiksi ja heikensivät käyttökokemusta.
Näin ollen oli väistämätöntä, että toinen muutos tapahtuisi. Siellä meillä on tänään tasainen muotoilu 2.0 kynnyksellä.
Flat Designin käytettävyysongelmat
Kaikki litteiden käytettävyysongelmat voidaan tiivistää seuraavassa lausunnossa: Flat tyypillisesti käy kauppaa käyttäjien tarpeisiin hip estetics.
Toisin sanoen suunnittelijat, jotka suunnittelevat käyttöliittymän olevan "tasainen", korostavat asioita minimaalisesti, ei-3D: ssä ja eloisalla / rohkealla tavalla, sen sijaan, että otettaisiin käyttöön käyttäjäkokemus. Se on yleensä missä kaikki huonoja asioita suunnitteluvuodossa alkavat, ja siksi tasainen on kehittynyt 2.0: ksi.
Tässä ovat yleiset käytettävyysongelmat tasaisella:
- kaikkien tärkeiden merkitsijöiden (kaltevuudet, varjot, korostukset jne.) puuttuminen;
- tuttujen mallien puuttuminen (sininen, alleviivattu teksti linkkeihin jne.);
- asiayhteyteen liittyvien merkintöjen puuttuminen (CTA-sijoittelu, toimiva kopio jne.).
Ehkä kaikkein tunnetuin esimerkki kaikkien litteiden käytettävyysongelmien viimeaikaisesta muistiosta oli Microsoftin julkaisu Windows 8, niin kutsuttu Metro UI. Se muotoilu oli epitome tasainen, koska kaikki oli tasainen äärimmilleen.
user experience was so bad käyttökokemus oli niin huono koska täysin tasainen muotoilu tarkoittaa sitä, että käyttäjille ei anneta tarpeellisia vihjeitä kertoa heille, mitä voidaan napsauttaa ja mitä ei voi olla käyttöliittymässä. Tämän seurauksena käyttäjille on luonnollisesti pakko viettää enemmän aikaa kokeilemalla tätä kokeilemalla tai, pahempaa, tekemällä sellaisia virheitä, joita he eivät halunneet ensiksi!
Kuten näette, Windows 8 -näyttö on niin tasainen, että ihmisten on mahdotonta kertoa mitä napsauttaa ja mitä ei napsauttaa. Vaikka käyttäjät olisivat jo perehtynyt peruskäyttöön, se ei tarkoita sitä, että on hyvä poistaa kaikki merkinnät (vihjeet, jotka kertovat käyttäjille, että he voivat olla vuorovaikutuksessa sivun elementtien kanssa) ja käyttöehdot (käyttöaiheiden merkitys käyttäjille sivuelementit).
Hyviä esimerkkejä Flat Design 2.0: sta
2,0 on hienovarainen muutos tai parannus tasainen, joten se voi kestää enemmän keskittymiskohdetta havaita todellinen 2.0 verkkosivustoilla ja rajapinnoilla. Siksi aiomme käydä läpi muutamia nykyisiä suuria esimerkkejä 2.0: sta, jotka ovat jo täysin käytössä.
Dropbox-opas
Dropboxin opas voi ensin näyttää todella tasolta, mutta jos tarkastelet tarkemmin, näet 3D-ehdotuksia, jotka kertovat käyttäjille selkeästi, että joitain elementtejä nostetaan muiden päälle. Tämä näkyy etupäässä poikien pään (vasemmalla puolella) ja ruuvitaltta (oikealla puolella). Molemmissa kuvissa on vahvat, mutta hienot, mustat reunat, jotka ilmaisevat syvyyden ja vaikutelman, että ne istuvat taustalla, sen sijaan, että ne sekoittuvat siihen.
Tolian jäätelö
Tolian sivusto on täynnä hienovaraisia, korostettuja tehosteita, jotka antavat erillisen 3D-kuvan, kun taas kokonaissuunnittelu on edelleen tasainen ja minimaalinen. Kohonnut vaikutelma on otsikossa, alaotsakkeessa ja kuvauksessa (ts. Sivun kopio). Se on myös läsnä toimintopainiketta ja CTA-kopiota painikkeessa. Voit kiittää hienojen varjojen hienovaraisesta käytöstä näiden elementtien reunojen ympärille tämän esille tuoman vaikutelman antamiseksi.
Google Santa Tracker
Ei ole yllättävää, että Google on 2.0-kaistalla ja sen Santa Tracker sivu osoittaa, miten voidaan integroida 2,0 hauskalla ja hyödyllisellä tavalla. 2.0: n subtletit sisältävät runsaasti eri rakennusten kaltevuuksia ja varjoja sekä ponnahdusikkunoita (kun käyttäjät käyttävät käyttäjiä missä tahansa rakennuksessa) sivun yläosassa olevaan otsikon 3D-näyttöön.
Publicis Groupe
Publicis Groupe's 90-vuotisjuhlavuosi on 2,0: n vaikuttavuus melko ilmeisellä tavalla. Jos tarkastelet sivun vasemmalla puolella, näet varjojen ja kaltevuuksien yhdistämisen, jotka tulevat alas ja säteilevät ulospäin sileästä ympyrästä ja sen alapuolella olevasta sinisestä osasta. Vankka minimalismi osoittaa myös, että sen muotoiluestetiikka on edelleen voimakkaasti juurtunut puhtaaseen tasoon.
Jumeirah
Tämä sivusto että ylellinen hotelli Arabiemiirikunnissa on enimmäkseen valtava jättiläinen video taustalla, mutta älä anna sen häiritä sinua ottamasta subtletyyn sen 2.0 maksu. "Jumeirah Inside" -otsikko sisältää oh-so-subtle varjostuksen, joka onnistuneesti antaa vaikutelman 3D, mutta silti säilyttää koko, tasainen ilme.
Kysynnän kehitys
Suunnittelumaailmassa asiat muuttuvat yleensä, koska niissä on kysyntää. Joku huomaa, että jotain puuttuu ja löytää keino parantaa asioita, tai joku muu ottaa käsitteen ja ottaa sen toiseen tasoon, joka loogisesti perustuu johonkin käsitteeseen.
Niin kauan kuin 2,0 menee, se on ehdottomasti molempien yhdistelmä, sillä litteiden käytettävyysvajeet korjataan laajentamalla alkuperäistä konseptia tavalla, joka vielä kunnioittaa minimalistisen periaatteen, jonka taso on määritelty.