10 verkkosuunnittelukonseptia, jotka suunnittelijoiden tulisi tietää

Olen työskennellyt web-kehittäjänä yli 10 vuoden ajan, suurimman osan ajasta yritykseni on työskennellyt alihankintakehittäjänä työskentelemällä verkkosivujen suunnittelijoiden rinnalla verkkosivustoilla ja sovelluksissa. Lisäksi olemme kehittäneet oman pienen CMS-tuotteemme, Ahven , jota monet web-suunnittelijat käyttävät yksinkertaisen sisällönhallinnan tarjoamiseen sivustoilleen. Ahvenen tukemisen aikana saan nähdä, miten ihmiset työskentelevät, ja käsitteet, joiden kanssa he kamppailevat.

Suunnittelija, joka freelancee tai hoitaa omaa toimistoa, voi huomata, että heidän on selitettävä itsevarmasti teknisiä käsitteitä asiakkaille. Loppuasiakas ei ole usein tietoinen uuden sivuston käynnistämisen erilaisista erikoisuuksista ja luottaa heidän verkkosuunnittelijaansa ohjaamaan heitä prosessin läpi. Siksi vaikka sinulla on tapana ulkoistaa kehitystyötä, ymmärrystä kehityksestä voi maksaa osinkoja, jotta voit keskustella työn teknisistä osista asiakkaidesi kanssa. Lisäksi työskennellessäsi kehittäjien kanssa tietosi auttavat nopeuttamaan viestintää ja estämään väärinkäsityksiä.



Tämä artikkeli sisältää pieniä vinkkejä ja linkkejä jatkokäsittelyyn aiheista, joita olen havainnut selittävän työskennellessäni verkkosuunnittelijoiden kanssa projekteissa ja kun tuen Perchiä.



1. Kirjoita käyttäjäkeskeiset toiminnalliset eritelmät

Toiminnalliset määrittelyt tai alushousut kehitystyölle ovat osa viraston elämää. He saavat vähän huonoa lehdistöä, koska heitä voidaan käyttää asiakkaan päihittämiseen ja estämään muutoksia, jotka parantavat sivustoa parempaan suuntaan. Jos sinun on kuitenkin ilmoitettava aika ja kustannukset, tarvitset jotain, johon arvio perustuu, ja jos teet alihankintaa kehitystyölle, sinun on varmistettava, että kehittäjät ovat selvillä siitä, mitä heidän on rakennettava.

Kehitysmääritysten tulisi kuvata selkeästi sovelluksesi keskittyen siihen, mitä käyttäjä voi tehdä. Keskity tehtäviin, jotka käyttäjien - sekä kävijöiden että järjestelmänvalvojien - on saavutettava, ja edistät pitkälti sellaisen määrittelyn luomista, johon voidaan luotettavasti lainata ja joka auttaa estämään ominaisuus hiipiä .



2. Harkitse rakenteiden ohjelmointia suunnittelussa

Kun kehittäjät pohtivat vaatimuksia, meillä on taipumus ajatella konstruktioiden ohjelmointia. Näiden rakenteiden ymmärtäminen voi todella auttaa kehittämällä teknisiä tietoja ja suunnittelemalla rajapintoja.

Ehdollinen logiikka - jos… niin ... muuta ...

Esimerkki ehdollisesta logiikasta voi olla seuraava vaatimus. Jos käyttäjä on kirjautunut sisään, näytä hänelle linkki Oma tili -kohtaan, muuten näytä sisäänkirjautumisen ja tilin luomisen linkit. Virtausta suunniteltaessa on helppo unohtaa muu, mieti aina mitä tapahtuu, jos ehtoasi ei täyty.

Silmukat

Paljon kehitystä koostuu toistuvien palojen toistamisesta. Ehkä sinulla on tuotteita tallennettu tietokantaan ja haluat näyttää ne luettelona toistamalla saman merkintälohkon uudestaan ​​ja uudestaan ​​loppuun asti.



voitko käyttää microSD-korttia sovittimen kanssa DSLR: ssä

