Vienkāršība ir manā dabā. Vienkāršība šī vārda labākajā nozīmē. Tas arī bija galvenais atslēgas vārds personīgās mājaslapas izveidē—vienkāršs satura izkārtojums, pēc iespējas vienkāršāka jaunu ierakstu pievienošana, vienkārša koda bāze, vienkārša jaunā koda pārnešana uz produkcijas serveri utt. Mani kolēģi dizaineri noteikti piekritīs, ka vienkāršs dizains nav vienādojams ar vieglu/ātri izstrādājamu dizainu. Tieši pretēji. Vienkāršs dizains ir dizaina procesa galvenais mērķis. Vienkāršs dizains ir tas, kas liek lietotājiem uzkavēties mazliet ilgāk. Vienkāršs dizains ir arī drosmīgākais un laikietiplīgākais no dizainiem.
Darba kodekss
Pirms mājaslapas izveides sākšanas es publicēju publiski pieejamu README.txt failu, kurā definēju gaidāmā projekta izstrādes pamatprincipus. Es zināju, ka darbs pie pašam savas lapas būs laikietilpīgs un reizēm nāksies to nopauzēt, tāpēc šiem pamatprincipiem bija jānotur mani pareizajā kursā un jāātgādina par prioritātēm.
Piezīme: zemāk ir atrodams šī faila latviskojums. Ja latviskotie termini nav saprotami (un tā noteikti būs), iesaku apmeklēt faila oriģinālo versiju angļu valodā.
Dizains: - Teksts kā galvenais dizaina elements - Drukas dizainu (žurnālu) iedvesmots satura izkārtojums - Pamata fonta veids: Serif HTML: - Ievērto citātu, domuzīmju, pēdiņu utt. pareizo attēlojumu - Imantot SVG visam, kas var būt SVG - Jauna HTML satura viegla integrēšana jau esošajā CSS: - Lieto OOCSS ērtai CSS uzturēšanai un paplašināšanai - CSS atlasītājus vēlams nesaistīt ar HTML struktūru - Lieto vairāk CSS klases un mazāk pēcnācēju atlasītājus - Pēc iespējas īsāki atlasītāji - Elementu norobežojošās atstarpes (margin) likt tikai vienā virzienā - Mobilais izkārtojums vispirms - Neizmantot ID atlasītājus - Saturu izkārtojumu abstrahēt CSS režģa sistēmā JavaScript: - Minimāla JavaScript klādbūtne
Mājaslapas izveides sākotnējais mērķis bija radīt platformu maniem bloga ierakstiem, kurus es saucu par vēstulēm. Vēstules, kuras galvenokārt ir adresētas pašam un jaunajiem dizaina censoņiem. Rakstīt bez auditorijas, bez platformas ir mazliet skumji un bezjēdzīgi. Tikai publicējot savas idejas tās iegūst nobeiguma statusu. Papildus mērķis bija jaunu klientu/sadarbības partneru piesaiste.
Runā, ka dizainera sliktākais klients ir viņš pats. Es nepacietībā vēlējos to pārbaudīt.
Identitāte
Pie secinājuma, ka mans vārds ir labākais manis identifikators, es nonācu diezgan ātri. Jau 29 gadus tā ir bijusi mana pazīšanās zīme. 29 gadus neapzināti esmu strādājis pie tās atpazīstamības. 29 gadus esmu pildījis to ar asociācijām, ar “personīgā zīmola” vērtībām. Par logo zīmes pamatu es ņēmu savu parakstu, mazliet to modificējot, lai iegūtu vizuāli balansētāku formu.
Viens no maniem hobijiem ir kaligrāfija. Kaligrāfija ar kaligrāfijas spalvu un tinti. Rezultatā mani pirksti regulāri ir nosmērēti ar tinti, mans darba galds un klaviatūra ir noklāts ar tintes traipiem. Tā ir manis raksturojošā nekārtība. Nekārtība, kas ir radošā procesa apliecinājums un pārpalikums. Nolēmu šos tintes pilienus/traipus izmantot identitātes papildināšanai. Mazliet haosa dzīvi padara tikai interesentāku. Krāsas arī izvēlējos kaligrāfijas iedvesmots. Protams, tintes melnais un dzelteni brūnais no manām metāla kaligrāfijas spalvām.
Mājaslapa
Sākotnēji mana mājaslapa, tā kuru Tu šobrīt esi atvēris, bija domāta bloga ierakstu, jeb vēstuļu publicēšanai. Es sāku apzināties rakstīšanas dotos plusus (viedokļa formulēšana, notikumu un lietu analīze, valodas izkopšana, latviešu valodas saglabāšana utt.), tāpēc man bija nepieciešama platforma ierakstu publicēšanai. Rakstīt publiski uzdot pienākumu un motivē to darīt regulāri (vismaz tāds bija pieņēmums).
GitHub + Jekyll
Man bija nepieciešama iespēja veidot kategorijas un definēt satura veidnes. Vienvārdsakot, vienkārša satura vadības sistēma. Parasti saviem klientiem es izmantoju Wordpress satura vadības sistēmu. Wordpress ir lielisks risinājums tiem, kam tehnoloģijas nav ikdiena. Tas vienkārši strādā. Es vēlējos mazliet izaicinājuma. Šī bija iespēja apgūt ko jaunu.
Mazliet pameklējot, es nonācu pie Jekyll. Jekyll ir CLI vadāma programma, kas veido statiskas web lapas no dinamiskiem komponentiem, piemēram, satura veidnēm, kategorijām, mirkļbirkām, mainīgajiem, cilpām. Publicēt jaunu saturu var ar Git komandām, un to saturu iespējams glabāt uz GitHub serveriem bez maksas.
Jauna ieraksta publicēšana ar Jekyll:
- Izveido jaunu HTML vai Markdown teksta failu un piepildi ar saturu
- Faila augšpusē pievieno infomāciju YAML formātā par izmantojamo satura izkārtojuma veidu, pievieno mirkļbirkas, kategoriju, saiti uz ieraksta galveno attēlu un citus mainīgos, kas raksturo šo ierakstu. Šie mainīgie ir lietotāja definēti
- Izmanto komandrindas interfeisu (CLI) un Jekyll komandu, lai ģenerētu statiskos mājaslapas failus:
jekyll build - Komandrindas interfeisā ar komandu
git pushpārnes visas izmaiņas uz GitHub serveriem. Tagad saturs ir pieejams arī internetā.
Vēstules, Foto un Portfolio
Dizains, kods, fotogrāfija un stāsti ir 4 lietas, kuras mani aizrauj visvairāk. Stāstiem platforma bija jau izveidota. Nākošo izveidoju foto sadaļu, kurā publicēju savus veiksmīgākos attēlus. Savukārt portfolio sadaļa tika izveidota, lai pastāstītu par projektiem, kuru izveidē esmu piedalījies. Dalītos par piedzīvotajām veiksmēm un neveiksmēm, par to, ko no tiem esmu iemācījies un iespējams palīdzētu kādam citam veiksmīgāk tikt galā ar saviem projektiem.
Responsīvs dizains kā prioritāte
Responsīvs dizains, jeb dizains, kurš pielāgojas lietotajai ierīcei, neatkarīgi no tās izmēra, netika aizmirsts arī šajā projektā. Mana mērķauditorija ir viena no aktīvākajām viedierīču izmantotājām, tāpēc ignorēt šo kanālu būtu paviršība. Responsīva dizaina izveide prasa papildus plānošanu un laika resursus, bet rezultāts vienmēr ir pārliecinošs. Nav iemesla neizmantot visas piedāvātās iespējas.
Secinājumi
1. Kontrasts ir risinājums vairumam dizaina problēmu
Ja man būtu jāizvēlas viena lieta, kas ir vissvarīgākā dizainā, tad es izvēlos kontrastu. Kontrasts, kas vada lasītāja skatienu. Kontrasts starp tekstu un fonu. Kontrasts starp prioritāriem un sekundāriem elementiem. Kontrasts starp saturu un negatīvo telpu. Kontrasts ir tas, kas liek paskatīties tur, kur mēs vēlamies. Kontrasts ir tas, kas neļauj acij nogarlaikoties. Vājš kontrasts un viss saplūst vienā pelēkā masā.
2. Vienmēr nākošais solis
Mājalapas apmeklētājiem vienmēr ir jādod nākošais solis. Jāstimulē apmeklēt vēl kāda lapa. Jānotur lasītājs ilgāk. Šajā gadījumā nākošais solis trūka individuālo bloga ierakstu beigās. Rezultātā viena apmeklējuma laikā vidēji tika izlasīts tikai viens ieraksts. Pievienojot ierakstu beigās iespēju uzreiz atvērt nākamo ierakstu, atrisināja šo problēmu.
3. Jekyll nav piemērots iesācējiem
Man uzstādīt Jekyll sistēmu un tajā sākt strādāt nesagādāja problēmas. Viss strādāja. Tajā brīdī Jekyll šķita kā piemērots kandidāts arī tiem, kas ar tehnoloģijām ir uz Jūs. Atjauninot Jekyll uz jaunāku versiju, man nobruka liela daļa mājaslapas. Jekyll, atšķirībā, piemēram, no WordPress, neuztur iepriekšējās programmas versijas. Pēc programatūras atjaunināšanas var nākties labot neskaitāmas problēmas.
4. CSS margin vienā virzienā
Manis definētajos projekta izpildes nosacījumos bija punkts, ka “Elementu norobežojošās atstarpes likt tikai vienā virzienā”. Tas nozīmē, ka CSS margin HTML elementiem ir jāliek tikai augšā vai lejā un labajā vai kreisajā pusē. Es par šo punktu biju piemirsis, un problēmas sākās veidojot portfolio sadaļu, kur tika izmantoti daudz dažādi elementi, kuri tika kombinēti dažādos izkārtojumos. Rezultātā atstarpes starp elementiem nebija prognozējamas, tās nereti bija par lielām, vai tieši otrādi—elemeni atradās pārāk tuvu viens pie otra. Ja es būtu ievērojis viena virziena principu, tad šīs problēmas izpaliktu.
5. Dizainera labākais klients ir viņš pats
Pretēji pieņemtajam uzskatam, ka dizainera sliktākais klients ir viņš pats, es pārliecinājos, ka situācija ir pilnīgi pretēja. Man bija iespēja fokusēties uz lietām, kuras, strādājot ar citiem klientiem, reizēm tiek ignorētas. Piemēram, man bija iespēja vērot produktu attīstamies. Es nepastājos pie pirmās mājaslapas versijas. Es vēroju analītikas datus, izdarīju secinājumus un uzlaboju produktu. Ne vienmēr, strādājot ar klientiem, šim posmam pietiek budžeta līdzekļu. Vēl man bija iespēja izmantot tehnoloģijas, kuras ierastajiem klientiem būtu “lietotājiem nedraudzīgas”. Man tas bija gaidīts izaicinājums.