Temos Archyvai: Svetainių kūrimas

Prisitaikančio dizaino kūrimo procesas: Fastmore Logistics

Naujo projekto pradžia. Kuriame desktop, responsive ir mobile internetinės svetainės versijas JAV kompanijai Fastmore Logistics. Projekto tikslai iš esmės standartiniai, svetainė turi būti user friendly, kartu su patogia informacijos architektūra esamiems klientams, kurių tikslas rasti greitą kelią prisijungimui prie savo paskyrų ir valdyti krovinius. Atsitiktinių klientų tinklalapis pritraukti neketina, todėl user engagement turi būti orientuotas ne į pardavimus, o į galimybę greitai ir patogiai atlikti tas funkcijas, kurias, kaip paslaugas parduoda ši įmonė. Skaitykite toliau

Originali architektūra

Interneto svetainės dizaino kūrimas – tobulas vartotojo patyrimas ar kažkas daugiau?

Klausimas rašinio pavadinime, žinoma, yra dviprasmiškas. Verslui arba valstybinėms socialinių paslaugų online sistemoms, pagaliau socialiniams tinklams, kuriuose lankytojų srautas yra didelis ir kuriuose renkasi patys įvairiausi žmonės pagal internetinę patirtį, amžių, išsilavinimą, pomėgius ir pan. tobulas vartotojo patyrimas (angl. user experience, UX) yra kritinis dalykas.

Tokiose sistemose dizainas tarnauja funkcijoms. Vartotojams turi būti patogu ir paprasta atlikti tuos tikslus, kuriems tarnauja šie portalai. Skaitykite toliau

Paprastas ir originalus svetainių kūrimas: theveganstoner.com

Puikus paprasto ir originalaus svetainių kūrimo pavyzdys: theveganstoner.com. Svetainė, kuri yra skirta veganų ir vegetarų receptams, galima sakyti, prieštarauja visoms pagrindinėms tinklalapių kūrimo taisyklėms:

– Svetainėje visiškai nėra teksto – be teksto, kaip žinote, prieš Google esate niekas.

– Visas turinys pateiktas paveikslų principų. Nedidelė dalis teksto, kuri naudojama turiniui kurti, yra pateikiama tame pačiame paveiksle, kaip ir likusi dalis informacijos apie receptą. Taigi, paeiškos sistemų šis tekstas suprantamas kaip „paveikslas“, o ne kaip „turinys“ su kuriuo, tarkime, Google paieškos sistema galėtų derinti internautų ieškomus raktažodžius ir rodyti nuorodą į svetainę. Skaitykite toliau

Interneto svetainių dizaino mados

Interneto svetainių dizaino mados? Tikriausiai tai viena nedėkingiausių temų kalbant apie web projektus, o populiariausi pasaulio blogeriai ją analizuoja vien dėl papildomų lankytojų savo svetainei, kuriuos atveda keletas naujų raktažodžių. Tema nedėkinga dar ir dėl to, kad jos esmėje užkoduoti įvairūs prieštaravimai. Kiekvienas autorius analizuodamas 2013 m. vyrausiančias madas interneto svetainių kūrimo srityje, prieštarauja pats sau, nors – beje – kai kurie iš jų atvirai tai pripažįsta. Ir visgi, ar turi kokio nors pagrindo tokie svarstymai?