Mitä tapahtuu, jos sinulla on liian monta kohdetta näyttämään hienosti yhdellä sivulla? Tarvitset jonkinlaisen sivunvaihdon - edellisen ja seuraavan - tai muun tavan näyttää vain osa tiedoista. Voivatko ihmiset lajitella nämä tiedot millään tavalla? Onko olemassa erityistapauksia, jotka on esitettävä eri tavalla? Nämä säännöt on selitettävä eritelmässä, koska mikä tahansa suodatus edellyttää todennäköisesti lisätietojen tallentamista tuotetta vastaan ​​tietokantaan.

Tämä artikkeli dev.opera selittää ohjelmoinnin perusteet yksinkertaisella tavalla muille kuin ohjelmoijille.

3. Suunnitellessasi - älä unohda virhetiloja

Kun olet ajatellut kehittää lyhytkehitystä tai luoda alkuperäisiä mallejasi, älä unohda virhetiloja ja lomakkeiden validointia. Jos jätät nämä asiat kehittäjien tehtäviin, saat ohjelmoijien suunnittelemia virheilmoituksia.

Suojaa suunnittelua ohjelmoijilta! Varsinkin jos olet tilanteessa, jossa luovutat malleja kehittäjälle sivuston rakentamiseksi, ja sinulla ei ehkä ole paljon panosta sen jälkeen. Mieti erilaisia ​​paikkoja, joissa käyttäjien on täytettävä lomakkeet tai muuten oltava vuorovaikutuksessa sivuston kanssa. Suojaa suunnittelua antamalla kehittäjille selkeät ohjeet siitä, miten viestit näytetään ja minkä käyttökokemuksen tulisi olla.

4. Opi tietokannan suunnittelun perusteet ja miten tiedot tallennetaan

Ellei sinulla ole täysin staattista sivustoa - missä tapauksessa tietosi tallennetaan HTML-muodossa - tallennat tietoja jotenkin. Tietojen tallentamisen ymmärtäminen helpottaa elämääsi verkkosuunnittelijana. Se auttaa sinua ymmärtämään päätökset, jotka kehittäjän on tehtävä voidakseen tallentaa tietoja hyvin käytettäväksi sivustolla, ja miksi näennäisesti pienet muutokset suunnitteluun voivat tehdä paljon työtä.

5. Opi rakastamaan versionhallintaa

Lähteen tai version hallinta voi tuntua tarpeettomalta etenkin yksinäiselle suunnittelijalle, mutta versionhallinta voi estää tietojen menetyksen tarjoamalla varmuuskopion työstäsi. Etäkäytetyn versionhallintajärjestelmän käyttö voi myös helpottaa työskentelyä eri paikoissa. Tarkistan työni järjestelmäämme joka ilta ja sitten, jos minun täytyy työskennellä jostain syystä kotona seuraavana päivänä, voin tarkistaa edistymiseni ja jatkaa juuri siitä, mihin jäin.

Nykyään on useita erinomaisia ​​isännöityjä versionhallintapalveluja - esimerkiksi GitHub ja Pavunvarsi . Beanstalkilla on myös a loistava opas versionhallintaan niille, jotka käyttävät sitä ensimmäistä kertaa.

6. Luo ammatillinen kehitysympäristö

Ahvenen tukeminen on antanut meille upean käsityksen ihmisten työskentelytavoista. Joitakin pelottavia asioita, joita näemme ihmisten olevan, ovat seuraavat:

Kehittäminen suoraan live-sivustolla

Olen aina hämmästynyt siitä, kuinka monta ihmistä näen tekemän muutoksia suoraan live-verkkosivuston tiedostoihin. Tämä on kauhea tapa työskennellä eikä vain siksi, että todennäköisesti rikot jotain suoralla sivustolla. Jos kehität suoraan palvelimen tiedostoihin, on täysin mahdollista, että tämä on ainoa saatavilla olevien päivitettyjen tiedostojen kopio. Jos palvelimessa on ongelmia, saatat huomata, että koko sivustosi on kadonnut.

mitä piirtää kynällä

Kehitetään live-sivuston alikansioon

Toinen asia, jonka näemme ihmisten tekevän, kehittyy suoralla sivustolla, mutta tekee sen alikansiossa. Vaikka tämä tarkoittaa, että et tee suoraan muutoksia live-sivustoon, sinulla on silti ongelma, että ainoa sivuston kopio on olemassa live-palvelimen alikansiossa.

