Suunnittelu verkossa on tullut täyden ympyrän alkuajoistaan.

Yksinkertaisten, vähäpätöisten verkkosivujen mallien elvytys on herättänyt, mikä asettaa sisällön suoranaisesti eturintamassa, hylkäämällä viime vuosikymmenen rohkeat grafiikat ja kikkaukset, samalla tavoin kuin ensimmäiset verkkosivustot korostivat toimintoa ja sisältöä.

Mutta se on todennäköisesti verkko, ja se, miten se on suunniteltu, liikkuu sykleissä, kuten useimmat trendejä tekevät. Jossain vaiheessa lähitulevaisuudessa voimme jälleen nähdä sivustot, joissa on enemmän "malleja", joiden sisältö heikentää merkityssisältöä hieman.

Huomaat tämän artikkelin kautta, että on olemassa tapauksia, joissa olen laatinut "design" lainausmerkkeihin. Tietenkin kaikki sivustot suunnitellaan jossain määrin, ja muotoilu ei tarkoita vain grafiikkaa.

Tarjoukset ovat olemassa, jotta voidaan erottaa toisistaan ​​avoimet, visuaalisesti hallitsevat mallit ja yleinen muotoilun käytäntö.

Alussa…

Internetin alkuaikoina oli hyvin vähän "muotoilua". Suurin osa verkkosivuista oli tekstiä, ja ehkäpä kuva tai kaksi heitettiin hyväksi. Paljon tästä johtui kaistanleveyden rajoista ja huolenaiheista kuormitusajoista (kun kaikki ovat puhelinverkossa, jokainen tavu laskee). Ja paljon se johtui siitä, ettei web-standardeihin sisällytetty todella paljon "design" -toimintoja.

Lisää ongelmat eri selaimilla, jotka näyttävät asioita villinä eri tavoin, ja näet, miksi melkein kukaan ei häiritse muotoilua muutaman tekstityylin ulkopuolella. Sisältö hallitsi korkeimman (satunnaisen animoitun GIF: n rinnalla).

Web oli uusi, ja ihmiset lähestyivät sitä paljon kuin tulostussuunnittelu. Ei ollut paljon "ammattimaisia" web-suunnittelijoita, ja siellä oli yleensä enemmän ihmisiä, jotka suunnittelivat verkkoa, jotka tulivat ohjelmistotausta taustatietojen sijaan. Tämän vuoksi joko visuaaliset mallit pidettiin minimaalisesti, tai ne olivat todella, todella huonoja.

Meidän pitäisi mainita täällä "tähtitaivas" tausta esiintyvyys alkuvuoden verkkosivuilla. Sen theorized että tämän avaruustyyppisen taustan esiintyvyys johtuu suuresta määrästä tieteiskirjallisuutta ja videopelien fanit, jotka olivat verkossa 90-luvun alussa ja keskelle. Joskus nämä taustat koostuivat staattisista laatoista kuvista, kun taas muina aikoina he olivat animoitaneet välkkymistä tai kuohuviiniä. Kummassakin tapauksessa ne olivat uskomattoman yleisiä varhaisissa verkkosivustoissa.

Vilkkuva teksti oli yksi verkkosuunnittelun alkuvuosien pahimmista suuntauksista. Rainbow-teksti (varsinkin animoitu teksti, joka muuttui värejä jatkuvassa silmukassa) oli toinen trendi, joka on ilahduttanut ammattimaisista verkkosivustoista (vaikka sitä esiintyy toisinaan myös amatöörirakennetuilla sivustoilla, jotka ovat palanneet 90-luvun puoliväliin, vaikka yleensä vihje nostalgista). Nämä olivat ensimmäisiä suuria yrityksiä visuaalisessa "suunnittelussa" verkossa.

Kehykset, taulukot, salama ja huippu "Design"

Ei kauan ennen kuin ihmiset tajuivat voivansa muotoilla verkkosivustoja HTML-taulukoiden avulla. Vaikka tämä teki paljon edistystä web design, se myös johti joitakin todella kammottavia verkkosivujen malleja. Se lisäsi myös verkkosivustojen kokoa ja latausaikoja, koska ne vaativat useita taustakuvia, jotka loivat mallin useimmissa tapauksissa.