Interneto svetainių pritaikymas yra tikslai yra labai skirtingi: įmonės svetainė, prekės svetainė, elektroninė parduotuvė, socialinis tinklas, naujienų portalas, projekto reprezentacija ir kt. Todėl, tiesą sakant, kiekvienam iš šių tinklalapių turi būti pritaikytos visai skirtingos technologijos ir vaizdiniai sprendimai. Galima tuomet klausti, galbūt kiekviena svetainių kategorija turi savo atskiras madas? Šis klausimas būtų kurkas taiklesnis ir arčiau tiesos, tačiau – vėlgi – su įvairiomis išimtimis. Jeigu ateinama į rinką su nauju žinių portalu, kurio tikslas skelbti visas pagrindines vietos ir pasaulio naujienas, tuomet taip: reikia išnagrinėti geriausius naujienų portalų pavyzdžius, suteikti optimaliausią portalo krovimosi greitį, sukurti kuo aiškesnę ir patogesnę strukūrą, kad lankytojas įdėdamas kuo mažiau pastangų galėtų kuo greičiau surasti visas jį dominančias naujienas. Taip, šiuo atveju mados ir reikalavimų ribos yra gana griežtos ir aiškios. Tačiau, visiškai kitokie interneto svetainės kūrimo sprendimai gali būti priimti, jeigu naujienos yra skirtos nišinei grupei žmonių: kultūros, meno, mokslo ar automobilių mėgėjų žurnalo naujienų svetainė. Fantazijai atsiveria gana erdvūs horizontai ir kokio mados vėjo laikytis, vienareikšmio atsakymo būti negali. Dizaineris yra laisvas pademonstruoti visas savo kūrybines jėgas ir galimybes.

Ir vis dėlto, į ką madingi web dizaineriai atkreipia dėmesį 2013 metams. Nieko pernelyg naujo ir stulbinančio jų prognozėse nerasime. Apibendrinant galima pasakyti, kad vienso tendencijos taps labiau dominuojančios, kitos pamažu trauksis, tačiau fundamentalių pokyčių niekas neįžvelgia.

1. Dominuos tipografiniai sprendimai

Terminas „web tipografija“ skirtas apibrėžti šriftų naudojimo galimybes internete. Kadangi keletas pastarųjų metų yra vertinami tam tikru proveržiu šriftų taikymo prasme, būtent tipografija ir įvairios svetainių struktūros (angl. layouts) užims centrinę vietą interneto dizaino srityje. Viena vertus font‘ai greičiau kraunasi nei paveikslai ar Javascript, kita vertus tokį dizaino elementą lengviau adaptuoti prisitaikančiam dizainui.

2. Dideli paveikslai

Nors daugumas specialistų atiduoda prioritetus tipografijos sprendimams prieš „sunkiasvorės“ medijos sprendimus interneto svetainėse, visgi atkreipiamas dėmesys, kad dideli ir kokybiški paveikslai, skatinantys svetainės lankytojų vaizduotę ir kuriantys turtingus įspūdžius bus taip pat populiarūs ir tokių tinklalapių pavyzdžių daugės.

3. Skeuomorfizmo pabaiga

Skeuomorfizmas yra dizaino (formos, ornamento) perkėlimas iš vieno gaminio, kuriant naują – kitą gaminį, kurio medžiagos ir technologija yra visiškai skirtingi. Čia turimas galvoje, Apple plačiai taikytas dizaino modelis, kuomet į iPhone telefoną parsisiųstos knygos vizualiai matomos knygų lentynos principu. Teigiama, jog tokio dizaino taikymas yra atgyvenę ir pats Apple ieško naujų vizualių pateikimų atitinkamam turiniui.

4. Prisitaikantis (responsive) dizainas taps privalomas kiekvienai svetainei.

Svetainė turi nebijoti ir pripažinti visus įmanomus stacionarius ir mobilius ekranų formatus. Svetainės lankytojas turi nejausti nepatogumo naršydamas svetainę telefone ar planšetiniame kompiuteryje. Kaip tai padaryti? Tai ir yra svarbiausia dizainerio užduotis.

5. Flash eros pabaiga

Tebeprognozuojamas Flash technologijos finišas. Tikriausiai taip ir bus. Visgi nematyti Flash animacijos ir koduotų video nei iPad nei iPhone įrenginiuose, kurie mobiliųjų rinkoje užima didžiąją dalį, yra neigiamas dalykas šiai technologijai. Beje, Google taip pat „nemato“ Flash principu atliktos svetainės, taigi be reklamos Adwords ar kt. būsite nematomi ir nereitinguojami. Vis dar norite Flash? Puiku, visgi šiek tiek investavus, įmanoma pasiekti, kad ją matytų tik tie žmonės, kurie tikrai turės atitinkamą įrenginį ir ras vedančią reklamą pas Jus.

6. Daugiau švaros, baltos spalvos ir erdvės