Alikansion kehittämisessä on toinen ongelma - olipa kyseessä sitten live-sivusto tai paikallinen palvelin - että tekemällä näin kaikki polut juuresta ovat virheellisiä, kun siirrät sivuston tasolle. Joidenkin komentosarjojen on tiedettävä polut juuresta, joten saatat huomata, että ympäristön muutos aiheuttaa sinulle ongelman, kun siirryt live-tilaan. Drew McLellan selittää miksi sinun pitäisi lopeta sivustojen rakentaminen alikansioihin .

Kehittäminen paikallisesti ilman verkkopalvelinta

Jos et tee mitään palvelinpuolen kehitystä, voit työskennellä vain paikallisesti, esikatsella tiedostoja selaimen tiedostojärjestelmästä tai käyttää Dreamweaveria tai muuta editoria esikatseluun selaimessa. Jälleen kerran tekemällä näin et katsele sivujasi osana verkkosivustoa, mikä voi aiheuttaa ongelmia poluilla, kun siirryt live-palveluun.

Kehittäjät tietävät, että sinun on aina peilattava elävä ympäristösi mahdollisimman tarkasti, mikä estää monia ongelmia, joita sinulla muuten olisi, kun siirrät sivustoa suorana.

halvat MacBook Pro -kotelot 13 tuumaa

Haluaisin ehdottaa, että jokainen hoitaa oman paikallisen verkkopalvelimensa. Jos sivustosi ovat yleensä vain HTML ja CSS tai käytät PHP: tä, niin MAMP Macissa, EasyPHP tai XAMPP Windows toimii hyvin. Luo kullekin sivustolle virtuaaliset isännät, jotta tiedostot voivat elää sivuston juuressa.

7. Käytä koodia ja muita varoja uudelleen

Kehittäjät haluavat käyttää koodia uudelleen mahdollisuuksien mukaan sen sijaan, että kirjoittaisivat asioita tyhjästä. Uudelleenkäyttö säästää aikaa, mutta voi myös säästää tekemällä samoja virheitä uudestaan ​​ja uudestaan.

Koodin uudelleenkäyttö ei välttämättä tarkoita CSS-kehyksen tai saman kattolevyn käyttöä jokaiselle sivustolle. Voit vain ylläpitää hyödyllisten katkelmien kirjastoa.

Monien koodieditorien avulla voit tallentaa koodinpätkät tai leikkeet, on myös erillisiä työkaluja ja verkkosovellukset suunniteltu tähän tarkoitukseen.

Uudelleenkäytön ei tarvitse olla vain koodia, vaan voit tallentaa yleisiä käyttöliittymäelementtejä pudottaaksesi malleihin Photoshopiin. Yksi tapa säästää itselleni aikaa on pitää testilataustiedostojen kansio työpöydälläni. Koska kehitän ja testaan ​​sisällönhallintajärjestelmiä, minun on usein testattava kuvien ja tiedostojen lataus. Pitämällä joitain testitiedostoja en päädy lataamaan joitain tärkeitä PDF-tiedostoja tileiltä asiakkaan testipalvelimelle!

8. Tiedä, milloin vastuun siirtäminen kolmannelle osapuolelle on hyvä idea

On houkuttelevaa haluta tehdä kaikki ja pitää kaikki omalla sivustollasi. Joskus vastuullisin asia ehdottaa asiakkaallesi on kuitenkin käyttää kolmatta osapuolta joihinkin toimintoihin. Hyviä esimerkkejä tästä ovat maksun ottaminen ja sähköpostin lähettäminen.

Maksusivut

Jos sivustosi on suoritettava maksuja verkossa, monet maksupalveluntarjoajat tarjoavat vaihtoehdon täydelliseen sovellusliittymän integrointiin tai ottavat maksun sivuston suojatulle sivulle. Ellet ole erittäin luottavainen tietoturvaan ja ymmärrät, miten PCI DSS -vaatimukset vaikuttavat sinuun, on usein parempi päätös jättää korttitietojen kerääminen PSP: n tehtäväksi, niin sinun ja asiakkaasi ei tarvitse vaatia huolta kortin tiedot.

Lähetetään sähköpostia

