Uzsākot darbu portāla draugiem.lv dizaineru komandā, pirmais, kas mani pārsteidza, bija auditorijas lielums, kas katru dienu izmanto portālu. Tā ir milzīga auditorija Latvijas mērogā, kuras sociālo portālu lietošanas paradumus man ir iespēja ietekmēt. Un milzīga atbildība, lai portāla lietošanas pieredze būtu patīkama. No saziņas ar draugiem un jaunu draudzību veidošas, līdz rīkiem ērtākai viedokļa paušanai. Šoreiz apskatīsim 4 portāla šķautnes, kuru izstrādē man ir bijusi iespēja piedalīties:

  • TV Programma
  • Mūzikas sadaļa
  • Sadaļa Braucam Kopā
  • draugiem.lv Android versija

TV Programma

Domājot par to, kā motivēt lietotājus ienākt portālā katru dienu, tika nolemts ieviest TV Programmas sadaļu. Portāla auditorija ir arī aktīva televīzijas auditorija, tāpēc šāds solis šķita pamatots.

Sākot darbu pie TV Programmas, izpētīju jau esošu TV programmu izkārtojumus. Izvērtējot apmēram 15 eksistējošus variantus, secināju, ka starp šiem variantiem atkārtojas 3 satura izkārtojumu iespējas. Izvēlējos 3 TV programmas (Lattelecom programma, Delfi programma, Baltcom programma) un pajautāju gan kolēģiem, gan paziņām, kas ir draugiem.lv lietotāji, lai viņi atrod:

  • cikos sākas konkrēta pārraide kādā no TV kanāliem (piemēram, cikos ir pārraides VIP atkārtojums sestdien kanālā LTV;
  • ko ir iespējams skatīties konkrētā kanālā konkrētā laikā (piemēram, kas tiek pārraidīt kanālā LNT rītdien pēc darba laika).

Izkārtojuma variants, kurā pieejamo TV kanālu saraksts atradās kreisajā pusē un visa dienas programma izvēlētajam kanālam atradās labajā, vairumam aptaujāto šķita ērtāka un vieglāk uztverama. Uzdevumi tika izpildīti ātrāk. Tika nolemts, ka arī mēs izmantosim šādu izkārtojumu.

TV Programma wireframe
TV Programmas wireframes

Izvēlētais satura izkārtojums lieliski iekļaujas “F” formas satura izkārtojumā. Pētījumi ir pierādījuši, ka šis ir viens no ceļiem, kā lietotāji skenē interneta lapas - no sākuma horizontālā līnijā, tad novirzās uz leju un uzsāk otru horizontālu līniju. Pēc tam acs turpina ceļu lejup.

F formas satura izkārtojums
“F” formas satura izkārtojums
TV Programmas dizains
TV Programmas sākumlapa
TV atgādinājumi
TV Programmas atgādinājuma pievienošana

Jaunā TV programmas sadaļa tika izziņota ar paziņojumu galvenajā izvēlnē portāla augšpusē. Bet, pēc pirmreizējās atvēršanas, lietotājiem bija grūtības atcerēties, kur izvēlnē ir paslēpusies TV programma. Lai to risinātu, nolēmām ielikt programmas kartiņu sadaļā “Šodien”. Tagad katru dienu liela daļa portāla lietotāju var ērti atrast TV programmu.

TV Programma Šodien
TV Programmas kartiņa sadaļā “Šodien”

Mūzika

Mūzikas sadaļa draugiem.lv nav pati apmeklētākā, bet tiem, kas sadaļu izmanto katru dienu, bija nepieciešamas izmaiņas – ērtāka dziesmu atrašana, dziesmu saglabāšana, navigēšana starp dziesmās un dziesmu sadale pa izlasēm. Otrs iemesls, kāpēc sadaļu bija nepieciešams pārtaisīt – interneta pārlūki pamazām sāka neatbalstīt Flash tehnoloģiju, uz kuras iepriekšējā mūzikas sadaļa tika balstīta.

Mūzikas atskaņotājs
Mūzikas atskaņotājs

Jaunas dziesmas publicēšana automātiski izveido jaunu Runā ierakstu. Tagad jau Runā ierakstā ir iespēja dziesmu saglabāt kādā no izlasēm vai arī nobalsot par to, ja mūziķis šo dziesmu ir ievietojis draugiem.lv mūzikas sadaļas Topā.

Runā ieraksts
Runā ieraksts publicējot jaunu dziesmu
Kompakts mūzikas atskaņotājs
Mūzikas atskaņotāja kompaktā versija

Braucam kopā

Dizaina procesā empātija ir viens no svarīgākajiem aspektiem. Tikai izprotot lietotāju problēmas, paradumus un vēlmes, ir iespējams veiksmīgs rezultāts. “Braucam kopā” sadaļas atjaunošana man personīgi bija ilgi gaidīts projekts, jo pats esmu regulārs sadaļas lietotājs – gan meklēju šoferus, gan piedāvāju vietas savā automašīnā. Man bija izveidojies lielisks priekšstats par to, ko ir nepieciešams uzlabot.

Projekta sākumā kopā ar projekta vadītāju aptaujājām aktīvos sadaļas lietotājus. Vēlējāmies uzzināt, kas viņiem nepatīk pašreizējā produkta versijā un ko vēlētos redzēt nākamajā. Kopā saņēmām 87 komentārus. Tikai daži no aptaujātajiem lietotājiem nevēlējās mainīt neko esošajā produktā, savukārt pārējiem bija vērtīgi komentāri par to, kā uzlabot lietotāju pieredzi. Esmu apkopojis galvenās lietas, kas atkārtojās vairākkārt.

- Ieteikums izveidot mekletaju ieklaujot iespeju izveleties brauciena virzienu un laiku
- Notifikācijas draugiem applikācijā nebūtu slikti, piem. pievieno savu custom searchu, ka meklē transportu uz rītdienu plkst 12-13, un ko līdz kāds pievieno attiecīgu brauciena sludinājumu, pienāk notifications. 
- Tākā es braucu dizgan regulāri, nepieciešama iespēja saglabāt tamplate lai nav katru reizi teksts jāraksta no jauna.
- Piedāvāt jau izveidotas ailes ne tikai laikam, bet arī vietai, no kurienes izbrauc, cenai.
- Obligāti jānorāda auto marka un vecums, lai nav pārsteigumu, kad piebrauc nenosakāmas formas lūžņu kaudze. Ir jābūt izvēlees tiesībām. Ir ļoti daudzi kas brauc ar vecām, netīrām, sliktā tehniskā stāvoklī esošām mašīnām.
- Un arī, lai obligāti būtu jānorāda, ka vw gollf ( piemēram) aizmugurē būs jāsēž  trijatā.
- Varētu pēc brauciena pievienot iespēju pievienot šofera reitingu, kā arī šoferim iespēju atzīmēt braucēju, kas sarunājis braukt, bet piekrāpis šoferi. Tādu kā reitinga sistēmu.
- Nepieciešams ieviest iespēju saglabāt savu ''šablona'' braucienu/braucienus.
- Manuprāt neaktuālos sludinājumus tekoši vajadzētu novākt.
- Rs regulāri braucu vienā un tajā pašā laikā, kā arī tikai konkretās dienās. Būtu jauki ka varētu ierakstīt sludinājumu un būtu opcija kurā varētu "atkārtot braucienu katru nedēļu", vai ko līdzīgu, savādāk katru reiz rakstu vienu un to pašu.
Lietotāju ieteikumi “Braucam kopā” sadaļai

Lietotāju komentāri izrādījās ļoti vērtīgi. Uzreiz bija redzams, kas viņiem pietrūkst un kas padarīs produktu labāku. Pamatojoties uz saņemto informāciju, vienojāmies par elementiem, kas tiks iekļauti un sāku veidot produkta melnrakstus, lai redzētu, kāds koptēls no tā visa veidojas.

Braucam kopā wireframes
“Braucam kopā” sadaļas izkārtojuma varianti

Melnrakstu veidošanas procesā sapratu, ka 3 svarīgākie elementi ir “Braucēja tips”, “Virziens” un “Laiks”. Tikai tad, ja visi šie 3 elementi atbilst, sludinājumu ir vērts lasīt pilnībā. Tāpēc šai informācijai bija jābūt sludinājuma augšpusē un pamanāmai. Pārējā informācija ir sekundāra.

Braucam kopā
“Braucam kopā” sadaļas sākumlapa
Jauns brauciens
Jauna brauciena pievienošana

Android lietotne

Lai arī portāla desktop versija tiek apmeklēta visvairāk, mobilo versiju lietotāji procentuāli palielinās. Visam saturam jābūt ērti pieejamam arī uz mobilajām ierīcēm. Draugiem.lv Android aplikācijas pamatā ir Google veidotais Materiālais dizains. Tā ir vienota dizaina sistēma ar definētām dizaina vadlīnijām un komponentēm. Arī draugiem.lv izmanto šīs vadlīnijas, lai mūsu aplikācija iekļautos kopējā Android ekosistēmā un šķistu lietotājam pazīstama jau no pirmajiem lietošanas brīžiem.

Draugiem.lv Android Runā
Runā ieraksta izveide un lietotāju atzīmēšana
Draugiem.lv Android uzaicinājumi
Uzaicinājumu sadaļa un draudzības uzaicinājuma nosūtīšana

Vēstuļu sadaļa

Komunikācija ir sociālo portālu pamats. 2017. gadā vēstuļu sadaļā tika ieviesta opcija pievienot emociju cita sarakstes dalībnieka ziņai. Tas tika darīts, lai nebūtu jāraksta jauna ziņa, ja viss, ko lietotājs vēlas izdarīt, ir reaģēt tikai ar emocijas ikonu.

Draugiem.lv Android vēstules
Draugiem.lv Android vēstules izvēlne
Draugiem.lv Android vēstules emocijas
Draugiem.lv Android vēstules emociju saraksts
Draugiem.lv Android pasākumi
Pasākumu sadaļas sākumskats un atvērts pasākums

Secinājumi

1. Jo vairāk informācijas par lietotāju, jo labāk

Labs dizains ir iespējams tikai tad, ja ir skaidri definēta mērķauditorija. Draugiem.lv ir sociāls portāls – vieta, kur ikvienam lietotājam obligāti jānorāda savs dzimums un vecums. Vieta, kur lietotāju intereses un paradumi ir salīdzinoši viegli izsecināmi. Tas viss ļoti palīdzēja, veidojot lietotājiem atbilstošus un draudzīgus risinājumus.

2. Nevajag akli sekot dizaina vadlīnijām

Draugiem.lv Android aplikācijas pamatā ir Google veidotās dizaina vadlīnijas Android ierīcēm. Pārstrādājot lietotnes apakšējo navigāciju pēc šīm vadlīnijām, sapratām, ka nav paredzēts apakšējā izvēlnē attēlot 5 ikonas kopā ar ikonu paskaidrojošiem tekstiem - tikai ikonas. Ja būtu 4 ikonas, tad paskaidrojošo tekstu vadlīnijas pieļauj. Šajā gadījumā izlēmām ignorēt konkrēto vadlīniju un pielikt paskaidrojošos tekstus pie visām ikonām. Android lietotnes izstrādātājam tas nozīmēja papildus darbu, jo apakšējās izvēlnes komponente Androīdam ir definēta arī kodā. Nācās pārrakstīt Androīda noklusējuma kodu šim elementam.

3. 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ā.

4. Labs gala rezultāts = labs komandas darbs

Darbs pie draugiem.lv nenorit vienatnē. Iesaistīti ir gan projektu vadītāji, gan izstrādātāji, gan satura veidotāji. Ikkatrs no viņiem ietekmē to, kāds būs gala rezultāts. Ikkatrs mans lēmums ir balstīts arī uz viņu sniegtās informācijas. Paldies arī pārējiem draugiem.lv dizaineriem – Artūram Vanagam, Tomam Rītam, Krišjānim Mežulim. Viņu pēdas un ieguldījums ir redzamas visos manos dizainos. Gala rezultāts bez viņu palīdzības būtu pavisam savādāks.