Ihmiset rakentavat verkkosivustoja monista syistä: tavoittaa laajempi yleisö; myydä, edistää tai ilmaista; rauhoittaa vertaispaineita. Uutuus pysähtyi syystä noin 2001. Sen sijaan meillä on tietenkin: o tietenkin minulla on verkkosivusto; tietenkin sinun täytyy olla Facebook-seinä, Twitter-tili, LinkedIn-profiili tai Pinterest-lauta; tietenkin meillä kaikilla on sähköposti.

Tietenkin web-suunnittelu käyttää HTML: ää ja CSS: tä - kaksi kieltä, joiden avulla selaimen tekijät ja suunnittelijat löytävät yhteyden. Mutta monet web-suunnittelijat luovat hämmästyttävän monipuolisen sisällön samoilla kielisäännöillä kyselemällä, mitä jos sen sijaan, että ne kuuluvat tietenkin.

Toiset kiinni siitä, mikä toimii.

Ne, jotka noudattavat perinteistä viisautta, käyttävät paitsi kieliä, mutta samoja lauseita - web-termejä, ei pelkästään HTML / CSS, vaan Arial ja Georgia, 960-pikselin laajuiset ulkoasut tai alleviivatut siniset linkit. Tällaisten yleissopimusten käyttäminen ei ole väärä. Mutta suunnittelijat, jotka eivät päätä käyttämään vakiintuneita malleja - jotka noudattavat perinteistä viisautta ilman, että kysyvät miksi - menetä mahdollisuuksia.

Vakiorakenne

Vakiotasoinen, yhden tason rakenne on käytännöllinen. Se on yksinkertainen, ja yksinkertainen on hyvä määräaikaan. Mikä tärkeintä, se on tuttu. Sekä web-selaimissa että web-suunnittelijoilla on ääneen lausumaton sopimus siitä, miten sivustot toimivat. Kotona / palveluilla / Tietoja / yhteydenottotaulukon jälkeen palvelee suunnittelijoita ja yleisöjä vastaamaan heidän odotuksiaan.

Muut käsitykset ovat niin ilmeisiä, että ne on helppo unohtaa:

  • Ihmiset odottavat, että sana "yhteyshenkilö" napsauttamalla esitetään sähköpostin tai puhelimen tiedot.
  • He tietävät, että he löytävät kotilinkin sivun vasemmassa yläkulmassa. Yhdessä logo, tietenkin.
  • He näkevät alatunnisteen tekijänoikeuslausunnot, usein vasemmalla, vuoden kuluttua.
  • He tietävät, että sivustot selaa ylös ja alas, ei vierekkäin.

Plus, oppimiskäyttäytyminen helpottaa kitkaa. Mutta suunnittelijat, jotka noudattavat yleissopimuksia, ymmärtävät sen tai eivät ole sitä, vahvistavat itse yleissopimuksia.

  • Napsauta logoa ja hanki yhteydenottolomake. "Se ei ole mitä odotin."
  • Napsauta linkkiä, joka kertoo "lue lisää" ja maksa-seinästä. "Anna minulle artikkeli."
  • Selaa vaakasuoraan pystysuoran sijaan? "Tuo on outo. Onko se rikki? "
  • Suurin näkyvä grafiikka sivun alareunassa? "Se on ylösalaisin."

On helppo tehdä selkeä johtopäätös: rikkoa yleissopimus ja riski vieraannuttaa ihmisiä.

Kaikki yleissopimukset eivät kuitenkaan ole ehdottomia. Useimmat verkkosivustot noudattavat sääntöjä omilla tyylisuhteillaan. Kaikki sivuston kaikki linkit eivät ole alleviivattu sinisellä tekstillä. Kaikki kuvat eivät ole samanlaisia. Kaikki ulkoasut eivät käytä samoja sarakkeiden järjestelyjä. Ihmiset sopeutuvat, koska yleissopimusten muutokset ovat itseään, yleissopimuksia. Ihmiset odottavat löytävänsä sivustoja.

Siinä tapauksessa, miten epätavalliset verkkosivustot päästävät eroon rangaistuksesta? Heidän suunnittelijansa keksivät uusia oppi- muksia, jotka ovat helppoja oppia.

