Postitused sildiga “Disain”.

Oletused 

Juhtusin hiljuti paari meie kasutajaga vestlema teemadel disain ja kasutajakogemus ning sealt jäi kummitama, et disainina käsitletakse pahatihti pilti ja vormistust – fassaadi kui soovite. See, kuidas kodulehe ja laiemalt toote või teenuse funktsionaalsus kujuneb ja lõppkasutajale rakendub, tavamõistes disaini alla ei loeta. 

Olin sellest tõdemusest üllatunud ja endas pettunud. Üllatunud, kuna disaini olemusest on viimastel aastatel kõikjal palju juttu olnud ja pettunud seetõttu, et ma ei olnud suutnud oma igapäevase tegevusega neid inimesi varem õigetele jälgedele suunata. 

Disain

Niisiis! Disainist rääkides räägime me tervikust. Teadlikult juhitud protsessist, kus vorm tuleneb funktsioonist. Kodulehe puhul tervikust, kus lõppkasutajale nähtav tekstist, fotodest, värvidest või graafilistest detailidest koosnev lahendus suunab lehe külastaja kiiresti talle vajaliku infoni. Teisalt võimaldab hea disain lehe omanikuna teha muudatusi ja täiendusi lihtsalt ja mõistliku ajakuluga. Sobitudes sealjuures erinevatele seadmetele ja toimides kõigis veebilehtisejates ehk brauserites. 

Koduleht ei ole lihtsalt ilus pilt, mis suvalises kohas klikkides teeb “midagi” ja hea õnne korral juhib teid ka soovitud tulemini. Koduleht on terviklikult ja mugavalt struktureeritud info teie ettevõtte kohta, mis viiakse kiiresti lõppkasutajani läbi hea visuaalse lahenduse. Visuaalne lahendus ja teie teenuse või toote essents koorub aga koostööst disaineriga.

Disain algab kogemusest, mille osaliseks saate esmasel kohtumisel disaineriga, ning päädib igapäevase kasutusmugavusega teie kodulehe kasutusel.

Klient

Sisuliselt on kodulehe tellimine võrreldav uue kingapaari, töötooli või ka auto ostmisega – king ei tohi hõõruda, toolil peab saama istuda ja lühikesteks linnasõitudeks ei ole mõistlik osta Hummerit. Disain tähendab ka kasutusmugavust, mis põhineb kodulehe sisuhaldussüsteemil. Sisuhaldustööriist peab võimaldama teil oma kodulehel käepärasel moel muudatusi teha – kodulehte ei saa ehitada nii, et tellija ei ole pidevalt selle juures ega katseta läbi pakutud lahendusi. 

Kaasaegsete tööriistadega ei ole igapäevane kodulehe haldus palju keerulisem, kui e-kirja saatmine või tekstidokumendi vormindamine. Igal endast lugupidaval veebibürool võiks olla lehtede ülesseadmiseks rohkem, kui üks tööriist varuks. 

Tellijana peate teie oma võimalustest teadlik olema. Kui teile valikuid ei tutvustata ega põhjendata, siis mõelge hästi järele, kas teile pakutakse parimat või kiireimat lahendust – kiireimat just veebibüroo ning mitte teie, kui tulevase omaniku ja lõppkasutaja seisukohast. 
Kui pakutu on ebamugav, peaks teie selle ka välja ütlema. Kindlasti leidub mõni parem inimese mõõtu lahendus. 

Segadus

Pole olemas rumalaid küsimusi – küll aga on olemas rumalad vastused. Meistri tunneb ära kannatlikkusest ja rõõmust, millega ta oma töö olemust teile tutvustab. Kliendi ja tellijana on teil alati õigus piinlikkustundeta pöörduda teenuse või toote pakkuja poole detailides, mis jäävad selgusetuks. Seda alates võõrastest terminitest hinnapakkumises mille taga on keskmisest suuremad numbrid kuni lehe avalikustamisele eelneva viimase nupuvajutuseni. 

Jätate küsimused esitamata või lepite vastuse asemel iroonilise üleoleva kalambuuriga, leiate end hommikust hommikusse ärkamas päeva mida raamib "hõõruv king, valutav selg ja parkimiskohtade nappus". Kumulatiivsetest kuludest rääkimata. 

Edicy lihtsus ei seisne ainult tavakasutajale suunatud valmislahendustes ja mugavas töökeskkonnas, vaid täisteenuses, mis kätkeb endas kõiki kodulehe haldamiseks vajalikke tööriistu majutusest ja sisuhaldusest kuni disainerile ja arendajale suunatud koodieditori ja teadmistebaasini – abivalmis kasutajatoest rääkimata. 