Kehykset olivat toinen tapa, jolla monet sivuston luojat muotoili sisältöä. Yksi runko pitää navigointielementtejä, kun taas toinen pitää sisällön sisällön. Navigointikehys pysyisi staattisena, kun uutta sisältöä ladattiin. Kehyksiä käytettiin myös offline-linkkien näyttämiseen säilyttäen samalla alkuperäisen sivuston otsikon tai muun tiedon (tätä tekniikkaa käyttävät yhä useat sivustot tänään, erityisesti About.com ).

Flash liittyi myös omaan aikaansa samanaikaisesti, ja sitä käytettiin luomaan täysin vuorovaikutteisia, animoituja verkkosivustoja. Latausajat Flash-sivustoille olivat monissa tapauksissa pitempiä, mutta laajakaistayhteyksien yleistyessä latausaikoista tuli vähemmän tärkeitä.

Internetin tuolloin hallitsivat "design". Sisältö, monissa (useimmissa) tapauksissa, kesti selkänojan visuaaliseen tyyliin. Suunnittelijat (ammattilaiset ja harrastajat) halusivat osoittaa suunnittelutaitonsa ja sisällön ja käytettävyyden. Verkko oli kuitenkin suhteellisen nuori, eikä se ollut osa miljardien ihmisten jokapäiväistä elämää, kuten nyt.

Informaatioarkkitehtuuri ja käytettävyys olivat edelleen alkuvuosina verkossa, ja monet suunnittelijat jättivät ne suurelta osin huomiotta. Ensisijainen painopiste oli kelloja ja pillejä riippumatta siitä, ovatko ne itse asiassa parantaneet käyttökokemusta.

Web 2.0: Sisällön ja muotoilun tasapainottaminen

Web 2.0: n, blogien ja entistä käyttäjäystävällisemman sisällön myötä sisältö alkoi yhä tärkeämmäksi. Lihavoitu muotoilu oli edelleen tärkeä, ja silti hänelle annettiin paljon ajatuksia, ja joissakin tapauksissa se edelleenkin oli etusijalla näytettävän sisällön suhteen.

Squidoo on erinomainen esimerkki Web 2.0 -kauden aikajärjestyksistä.

Tänä aikana oli muutamia sivustoja, jotka keskittyivät tarkemmin sisältöön (Wikipedia olisi luultavasti näistä näkyvimpiä), mutta avoin muotoilu näytti siltä, ​​että useimmilla oli tärkeä rooli.

Web 2.0 voidaan hyvittää korostaen sisällön ja lopulta antaa toiminnalle vähintään yhtä tärkeä kuin lomake. Useimmat Web 2.0 -sivustot olivat suhteellisen käyttäjäystävällisiä ja painottivat käyttökokemusta. "Suunnittelua" elementtejä ja grafiikkaa kohtaan oli yhä tärkeä merkitys, mutta ei yleensä sivuston sisällön ja käytettävyyden kustannuksella.

MySpace Design

Luultavasti pahin asia tulla ulos Web 2.0 aikakaudella on mitä aion kutsua "MySpace suunnittelu". Glitter-grafiikka. Rainbows ja unicorns. Kauheat, lukemattomat väriyhdistelmät. Sivut animoivat kaiken. Ja kaikki generaattorit, jotka antoivat ihmisille, joilla ei ollut taustatietoa, eikä HTML- tai CSS-tunnistetta, jotta he voisivat luoda visuaalisia sivuja, jotka olivat kammottavampia kuin mikään amatööri "design", joka oli koskaan syntynyt verkon alkuaikoina. Ja lisätä loukkaantumista loukkaantumiseen, ne olivat enimmäkseen kirjoitettu huonosti muotoiltu HTML ja CSS.