Nėra ką pridurti, daugelis specialistų pritaria šiai tendencijai. Naujasis MySpace vienas iš paskutiniųjų tokio dizaino pavyzdžių.

7. Ir dar…

Kitus prognozuojamus svetainių dizaino madų niuansus galima apibendrinti viename punkte, kadangi tai nėra labai tiesiogiai su dizainu susiję dalykai, o jų reikšmę galima stebėti jau nemažą laiko tarpą, todėl laikyti išskirtiniu 2013 m. bruožu nederėtų. Taigi:

– turinys ir toliau bus esmine kiekvienos svetainės dalimi. Jeigu svetainė neturės turinio, ji, galima sakyti, neegzistuos internete.

– naršymą internete pamažu keis mobiliosios aplikacijos. Nemanome, kad tai gali būti tiesa, kadangi surasti reikiamą mobiliąją aplikaciją telefone gali trukti kurkas ilgiau nei naršyklėje įrašyti reikiamą adresą ar Google paieškoje rasti reikiamą tikslą.

– svetainėms ir toliau vis didėjančią įtaką darys integracija su socialiniais kanalais. Nepamirškite, kad didžioji dalis interneto auditorijos laiką leidžia būtent socialinių tinklų erdvėje.

Tokia būtų pagrindinių interneto svetainių kūrimo madų apžvalga 2013 m. pagal įvairius interneto blog’us, IT profesionalams skirtus leidinius ir mūsų nuomonę.

Ar įžvelgiate kitas web dizaino tendencijas, nepaminėtas straipsnyje? Kokios transformacijos laukia interneto svetainių?

Nauja interneto svetainė: ar patogu naudotis?

 

Ne kartą savo dienarštyje minėjome, kad kuriant naują interneto svetainę, reikia visuomet galvoti ne apie patį tinklalapį, o apie žmones, kurie juo naudosis. Vienas pagrindinių kokybiškos svetainės kriterijų yra naudojimosi ja patogumas. Tai gana plati sąvoka, anglų kalboje apibrėžiama žodžiu „usability“ (lietuvių kalboje taip pat galima sutikti terminą „panaudojamumas“). Šis terminas nusako, kaip lengva naudotis ar kaip greitai galima išmokti naudotis tam tikru žmogaus sukurtu technologiniu kūriniu. Didesnėse kompanijose dirba šios srities specialistai, testuojantys naudojimosi nauja produkcija ypatumus. Tai usability analitikai. Mažesnėse įmonėse šį darbą, greta pagrindinių savo įsipareigojimų, atlieka dizaineriai, techninės pagalbinės medžiagos sudarytojai, marketingo ar kt. specialistai.

Naudojimosi patogumas gali būti nustatinėjamas sukūrus naują programinę įrangą, sudarinėjant knygą, gaminant įrankį, mechanizmą ar bet kokiam kitam sprendimui, su kuriuo žmogus atlieka tam tikras užduotis, t.y. sąveikauja. Interneto svetainė nėra plakatas gatvėje, kurį galima vertinti akimis, laikant rankas  kišenėse. Interneto svetainė yra tokia elektroninė erdvė, kurioje lankytojas norėdamas geriau suprasti, kur atvyko, turi atlikti bent keletą paspaudimų pelės klavišu. Taigi, ar jam tai lengva padaryti? Kur ta svarbiausia informacija, kurią jūs norite jam perduoti? Ar ji greitai randama? O jeigu norite parduoti atitinkamą skaičių prekių, ar gauti pakankamą kiekį komentarų savo naujai produkcijai – ar tai galima tikrai lengvai ir nesunkiai padaryti jūsų svetainėje? Tokie ir panašūs klausimai kyla analizuojant būsimos interneto svetainės  patogumo naudotis aspektą. Jis turi būti apgalvotas ir ištestuotas, norint, kad interneto tinklapis būtų naudingas įmonei ar klientui, o ne tarnautų savo grožiu ir originalumu pats sau.

Kodėl reikia įvertinti, ar interneto svetaine yra patogu ir lengva naudotis?