Sähköpostin lähettäminen on hankalaa liiketoimintaa. Sähköpostin saaminen toimimaan hyvin sähköpostiohjelmissa ja roskapostisuodattimien ohittaminen voi olla vaikeaa. Sinun on myös hallittava tilauksen peruutuspyyntöjä ja tarkasteltava, kuinka monta viestiäsi todella käy läpi. Kolmannen osapuolen palvelut, kuten Kampanjan valvonta ja MailChimp lähetettäväksi luetteloihin ja Postileima sähköpostin lähettäminen sovelluksestasi voi siirtää vastuun sähköpostista kolmannelle osapuolelle, joka on asiantuntija sen käsittelyssä.

9. Huomaa, että halpa hosting on kallista

Jos maksat isännöinnistäsi kuukausittain vähemmän kuin maksat kahvistasi joka aamu, jokin on vialla. Huonolaatuinen isäntä maksaa sinulle paljon enemmän ajoissa kuin säästät rahaa.

Isännät tarjoavat halpaa isännöintiä tarjoamalla hyvin vähän tukea ja lataamalla valtavan määrän sivustoja jokaiseen fyysiseen palvelimeen. Mitä enemmän sivustoja on jaetulla palvelimella, sitä vähemmän resursseja kullakin yksittäisellä sivustolla on - ja sivustosi toimii todennäköisesti hitaasti, ja tietokantapohjaisten verkkosivustojen kohdalla saatat nähdä yhteysvirheitä tietokantapalvelimen kanssa, koska sillä on liikaa liikennettä selviytyä.

miten maalata maisemia vesiväreillä

Jos haluat, että sivustosi latautuu nopeasti ja isäntäsi auttaa sinua, jos sinulla on ongelmia, maksaa hieman enemmän isännöinnistäsi. Lisää valitsemalla web-hosting .

10. Saavuta tietoturva

Muutamilla varotoimilla voit minimoida sivustosi hakkeroimis- tai pilaantumisriskin. Suurin osa hyökkäyksistä ei ole henkilökohtaista, vaan ne on kohdistettu yleisesti asennettuihin ohjelmistoihin. Lopeta haittaohjelma site selittää joitain yleisimpiä asioita, joita saatat löytää hakkeroidulta sivustolta.

Kolmannen osapuolen ohjelmistopäivitysten on oltava osa teknisiä tietoja

On vastuutonta jättää asiakkaalle palvelimelle asennettu kolmannen osapuolen ohjelmisto ilman mahdollisuutta päivittää sitä. Jos asennat sivuston jollekin, joka käyttää mitä tahansa kolmannen osapuolen koodia - olipa kyse blogiohjelmistosta, CMS: stä, foorumista tai muusta - sinulla on joko oltava asiakkaan kanssa sopimus siitä, että päivität ohjelmiston tarvittaessa, tai välität sen tietoja, jotta he voivat tehdä sen itse.

Ole erittäin epäluuloinen laajennuksista

Olettaen, että sinulla on käyttämäsi ydinohjelmisto - kuten WordPress - ajan tasalla, hakkeri pääsee todennäköisesti palvelimelle laajennuksen kautta, jolla on joko heikko suojaus tai jopa haittaohjelmien isäntä. Tee tutkimuksesi ennen koodin lisäämistä sivustoosi ja tarkista, että ihmiset eivät ilmoita ongelmista sen käytön jälkeen.

Jos sivustosi on vaarantunut, tarkista, onko isännälläsi muilla ihmisillä sama ongelma

Asennuksesi ei ehkä ole aiheuttanut tietoturvaloukkauksia. Jos sivustoosi on hakkeroitu, tarkista, onko myös muilla saman palvelimen ihmisillä ongelma. Asia voi johtua hosting-yrityksen heikosta turvallisuudesta tai heidän ohjauspaneelin ohjelmistoon perustuvasta kompromissista. Jos he eivät ota tätä kovin vakavasti, on aika vaihtaa isäntää!

Olitpa mukana verkossa suunnittelijana, kehittäjänä, copywriterina, projektipäällikkönä tai muuna roolina, mielestäni mitä enemmän ymmärrät koko pinosta, sitä parempi. Työskentelemme tehokkaammin yhdessä, kun arvostamme ja voimme oppia toisiamme rooleista - ja usein on vinkkejä, jotka voivat auttaa meitä omassa työssämme, kun katsomme, mitä muut ihmiset tekevät. Voit lisätä omia vihjeesi ehdotuksia kommentteihin.