Seda, et meie töö selles vallas ei ole tuulde lennanud näitavad uued eripalgelised saidid Edicy kasvavas ökosüsteemis.


salasõna.eu / omaasi.com / youroffice.ee – need kolm Velvet Digital Paper'i sulest pärit lehte on internetiavarustel rippunud ligi aasta. Kõigi kolme saidi iseärasuseks on sisu paiknemine ühel põhilehel, kus blogi või toodete kuvamiseks on kasutatud Edicy kataloogitööriista võimalusi. Kõik lehed on ühtlasi optimeeritud mobiilile nii, et uue sisu sisestamine käib ühest kohast ja eraldi mobiilset veebi ehitatud ei ole. Mobiilile on optimeeritud ka kõik teised Edicyga valminud lehed. 



tallinnbicykleweek.ee / minuunistustepaev.ee – revolutsioonid ja evolutsioonid. Edicy juurde on kogunendu järjest rohkem rohujuure tasandilt kasvanud ja oma elukeskkonda ning samavõrra ka inimsõbralikku veebi panustavaid organisatsioone. Tallinna jalgrattanädal ja Minu unistuste päev on kahe kodanikualgatuse veebikodud, kus põhirõhk on toodud fotodele ja lühikestele selgetele sõnumitele. Selge sõnum ja haarav foto on alati mõjusamad, kui pikad tekstid ja seda eriti kodulehtedel. Fotode lisamine toimub läbi selleks loodud sisuala kuhu saab sisestada ka täpsustava sõnumi tekstina. 


filmmusic.ee / tab.ee / valgusbiennaal.ee lehtedelt leiab tee Eesti parimate heliloojate, ununema kippuva arhitektuuripärandi ja valguskunstnike loomingu juurde. Kõik kolm lehte oma äratuntava käekirjaga pärinevad AKU poiste töölaudadelt. Siin tasub pöörata tähelepanu teemade ja kategooriate ning filtreerimise võimalustele, mis aitavad autoreid ja sündmuseid leida teemade kaupa. Taaskord on abiks paindlik ja mitmekülgne kataloogitööriist. Viimase kolme lehe tehnilise poole on Edicy peal lahendanud Fraktal ja Newtime

Loe lisaks: 

Veebileht on sinu või sinu firma internetis nähtavaks tegemiseks lihtsaim ja olulisim vahend. Samas peamine põhjus, miks veebileht tegemata jääb, on teadmatus, mida sinna kirjutada ja milliseid sisulehti ehitada.


Üldises plaanis on enamikul veebilehtedel sama struktuur. Edicy kautajate tarbeks oleme pihtahakkamise lävendi kergemaks teinud lisades standardmallidele universaalse algstruktuuri. Lisaks aitavad ettekirjutatud tekstid mõista, mida ja kuhu võiks kirjutada.

Mis on siis see universaalne veebilehe struktuur ja sisu mida pea kõik saidid algul sisaldavad?

Esileht.

Koosneb järgmistest osadest: 
  • Ettevõtte nimi või logo;
  • Pealkiri või loosung (peaks kirjeldama, mida teed või pakud);
  • Lühike lõik teksti, mis kirjeldab ettevõtet või selle tegevusvaldkonda. Mõistlik tekstipikkus võiks olla selline, mis nutitelefoni ekraanile korraga ära mahub;
  • Keskne illustratsioon. Igati mõistlik on esilehel tuua sisse ettevõtte identiteeti kajastav foto. Sobivaid pilte võib leida soodsalt ja lihtsa vaevaga pildikataloogi teenustest nagu iStockPhoto. Vajadusel võib sealt leida koguni ka sobivad kujundid logo tarbeks;
  • Peamenüü linkidega esimese astme alalehtedele ning keelemenüü saidi keelte vahel navigeerimiseks;
  • Jalus või külgriba kontaktandmetega.

Tooted või tehtud tööd.

Kui sul on rohkem kui üks toode (või teenuseäris — tehtud töö), siis on mõistlik teha eraldiseisev toodete või valminud tööde leht. Igal toode või töö peaks ka olema iseseisval leheküljel et kasutajad saaksid jagada sellele otselinke. Tüüpiliseim esitlusvorm igal objektil on nimi, kirjeldus, mõned pildid ja tegutsemakutsuv nupp ostmiseks, jagamiseks või mõneks teiseks soovitavaks tegevuseks.

Kontakt.