Štai keletas svarbių sąlygų dėl kurių reikėtų įvertinti naujos interneto svetainės usability:

– jis turi sukelti lankytojams pasitenkinimo ir pasitikėjimo asmeninėmis naršymo galimybės jausmą, kuris sukurtų pasitikėjimą ir lojalumą įmonei;

– tinkamai išanalizuotas valdymo patogumas, tiesiogiai lemia interneto svetainės lankytojo produktymą, sėkmę atliekant tam tikrus žingsnius ir juos realizuojant (tarkime, atliekant pirkimą);

– iš anksto įvertinę būsimo web projekto usability, ženkliai sumažinsite ilgalaikes svetainės vystymo, įskaitant dizaino korekcijas, išlaidas;

– sumažinsite mokymams naudotis interneto svetaine ir jos priežiūrai skirta išlaidas;

– paskatinsite informacijos sklaidą apie projektą „iš lūpų į lūpas“, socialinės medijos dėka ir kitais „nemokamo“ marketingo kanalais;

– įvertinimas profesionalioje žiniasklaidoje ir būsimiems klientams skirtose apžvalgose;

– ir svarbiausia padidinsite sugrįžtančių klientų srautą, kuris tuo pačiu didins ir jūsų konkurencingumą.

Kaip daroma interneto svetainės usability analizė?

Vienas iš populiariausių naudojimosi interneto svetaine patogumo analizės būdų yra svetainės („medžio“) struktūros analizė (angl. „tree testing“). Jos principas yra įvairių straipsnių ar tam tikrų puslapių surandamumo vertinimas. Didesnės interneto svetainės turi tam tikrą hierarchiją, pagal kurią sudėlioti įvairių laipsnių žemesnių ir aukštesnių kategorijų straipsniai – puslapiai. Šis testas padeda išsiaiškinti, kaip greitai ir paprastai šioje hierarchijoje galima orientuotis.

„Tree testing“ analizė atliekama ne pačioje svetainėje, o supaprastintoje tekstinėje jos versijoje. Taip užtikrinama, kad struktūra yra izoliuojama ir vertinama atskirai nuo įvairių efektų, pagalbinių navigacijos priemonių, vizualaus dizaino ir kt. faktorių.

Tipinė metodo eiga yra tokia:

1. Dalyviui duodamas konkretus uždavinys surasti atitinkamą informaciją, tarkime „surasti vienspalvį mėlyną kaklaraištį už 55,00 Lt“.

2. Duodamas pradinis, aukščiausio lygio interneto svetainės meniu.

3. Jie renkasi tam tikrą meniu punktą, tuomet gauna šio meniu punkto submeniu sąrašą.

4. Dalyvis toliau tęsia paiešką: renkasi submeniu punktą ir keliauja toliau arba renkasi grįžimą, t.y. naviguoja tol, kol randa reikiamą informaciją.

5. Dalyvis atlieka keletą panašių užduočių, pradėdamas nuo tinklalapio pradžios meniu.

6. Keletui dalyvių įvygdžius testą, analizuojami kiekvienoje užduotyje pasiekti rezultatai.

 

Rezultatų analizė

Analizuojant gautus rezultatus, paprastai siekiama išsiaiškinti šiuos dalykus:

1. Ar dalyviams pavyko surasti reikiamą informaciją?

2. Ar pavyko surasti informaciją einant tiesiai prie jos, ar reikėjo atlikti grįžtamuosius žingsnius?

3. Jeigu nepvyko rasti reikiamos informacijos, kurioje vietoje buvo daroma klaida?

4. Ar dalyviai skirtingus meniu punktus rinkosi greitai ar turėjo skirti šiek tiek laiko prieš pasirinkdami?

5. Kurios svetainės struktūrinio medžio dalys veikė ir nukreipė teisinga linkme, o kurios ne?

 

Taigi, kad interneto tinklalapis būtų lengvai naršomas ir patogus lankytojui, reikia atlikti tam tikrus paruošiamuosius darbus. Kiekvienas veiksmas neturėtų reikalauti daug pastangų, laiko ir bandyti lankytojo kantrybę. Bent jau ne daugiau už jūsų konkurentus.