Suunnitteluprosessi vs. Suunnittelu-As-Productin

Sana "malli" on se, että sen merkitys riippuu oman näkökulmasta.

Joillekin mallille on lippu pikaviestisivulle. Monissa sisällönhallintajärjestelmissä käyttäjät voivat vaihtaa plug-and-play -teemoja yhtä helposti kuin muutat vaatteita, ja edulliset nahat ovat vain Google-haku.

Muille mallipohjat ovat oppimisvälineitä. Oikeanpuoleisen koodin ja tyylin näytteiden opiskelu on heille käytännöllisempi kuin kirjan esimerkkejä tai luentomonisteiden tarkastelua.

Mallit voivat edustaa itsenäisyyttä. Jokainen, edes joku, jolla ei ole perussuunnittelua tai kehitystyötä, voi valita satoja malleja pelkäämättä, että "design expert" kyseenalaistaa päätöksensä.

Mallit voivat myös tarkoittaa tehokkuutta. Ne ovat riittävän geneerisiä, jotta ne sopivat useimpiin tietoihin, ja ne ovat uudelleenkäytettäviä. Täytä tila sisältöviivan avulla ja olet valmis.

Monet ihmiset, jotka olen työskennellyt -suunnittelijoiden, johtajien ja asiakkaiden kanssa, yhtäpitävät mallien suunnittelua. Suunnittelun tarkoituksena on rakentaa tuoli, johon sisältö istuu. Suunnittelun valitsemiseksi on valittava ajoneuvo, jolla voidaan kuljettaa tietoja.

Substantiivi "design" poikkeaa verbistä "design" : toinen on tuote, toinen prosessi. Tämä ajatus herättää kysymyksen: Onko web design iho syvä, tai ovatko suunnittelijat enemmän kuin purkulaitteet malleja?

Chasing Keyboard Shortcuts

Ajattelemalla sivuston suunnittelun prosessi "paras mallin tuottaminen" on väärä lähestymistapa. Tiedän kokemuksesta.

Kauan sitten minua palkattiin suunnittelemaan asianajotoimiston verkkosivusto. Yrityksen omistajat tiesivät, mitä he halusivat, enemmän tai vähemmän, ja tarjosivat JPG-mallineita. Tunnettu tiukka määräaika, kehittäjä ja minä haki tietokannan, mukautetun CMS: n ja tietenkin HTML-mallin.

Heidän kolmipistekokoonpanonsa olivat vaaleita laatikoita kirkkaammalla taustalla. Mitasimme oikeanpuoleisten mainosten tilaa, toimimme hakutyökalun vasemmalle puolelle, tarkkailtiin välimatkaa Explorerin kolmessa versiossa ja piirrettiin pudotusvarjoja navigointipalkin alla. Lyhyesti sanottuna me hurskasimme kaiken paitsi keskimmäisen sarakkeen.

Kun määräaika lähestyi, tapasimme viime hetken ongelmien ratkaisemiseksi. Yksi henkilö ei ollut tyytyväinen tietyn tiedon järjestämiseen. Joku ehdotti ratkaisua ja pyysi minua kokeilemaan sitä. Muutama HTML-muutos myöhemmin, näimme uuden sivun. Jokainen ratkaistiin tämän kompromissin puolesta ja verkkosivusto kävi eteenpäin.

Aloituksen jälkeen asiakas kehui suunnittelutaidoistani ja erityisesti pikanäppäinten tuntemukseni. Aluksi en tunnustanut tahattomat loukkaukset, mutta minua oli valettu "painikkeen työntimestä", ja muotoilu oli napin painallusta. Mikä pahempaa, se oli minun syytäni: ottaessani itseni tähän tehtävään toimimalla valiokunnan mielikuvitukselle. Työ maksoi hyvin, mutta tulos oli jännittynyt ja kokemus heikkeni.

Paras tapa suunnitella, ja tarkoitan verbiä, on jatkaa suunnittelua, etsiä ongelmia. Vaadimme, että "vähemmän on enemmän" on sama kuin sanomalla "Älä tee mitään, ellei hanke kärsi ilman sitä".

Kuinka se toimii?

1. Kysy kysymyksiä.

"Mitä haluamme tehdä?" On vasta alkua ja "Sivuston rakentaminen" ei ole riittävä vastaus.

• "Kenelle aiomme auttaa, ilmoittaa tai vaikuttaa?"
• "Miksi ihmiset tulevat meille kilpailun sijaan?"
• "Kuka vastaa siitä?"
• "Mitä me tarvitsemme käynnistääkseen ja mitä voimme odottaa myöhemmin?"
• "Kuinka ylläpidämme tätä verkkosivustoa? Kuka tekee muutoksia, seuraa liikennettä ja ratkaisee ongelmia? "
• "Onko tämä aikaisemmin tehty? Jos on, miten voimme parantaa sitä? Mitä virheitä voimme oppia? "

