A (Ei) Jilted Englanti professori opas Creative Web Design
Responsive-muotoilu on luonteeltaan myöhäistä ja hyvää syytä. Se lupaa yksinkertaistaa entistä monimutkaisempaa tehtävää verkkosivujen mukauttamisessa lukemattomille uusille laitteille kerrottuna minuuteilla.
Kun tarkastellaan muutamia yleisiä muuttujia, kuten näytön kokoa, sivuston mukauttaminen kävijöiden erityistarpeisiin muuttuu jonkin verran älykäs CSS-suunnittelu ja Javascript eikä monien, rinnakkaisten kohteiden yksityiskohtaista suunnittelua. Jokaiselle, joka joutuu monisteyhteiskunnan logistisen miinakentän edessä, reagoiva muotoilu on lievää, erittäin hyvä asia.
Kuten ehkä tiedätte, käsite itse asiassa on lainattu arkkitehtuurista, toisesta kurinalaisuudesta, joka keskittyy ihmisten välisiin suhteisiin ja luotuihin ympäristöihin. Crossover on järkevää.
Steven Johnsonin Good Good Ideas Come From (2011) -kirjan mukaan tällainen käsitteellinen ristiluuitus on johtanut lukuisiin keskeisiin läpimurtoihin ajatuksen ja keksintöjen historian aikana. Tämä näkemys antoi minulle ajatuksen. Vaikka olen suunnitellut sivustoja melkein yhtä kauan kuin Internet on ollut käytössä, noin kuusi kuukautta sitten suurin osa olisi pitänyt minusta ensisijaisesti englantilaisena professorina. Viimeaikainen urasuunnittelu täysipäiväiseksi kehittäjänä / suunnittelija yhdessä taiteeni kanssa kirjallisuuden opinnoissa on antanut minulle ainutlaatuisen ja kenties outo perspektiivi muotoilun maailmaan.
Nyt haluan, että voisin pysähtyä täällä räjäyttämään kylmäherkkiä paskiaisia, jotka olivat vannoneet, etten ole koskaan koskaan asettanut jalkaa uudelle yliopistolle, koska se olisi niin raskasta, mutta tosiasia on, että olen itse opettanut tarkoituksellisesti ja hyvissä ajoin. Tein sen tutkimaan tekniikan ja kulttuurin välistä suhdetta, mikä kiehtoi minua ainakin sen jälkeen, kun aloin istua alun perin ja soitin Kuninkaan Quest II: ssa vuonna 1986. Kun minua pyydettiin kirjoittamaan tämä artikkeli, leviäminen suunnittelun ja arkkitehtuurin välillä. Mietin, mitä - jos mahdollista - kirjallisuuden opintojen käsitteitä voidaan hyödyllisesti soveltaa web-suunnitteluun.
Jälkeen joitain musing, olen laatinut luettelon kuudesta mahdollisuudesta. Nämä ovat vain ensimmäinen passti kysymyksessä, mutta toivon, että ne voivat olla ainakin viitteellisiä ja ehkä provosoivia. Kirjallisissa geek-termeissä olen tekemässä hieman suhdetta . On kanssa käsitteitä ...
1. Metafora
Tämä on melkein liian ilmeinen, mutta viimein tarkistin metaforia on edelleen pitkälti englantilaisten professorien asiantuntemus. Kääntäkää yksi niistä ärsyttävistä zingereistä ihmisistä aina sanoo heidän ammuksestaan: usko tai älä, verkko on kaikki metafora! Polttaa! (Ei, ei oikeastaan). Metafora - vertailua, jossa käytetään kahta kohdetta, joilla ei näytä olevan suhdetta - on päällikkö (ja jotkut sanovat vain) paradigman, jota käytämme uusien teknisten medioiden käsittelyyn.
Linkin ideus on metafora - se olisi voinut yhtä hyvin kutsua IP-siirtosolmuksi, mutta se viittaisi keskimääräiseen ei-tekniseen käyttäjäön vielä kauempaa ymmärtämään. Kun Tim Berners-Lee yritti itse keksimään Internetiä, hän tutki metaforia kaivoksista ja silmistä. Web, Windows, Tweets, Digg, Facebook, Canvas - nämä ovat kaikki metaforia (ja Redditin punainen).
Täällä on todella tärkeintä ottaa tämä pois: tuntemalla omat metaforat on hyvä reitti onnistuneelle suunnittelulle. Useiden tunnettujen verkkosivustojen salaisuus on se, että he ovat täysin tietoisia käyttämistään metaforaaleista: he vetävät ideoita maan päällä koodin eetteristä (mielenkiintoisesti, ainakin minulle, vertauskuvana metaforaan oikeastaan kutsutaan nimellä ”maa”). Metaforit suhtautuvat ihmisten visuaalisiin ja kosketuksiin aisteihin, mikä tekee niistä paljon helpompaa muistaa, varsinkin kun elämme yhä visuaalisemmilla ja tuntuvalla tekniikalla.
Jotta sana olisi mautonta toimeenpanevalle korvalle (tsk, tsk), voit ottaa sen esille "visuaaliseksi koherenssiksi" tai "kosketukselliseksi johdonmukaisuudeksi". He syövät sen kuin koiran aamiainen (oops, simile).
2. Allekirjoitus
Kun olin opettanut ensimmäisen vuoden sävellyskursseja, allekirjoitus oli ainoa tärkein käsite, jonka olen työskennellyt viestinnässä. Se ei tarkoita vain asettamalla John Hancockia jotain. Se viittaa ihmisen ainutlaatuiseen jälkiin, joka huipentuu sanojen ja ideoiden kautta. Lähes läheinen on ideoiden käsite: elintärkeä, ainutlaatuinen voima, joka puhuu tietyn hankkeen kautta.
Parhaat käytännöt voivat viedä sinut pitkälle, mutta hyvällä muotoilulla on yleensä selkeä allekirjoitus ja ääni, ja taas parhaat kooderit ovat niitä, jotka ovat tietoisia heidän ainutlaatuisesta tyylinsä. Vaikka typerä asiakas voi tuntua nauttimasta muuta kuin ajatus tuhota allekirjoituksesi kokonaan, se peittää kaiken värimaalasta fonttikokoonpanoon selaimen ristikkäisratkaisuihin (ja kyllä, jopa oman reagoivan suunnittelun käyttöön). Se ei ole aivan sama kuin brändi, koska se on aina epäsuora eikä eksplisiittinen. Voit etsiä sen jälkiä miettimään, miten uudelleen suunnittelet Googlen tai Facebookin.
Jos tämä on jokseenkin liian abstrakti, voit aina nähdä, miten kielen sanat "design subtext" tai "sub-theme" tai "implicit scheme" tai "subscaping" kiertävät kielen.
3. Työkierron rikkoontuminen
Okei, tämä ei ole ehdottomasti englantilaisesta luokkahuoneesta. Itse olen varastanut sen episodi näyttelystä Ze Frankin kanssa, mutta käytin usein sitä oppitunteja A + -papereiden kirjoittamiseen. Huikeimmat papereita ovat ne, jotka eivät ainoastaan tunnista nykyisiä ajattelutapoja vaan myös askeleen eteenpäin.
Vaikka olen vielä rakastunut CSS3: n "raja-säde" -määritteen kaarevien iloksi, huomasin, että Twitterin uusi rolloutti todellakin käänsi nurkkoja pienellä, alhaalla, 3px tavallaan. Näiden linjojen lisäksi hyvin harvat suunnittelijat ovat selvittäneet epäsymmetristen kaarien mahdollisuuksia tehokkaasti (joku saa siihen!).
Todellinen luova lahjakkuus asuu kyvyssä löytää ja räjähtää klisee - kääntää viime hetkellä pois luovasta umpikujasta. Jos kopioit vain mitä siellä on, niin olet jo pudonnut. Nykyiset kuumia sivustoja suunnittelevat ihmiset tekevät jo seuraavassa vaiheessa.
On olemassa vain yksi varma-palamismenetelmä klikkojen havaitsemiseen ja syklin rikkoontumiseen: tutkimus. Ennen kuin murehdit ja katoat tuskissa, pysähdy ja ymmärrä, että tutkimus tässä tapauksessa tarkoittaa surffailua paljon, mitä pidät todella upeina verkkosivustoina. Steven Johnson toteaa, että tutkimus on niin tehokasta, koska se johtaa parempaan sukupolveen, mitä kutsutaan "vierekkäiseksi mahdolliseksi" - mahdollisuuksiksi, jotka ulottuvat aivan nykyisten asioiden näkökulmasta.
Käsittelen tätä "ennakoivaa kehitystä" tai "ennakoivaa suunnittelua" tai "taktista rajaharrastusta", vain potkuja varten.
4. Nonce Taxonomy
Mitä, ehkä kysyit itseltäsi tässä vaiheessa, onko tämä kaveri kaikki näistä satunnaisista ehdoista? Anna minun selittää.
Termi "nonce taxonomy" on lainattu naisesta, joka kuoli aivan liian pian, kirjallisuuden kriittisen sankarin Eve Kosofsky Sedgwickin. Nonce tarkoittaa "kerran", ja taksonomia tietenkin on nimeämisjärjestelmä. Joten "nonce taxonomy" on käsitteiden ja termien järjestelmä, joka on räätälöity projektin käsille ja hävitettävä tai uudistettava heti, kun siitä tulee hankalaa tai merkityksetöntä.
Projektin tämän ajattelutavan ansiosta voit tuoda tuoreita ideoita hyvään, ja sen avulla voit myös räätälöidä jokaisen projektin asiakkaan erityisiin (ja erityisiin) vaatimuksiin. Yksinkertainen tapa keksimään nonce-taksonomian on työskennellä jonkin aikaa ja sitten valkotaululla luettelo termeistä, teemoista, ideoista, toistuvista kuvioista ja koodien elementeistä, jotka näyttävät olevan olennaisimpia hankkeen kannalta. Katso, sallivatko nämä mahdolliset muut mallit tai ehdot ja lisätään ja vähennetään säännöllisesti luetteloa mielestäsi sopivaksi. Ajatus tässä on ystävystyä liikkuvuuteen tarvittavaan liikkuvuuteen ja joustavuuteen.
Lisähuomautuksena XML- ja OOP-kielet ovat sekalaisia taksonomisia järjestelmiä, vaikka ne ovat tietenkin hieman sääntökohtaisempi. Tarkempien käytäntöjen osalta nonce-taksonominen muotoilu voidaan sisällyttää kaikkiin muuttuviin nimiin dokumentaatioon ja varmasti voidaan käyttää asiakkaiden vuorovaikutukseen (Jargon on seksikäs ). Voisit sanoa, että se tarjoaa "sielun" projektille, jos olet sellainen asia. Minulla olisi tullut hölynpitävä muotokieli täällä, mutta mielestäni tämä on kauneuden asia itsessään. RIP Eve.
5. Yhteydenottoalue
Tämä termi on kehittänyt kriitikko nimeltä Mary Louise Pratt vastauksena raja-ajatukseen (kuten Wild West -rajoihin). Hän väitti, että rajat ovat väärä metafora tilanteeseen, koska ne vain viittaavat siihen, että toiminta tapahtuu yhdestä näkökulmasta yhdestä näkökulmasta. Tosiasia on, että jopa tilanteissa, joissa äärimmäisen voiman epätasapainot, kuten esimerkiksi cowboyt ja intiaanit, monista näkökulmista ja motiiveista molemmin puolin muodostavat lopputuloksen. Tunnistamalla näiden monien halujen vaikutukset realistisempi arvio voidaan tehdä siitä, mikä johtaa onnistuneisiin tilanteisiin ja epäonnistumisiin.
Joten mitä tämä pieni revisionistisen historian oppitunnin liittyy web-suunnitteluun? Web-sivusto on kontaktivyöhyke siinä mielessä, että sinulla on suunnittelija ja käyttäjä, ja se on yleensä hyvin epätasapainoinen vuorovaikutus. Vaikka Web 2.0 -sivustot tarjoavat hieman teemamallintaa ja tietysti tietoliikennealustoja, ne eivät ole kovinkaan kaukana siitä, että ohjukset ohjataan koodiin ja antavat kenen tahansa tekemään mitä haluavat. Joten miksi jotkut epäonnistuvat ja muut onnistuvat?
Redditin sivuston vahvuus on, että sen luojat pitävät käyttäjiään luomisen ja muuttamisen silmukassa. Se on niin räikeä kuin mahdollista, koska se on mahdollista yksityisyyden ja jopa ulkoasun suhteen, ja siten se tuntuu olevan yhteysvyöhyke. Tarkoitan, oletko koskaan tutkinut Redditia? Ei ole mitään (mutta tuhannet redditorit). Suunnittelijat ja käyttäjät luovat palautetta, joka itse suunnittelee sivuston.
Vaikka termi "kontaktivyöhyke" on melko ihmisarvoinen omasta, heittäkäämme muutamia hauskempia muotoilumallia: "läpäisevä käyttöliittymä" tai "generatiivinen palaute".
6. Väline on viesti
Kuuluisa tekno-visionääri Marshall McLuhan on kehittänyt ajatuksen "kuumasta" ja "kylmästä" teknologiasta. Jos tekniikka on "kuuma", se antaa sinulle melkein kaiken tarvittavan tiedon, jättäen vähän mielikuvitukselle - ajatella 80 tuuman suuret televisiot tai 3D-elokuvat. Mitä kylmempi tekniikka, sitä enemmän se vaatii osallistumista ja osallistumista (Reddit on kylmä ... niin kylmä, lapsi).
Kun McLuhan sanoi, että väline on sanoma, hän tarkoitti, että tiedotusvälineet muuttavat tapaa, jolla ajattelemme ja tiedämme maailmaa. Kun meistä tulee niin täysin upotettu kylmässä verkkoteknologiassa, ne kirjaimellisesti alkavat uudistaa käsityksiämme. Mikä olisi maailma ilman Facebookia? En halua elää tuossa maailmassa. No ehkä. Se on lämmitetty hieman paljon maistani viime aikoina.
Ennen kuin vetään liian kauas fuddy-duddy -tekniikan faneihin, kerro, miksi McLuhanin huomautukset ovat tärkeitä. Se antaa meille uuden terminologian ajattelemaan sivuston vaikutusta. Suurin osa web-verkon kehityksestä on kääntynyt yhä enemmän kuumasta teknologiasta kylmään tekniikkaan, erityisesti Web 2.0 -suunnittelun ylijäämänä viime vuosina. Nyt voit muokata paljon enemmän näkemäsi ja vuorovaikuttaa ja tuottaa sisältöä tavalla, joka ei ollut kuvitellakaan vasta vähän aikaa sitten. Se ei ole vielä ohi. Erityisesti älypuhelimilla, media / viesti muuttuu taas, mielestäni lämpimämpi, koska käyttöliittymä on niin saumaton, että se on vaikea paeta.
Niitä, jotka kaipaavat hallitsevan "lämpötilan" päinvastaista, on aina järkevää pitää mielessä, kun yrittävät korjata vanhat trendit uudella web-suunnittelulla. On myös syytä harkita, mikä mukava lämpötila-alue on asiakkaillesi ja heidän asiakkailleen - he haluavat paljon vuorovaikutusta tai ovat ne sellaiset, jotka kaipaavat hyviä vanhoja päiviä, kun ihmiset vain kertoisivat heille, mitä ostaa? Ovatko ne immersivaa Flash-tyyppiä? Hullu PHP: n ja muiden tarjoamalle dynaamiselle sisällölle? Tai heittää takaisin joitain hyviä vanhanaikaista staattista HTML: ää? Kun lähestyt suunnittelua uudelle välineelle, voi olla hyödyllistä pohtia myös kysymyksiä siitä, miten väline itse muuntaa käyttäjän odotukset ja ominaisuudet ja miten tämä vaikuttaa sivuston yleiseen tarkoitukseen.
Jos tarvitsemme suunnittelukonseptia täällä, voisimme ehkä kutsua sitä esimerkiksi "media-mittauksiksi" tai "kuumailmoituksiksi" ja "kylmäviesteiksi".
Viimeinen kommentti
Kaiken kaikkiaan herkän suunnittelun nero on se tapa, jolla se tuo ulkomaisen, mutta epäilemättä merkityksellisen käsitteen täysin uudeksi kontekstiksi. Kun teet tämän, vanhoja ideoita herää eloon uusilla tavoilla. Ideojen risteytys on, mikä ohjaa foorumeja, kuten TED, IFTF ja tämä erittäin eZine. Jos käytät liikaa aikaa pyöräilemällä samoilla sanoilla yli ja uudelleen, pysähtyy ja työsi kärsii - asiat täytyy kehittyä tai kuolla. Tarjoamalla nämä ideat täällä, ei ole ollenkaan aikomusta yrittää pakottaa ei-toivottuja ehdotuksia alalla jo älykkäitä ja motivoituneita suunnittelijoita. Päätavoitteena on vain olla hieman provosoiva. Jos laajennamme tällaista ristitieteellistä tutkimusta filosofiaan, historiaan, politiikkaan tai psykologiaan - niille, jotka ovat halveksitut taiteet - kuvitellaan vain sellaisten uusien käsitteiden joukkoa, jotka tulevat saataville.