Onneksi tällaiset täysin ylitäytetyt ja ylikuumentuneet sivustot ja sivut ovat enimmäkseen kaatuneet. Toki heitä nähdään usein 14-vuotiaiden tyttöjen MySpace-profiileissa (monien muiden väestötietojen joukossa), mutta onneksi he eivät ole päässeet yleiseen verkkoon kovinkaan paljon. Lukuunottamatta sarveistumaan , tietysti.

Painopiste palaa sisältöön

Viimeisten parien vuosien aikana yksinkertaiset, puhtaat mallit ovat nousseet uudelleen. Jopa malleja, joita pidetään "grungy" tai "Web 2.0"-usein on yksinkertaisuus niistä. Painopiste asetetaan selkeästi takaisin sisältöön.

Frieze Magazine on erittäin puhdas ja yksinkertainen muotoilu, jossa painotetaan tarkasti sisältöä.

Yksi syy tähän suuntaukseen on ihmisten määrä, jotka selaavat verkkoa älypuhelimissa. IPhonesta tai muusta suuren näytön älypuhelimesta selailevat käyttäjät eivät välttämättä halua katsella mobiilisivustoa. Mutta selaamassa liian monimutkaista sivustoa on pienikokoisella näytöllä.

Typographica on toinen suuri esimerkki sivustosta, joka antaa sisällön keskiportaan.

Nämä uudet mallit luovat sisältöä saumattomasti katoamassa taustalla. He helpottavat kävijöiden selailua ja löytää etsimäsi ja parantavat kokonaiskokemusta. Mutta he eivät ole ilmeisiä tai näyttäviä, ja useimmat ihmiset eivät tietoisesti huomaa heitä. Se on valtava poikkeama malleista, jotka ovat olleet näkyviä 90-luvun loppupuolelta lähtien.

Sisältö vs. tyyli

Liian usein suunnittelijat ja erityisesti asiakkaat katsovat sisältöä ja tyyliä (tai muotoilua) erikseen. He katsovat kahta erillisiksi kokonaisuuksiksi, jotka on jonkin verran tehtävä yhteistoimintaan. Tai ainakin rinnakkain samassa tilassa.

Tämä on väärä tapa lähestyä projektia. Sisältösi on parannettava sivustosi visuaalisella tyylillä. Ja visuaaliset elementit on luotava sisällön tukemiseen, ja sen on oltava hyödyllisempi vierailijoille. Sisällön ja suunnittelun käsitteleminen kahtena erillisenä asiana johtaa lopputuotteeseen, joka usein puuttuu.

Tarkastele sisältöä, jonka sivustosi on sisällytettävä, ja mieti, miten parhaiten esittelemme kyseisen sisällön suunnittelussa. Kokonaisvaltainen lähestymistapa johtaa todennäköisemmin sellaiseen muotoiluun, joka toimittaa sisältöä vaivattomasti, kiinnittämättä huomiota itsestään.

Suunnittelun syklinen luonne

Vaikka muotoilu kehittyy jatkuvasti, se liikkuu myös varsin säännöllisissä sykleissä. Olemme tulleet täyden ympyrän web-suunnittelun alkuajoista aina siihen, missä sisältö on sivustojen ensisijainen sisältö. Ja silti olemme kasvaneet niin paljon verkon alkuvaiheista, ettei kukaan hämmentä hyvin suunniteltua sivustoa vuodesta 2010, ja se oli suunniteltu vuonna 1995.

Overt, dominoiva visuaalinen suunnittelu todennäköisesti palaa tulevina vuosina, mutta todennäköisesti se on kehittynyt ja parannettu siihen pisteeseen asti, että se ei enää haittaa käyttäjäkokemusta.

Koska video- ja muu ei-tekstisisältö yleistynyt CSS3: n ja HTML5: n tarjoamien uusien mahdollisuuksien kanssa, on vain järkevää, että grafiikka taas tarttuu keskipisteeseen.


Kirjoitettu yksinomaan WDD: lle Cameron Chapman

Miten näette tämän sisällön suunnittelun ja sisällön ja elinkaaren välisen suhteen? Jaa näkemyksesi alla ...