Nämä eivät näytä suunnittelukysymyksiltä; kuitenkin hankkeen perusteellinen käsitys antaa sinulle mahdollisuuden ottaa käyttöön oikeat graafiset ja tekniset tekniikat. Esimerkiksi CMS: n valinta riippuu siitä, kuinka usein sivustoa on päivitettävä - ehkä CMS ei edes ole välttämätöntä.

2. Määritä parametrit.

Ihmiset ovat yllättyneitä oppimaan, että malli kukoistaa rajoja; ongelmanratkaisu on hyvä liikunta. Seuraavassa on joitain parametreja, jotka on otettava huomioon:

• Huomio: "Haluamme tehdä pysyvän vaikutelman ihmisistä. Mikä on meidän viestimme? Kuinka monella eri tavalla voimme ilmaista tämän viestin? Mikä voi häiritä ihmisiä? "
• Medium: "Tarvitsemme tämän toimimaan työpöytäselaimissa ja kannettavissa laitteissa. Miten voimme kirjoittaa saman HTML: n molemmille? "
• Talousarvio: "Kuinka paljon voimme tehdä rahat meillä on?"
• Aikajana: "Projekti on käynnistettävä x määrä päiviä. Kuinka voimme saavuttaa tämän kaiken tähän mennessä? "
• Menestys: "Meidän täytyy myydä x widgetien määrä, ilmoittaa ihmisten määrä ja hankkia z uusien jäsenten määrä ensimmäisellä kuukaudella. Mikä saa ihmiset toimimaan? "

Rajoitukset lisäävät innovaatiota. Web-sivuston kirjoittaminen sopivaksi, esimerkiksi, että iPhones ja Internet Explorer 6 voivat vaatia suunnittelijoita haastamaan oman käsityksensä siitä, mitä HTML voi tehdä. Rajoitukset aiheuttavat ongelmia, ja suunnittelu on niiden ratkaisemista.

3. Deal kanssa odottamaton.

Harvoin todellisuus heijastaa ihanteita, joten käytä ongelmanratkaisutaitoja.

• Tekninen: "Tämä ladattu lataus ei tee kaikkea mitä haluamme. Sopeutetaanko koodia tai mukautetaan tavoitteita aiheuttavat enemmän surua? "
• Visual: "Se näytti paremmalta päältä kuin se näytöllä. Miksi minua vähennetään? Kuinka voimme paremmin ilmaista haluamme? Tuleeko kävijöitä unimpressed? "
• Poliittinen: "Kirjoitimme tämän koodin tietyn tehtävän suorittamiseen, ja meitä pyydetään nyt tekemään se jotain muuta. Voimmeko sanoa "ei", vai ovatko pyynnöt toteutettavissa? "
• Aika: "Tämä kestää kauemmin kuin sallimme."

Suunnittelussa on prosessi , joten ongelmat ratkaistaan ​​käyttämällä ulkoasua, typografiaa, väriä, linjaa, muotoa, kontrastia ja tekniikkaa.

Milloin suunnittelija suunnittelee?

Päättää, mitä blogin pitäisi näyttää, on huono tapa aloittaa. Blogi on mikrofoni, ei ääni; ilman sanoja täyttää sivujaan, blogi kuolee.

Mitään WordPress / Drupal / Blogger / Joomlan velhoja ei täytä tyhjää reikää. Käytä fontteja esimerkiksi: hyvännäköisen kirjasintyypin valitseminen ei ole sama kuin valita sellainen, joka jäljittelee tai vahvistaa verkkosivujen graafisia elementtejä.

Suunnittelun lataaminen (substantiivi) on pikakuvake, jolla saadaan tuloksia, mutta ei välttämättä menestystä. Sivut muuttuvat vaihdettaviksi aluksiksi: helposti toistettavia, mutta sisällöllisesti välinpitämättömiä.

Suunnittelu (verbi) on intiimi suhde sisällön ja muodon välillä. Se on enemmän työtä, mutta ei siis siksi, että ihmiset palkkaavat ammattimaisia ​​suunnittelijoita?

Kirjoitettu yksinomaan Ben Gremillionin Webdesigner Depotille. Ben on freelance-web-suunnittelija ratkaisee viestintäongelmia parempaa muotoilua.

Kuinka katselet "malleja" ja "muotoilua" tämän artikkelin lukemisen jälkeen? Jaa kommenttisi alla ...

• ← Uutta Web-suunnittelijoille - lokakuu 2010
• Ultimate Collection of Social Media -kuvakkeet →