Mukautuva ajattelu

Vanha sanonta, "Älä riko mitä ei ole rikki" on hyvä neuvo, kunnes joku muuttaa määritelmän "rikki".

Verkon alusta suunnittelijat voivat luottaa siihen näytöt ovat vähintään 640 pikseliä leveä . Viime aikoina 1024 pikseliä ja enemmän ovat yleisiä. Vuodesta 2007 alkaen pikkuruinenaparaatti laittaa verkkosivustoja ihmisten käsiin. Yhtäkkiä suunnitellaan 320 pikseliä oli muodissa .

Mutta pakko muuttaa ja muuttaa muutosta ovat erilaiset asenteet. Luovuus ei pelkää seurata suurempaa vastustusta.

Roberts

Roberts-konserni Verkkosivusto kokeilee verkko-pohjaista ulkoasua. Käyttäjät liikkuvat sivustollaan "kirjaimellisella sivustokartalla". Teksti-linkit tarjoavat käyttäjälle epäsuosion epäselvyyttä.

Kuinka rikkoa yleissopimuksia

Kaikki riskit eivät maksa. Useimmat epätavalliset web-mallit eivät onnistu, koska ne rikkovat malleja, mutta koska he eivät ilmoita uusia lupauksia. Pelin tarkoituksena on selvittää, miksi yleissopimukset tulivat.

1. Aseta kotilinkki logon kanssa vasemmassa yläkulmassa

Ongelma: monimutkaisten sivustojen kävijät voivat kadota. Luotettava kotisivun linkki toimii sivuston nollauspainikkeena.

Perinteinen ajattelu: jokainen sivun lataus alkaa sivun yläosasta. Koska useimmat verkkokokoonpanot selaa alaspäin, kunkin sivun yläosa on loogisin paikka luotettavalle painikkeelle.

Epätavallinen ajattelu:

  • Käytä asentoa: kiinteä pitämään kotipainiketta samassa paikassa kävijöiden selaimissa, ei pelkästään sivulta
  • Kannusta ihmisiä selailemaan sisältöä näkyvällä kotilinkillä sivun alareunassa
  • Poista kotisivut runsaasti navigointipalkkia

2. Artikkeleiden otsikot, kuvat tai "lue lisää" voidaan napsauttaa

Ongelma: ihmiset tarvitsevat selviä vihjeitä saadakseen tietoa, jonka otsikot ja kuvaukset lupaavat.

Perinteinen ajattelu: otsikot ja pikkukuvat edustavat parhaiten kuvattua sisältöä. Lyhin reitti "Haluan lukea lisää siitä" on saada se klikattava. Siksi otsikot ja pikkukuvat napsautetaan.

Epätavallinen ajattelu:

  • Tee koko teaser-kuva, otsikko ja kuvaus klikkaamalla. Linkit, joilla on enemmän pinta-alaa, ovat hyviä mobiilisuunnittelua varten ja helppoja luoda CSS: n avulla
  • Käännä se ylösalaisin: lyijää yhdellä tai kahdella pakottavalla lauseella ja laita sitten napsautettava otsikko pienempään tekstiin
  • Sen sijaan, että "lue tämä nyt", anna käyttäjien lisätä artikkeleita jonoon lukemaan heidän vapaa-ajallaan valitsemassaan järjestyksessä

3. Suunnittele malli ennen sisällön kirjoittamista

Ongelma: estetiikka, ei koodi tai semantiikka, luo sivuston ensimmäinen vaikutelma.

Perinteinen ajattelu: Suunnittele sivuston ulkoasu ensin. Jätä tilaa sisällölle.

Epätavallinen ajattelu:

  • Käytä typografiaa ja väriä täyttämään sisältöä itseään mielialalla, äänellä ja luonteella. Suunnittele sitten elementtejä, jotka vahvistavat tätä merkkiä, kuten taustakuvioita ja sivupalkkeja.
  • Tee taustan osa sisällöstä. Muuta värejä sivua vastaamaan mielialaa, aihe tai toiminto.
  • Piilota tai pienennä sivupalkin tietoja, kunnes käyttäjä päättää kiinnittää huomiota siihen.