Eraldiseisev kontaktileht on mõistlik kuna su ettevõtet Googlest otsides tuleb see tõenäoliselt otselingina välja. Samuti peaks kontaktidest lühem versioon olema iga lehe jaluses. Edicy standardmallidel on jaluse ala jagatud kõikide lehtede vahel. Sisestades jaluse ühel lehel on see automaatselt kõigil lehtedel.

Blogi ja uudised.

Üks olulisemaid asju peale kontaktide, mida kasutajad sinu kohta uurivad, on sinu suhteline aktiivsus või passiivsus. Veebilehed kus midagi ei toimu, võivad vaatajale jätta mulje äri hüljatusest. Passiivselt ettevõttelt koostööd otsima ei hakata.

Lihtsaim moodus selle eelarvamuse vastu võitlemiseks on teha uudiste või blogi jaotus, mida võiks uuendada vähemalt kord kuus. Pikki romaane pole vaja sinna kirjutada. Kliendid tahavad lihtsalt teada, et sa oled elus ja sul läheb hästi. Häid blogipostitusi saab toota ka kergema vaevaga, kui esmapilgul tunduda võib. Näiteks nii, et lingid enda valdkonnaga seotud artiklitele meedias, lisades neile omalt poolt lühikesi kommentaare.

Kõik mis sa saidi ehitamisega pihta hakkamiseks nüüd tegema peaksid, on Edicys registreerumine. Edasi juhendab süsteem sind juba ise selles suunas, et  oma kodulehe minutitega loodud saaksid.
Tänaseks kasutab kliendisaitide ehitamiseks Edicyd juba terve rida Euroopa veebiagentuure. Oleme seepärast viimaste kuude arendustöödel keskendunud just arendajate ja disainerite elu lihtsustamisele.

Olulisim arendajate töövahend Edicys — koodiredaktor — sai äsja täielikult ümber ehitatud eelkõige kiirusele ja kasutusmugavusele panustades.
 
Edicy code editor 2.0

Uus disain

Koodiredaktor kasutab brauseri poolt pakutava pinna nüüdsest ära maksimaalses ulatuses. Eesmärk oli luua tööriist, mis nõuaks oma olemuselt võimalikult vähe tähelepanu ja lubaks arendajal keskenduda kõige olulisemale — koodile. Tavapärane suur peamenüü on suurema tööpinna saavutamiseks asendunud väikese nupustikuga lehe paremas alumises nurgas. Juhul kui see vähenegi häirib, on alati võimalus menüü täielikult peita klikates täpilisele ääreribale.

Abi alati käepärast

Ka Edicy arendajate abi on ümber kirjutatud ja uuendatud ja — mis kõige olulisem — kättesaadav otse koodiredaktorist. Alagajatele muudab selline lahendus arendamise oluliselt mugavamaks ja lihtsamaks. Samuti ei pea kogenud arendajad pidevalt Google poole pöörduma kui mõne objekti omadus või mõni koodijupp meelest peaks minema. Lisasime ka alajaotuse päriselu näidete tarbeks. Täiendame seda pidevalt aitamaks arendajatel paremini Edicy funktsionaalsust ära kasutada.

Koodiga töötamine

Koodi redigeerimiseks kasutab uuenenud tööriist Ace redaktorit, mis pakub tipptasemel funktsionaalsust ja on levinumatest brauseri-sisestest koodiredaktoreist moodsaim. Tööriist võimaldab kasutada ka tervet rida kiirklahve, mida arendajad muudes redaktorites kasutama on harjunud.

Lisasime veel mõned käepärased lahendused:
 
  • Lehtede jagamine tääbidesse
  • Failide ja mallide otsing
  • Uue faili, komponendi või malli loomine
  • Piltide eelvaade
  • Tööriista-sisene abi

Lohistamine

Faile ja komponente saab nüüd ka otse sobivasse kohta lohistada koodis. Kursori kohale sisestatakse sobiv märge võttes arvesse mis tüüpi koodiga on tegemist. Piltide haldamiseks ja mõõtude nägemiseks lisasime nii galerii kui ka üksiku pildi eelvaate.

Loodame, et uus koodiredaktor teeb disainerite ja arendajate töö Edicyga senisest veelgi lihtsamaks.

Järgmine peatus — API

Meie järgmine tähelepanu keskpunkt on Edicy avaliku API tegemine. See hõlmab endas rohkemat kui ainult disainimallide haldamist. Lisandub ka andmete API, mis võimaldab välistel rakendustel vahetada andmeid saitidel paiknevate tootekataloogide ja teiste andmebaasidega.

Edicy blogi

Maailm lihtsaima veebiehitaja taga

Räägitakse