Stories at Longboard World

Tarinat Longboard-maailmassa ei vain riitä, että "teasers on teksti" sääntö, mutta oppii oppitunti Fittin laki tekemällä koko notekard napsauttamalla.

Ohjeet sääntöihin

Julkisen oppimisen käyttäytymisen rikkoo lupaus. Sopimukset merkitsevät luottamusta. Paras tapa rikkoa vakiintuneita sääntöjä ei siis ole rikkoa niitä vaan korvata ne.

1. Korvaa, älä katkaise sääntöjä

Jotta muutettaisiin yleissopimusta, meidän on kunnioitettava vanhojen sääntöjen toimivuutta.

  • Varhaiset selaimet tarvitsivat linkkien luomista, joten he korostivat klikattavaa tekstiä.
  • Tekstiviestit, jotka ovat yli 400 pikseliä, ovat ihmisille vaikeita seurata linjaa rivin jälkeen. Sarakkeiden lyhentäminen ei ainoastaan ​​sovi, vaan ne mahdollistavat entistä horisontaalisen organisaation.
  • Sisältöä sisältävät verkkosivustot luovat organisaation päänsärkyjä. Hakuvälineiden avulla ihmiset voivat metsästää tietynlaisen lausekkeen eikä kaivaa mielivaltaisia ​​luokkia.

2. Noudata omia sääntöjäsi

Kun ihmiset yhdistävät sanoja oranssinvärisiä ruutuja linkkien kanssa, muotoilu ei saisi vaihdella tuosta lupauksesta. Joka kerta, kun napsautat oranssinväristä ruutua, ihmiset siirtävät uuden sivun, sääntö vahvistuu. Jokainen oranssi laatikko, joka muutoin hajottaa sääntöä.

3. Anna sille aikaa

Sekä julkiset että haluttomat sivuston omistajat saavat luottamuksen altistumisen kautta. Suunnittelu voi auttaa sitä vähentämällä oppimiskäyrää - sääntöjen selkeyttäminen.

4. Käytä tavoitteita

Yleissopimukset toimivat. Ne ovat helppoja suunnittelijoille ja yleisöille. Muutosmuutoksen vuoksi kukaan ei suosi. Pikemminkin, harkitse uudelleen ongelmia.

  • Suosittu konsensus vastustaa tätä lainsäätäjää. Jos ihmiset vierailevat verkkosivuilla, meillä on alle yksi sekunti voittaa heidät. Kuinka voimme muuttaa mieliä nopeasti?
  • Haluamme näyttää yli 200 kuvaa. Miten voimme helpottaa ihmisten selata?
  • Tuotteemme ovat turvallisia, mutta meillä on mainetta siitä, että emme huolehdi ympäristöstä. Lehdistötiedotteet eivät merkitse mitään. Kuinka voimme osoittaa aitoa huolenaihetta subtextissa?
  • Meillä on huikea inventaario. Kukaan ei osta. Kuinka voimme kääntää sen eduksi?
Evolution of the Web

Verkon kehitys uskaltaa rikkoa selaimen "oikeanpuoleinen taitto" ulottuen sivuttain. Animaatio alussa osoittaa käyttäjille, mitä he saavat sivulle siirtymistä varten.

Kun web-suunnittelu kehittyy, yleissopimuksen noudattaminen on riskialtista kuin kokeilu. Kun yleisö huomaa epätavallisia malleja, jotka toimivat hyvin, liikkuvat tai eivät, he tulevat myös tietoisiksi verkkosivustoista, jotka rajoittavat eilisen sopimuksen. Suunnittelijat, jotka tunnustavat tämän, voivat tehdä suuria edistysaskeleita parempien verkkosivustojen rakentamiseen.

Rikkoiletko sääntöjä vai pelastatko sen turvallisesti? Millaisia ​​web-sääntöjä haluaisit kirjoittaa uudelleen? Kerro meille kommentit.

Esitetty kuva / pikkukuva, epätavallinen kuva kautta Shutterstock