Temos Archyvai: Interneto svetainės

Responsive arba prisitaikančio dizaino problematika

Išpopuliarėjus HTML5 standartui, atsirado galimybės kurti „intelektualesnius“ tinklalapius, gebančius prisitaikyti prie skaitytojo ekrano dydžio. Priešingai nei mobilios svetainės versijos, šie dizainai, dar vadinami prisitaikančiais (angl. responsive), nereikalauja papildomo nukreipimo į kitą domeno adresą, kad galėtume pamatyti informaciją. Priešingai, informacijos prisitaikymo virsmas vyksta akimirksniu net pakeitus mobilaus įrenginio padėtį iš vertikalios į horizontalią. Nors tai patogu, kadangi skaitytojas nėra blaškomas iš vieno adreso į kitą,  atsiranda tam tikrų problemų, kurios iš dalies riboja autoriaus kūrybiškumą.

Skaitykite toliau

Svetainė veterinarijos klinikai ir vaistinei Kaune

Prieš mėnesį dalinomės informacija apie naujai pradėtą interneto svetainės kūrimą įmonei „Kaivana“, kuri užsiima didmenine gyvūnų pašarų ir priežiūros reikmenų prekyba, veterinarijos klinikų veikla bei turi keletą veterinarijos vaistinių Kaune bei Vilniuje. Tinklapis jau baigtas ir patalpintas serveryje: kaivana.lt.

Kadangi bendrovė norėjo visas savo veiklas pristatyti vienoje svetainėje, turėjome užduotį sulekti vienodą dėmesį į skirtingus verslo sektorius, kad, tarkime, lankytojas besidomintis veterinariniais vaistais galėtų rasti reikiamą informaciją taip pat greitai kaip ir lankytojas, kurį domina „Kaivanos“ veterinarijos klinikos. Todėl nusprendėme informaciją pateikti trijuose skirtinguose blokuose, kurių kiekvienas būtų skirtas vienai iš trijų „Kaivanos“ veiklos rūšių. Greta tokio struktūrinio informacijos išdėstymo, nusprendėme ją pateikti greitųjų nuorodų principu, kuriose trumpai ir ikonografiškai pristatomi svarbiausi tos srities aspektai tiek atsitiktiniam tiek tiksliniam lankytojui. Vidiniuose kiekvienai veiklai skirtuose puslapiuose taip pat vizualiai dėmesį akcentuojame į tą informaciją, kuri turi būti matoma iš karto, nesiblaškant naršymuose po tinklapio puslapius. Keletas pavyzdžių: klinikų skirtuke ir atskirame puslapyje akcentuojame klientų registracijos galimybę, vaistinių – kontaktinę informaciją, didmeninės prekybos – prekių grupes bei naujienas.

UAB „Kaivanos“ svetainei taip pat kūrėme reikiamos tekstus, trumpuosius informacijos aprašymus, redagavome kliento atsiųstą turinį. Didmeninės prekybos, klinikų ir vaistinių „Vizijų“ skyriuose sukūrėme specialią infografinę medžiagą, leidžiančią tiksliau ir vaizdingiau perteikti „Kaivanos“ verslo modelį ir principus.

Žemiau matomas titulinis svetainės puslapis. Lauksime skaitytojų vertinimų ir nuomonės.

Interneto svetainė veterinarijos klinikai ir vaistinei Kaune

Interneto svetainė veterinarijos klinikai ir vaistinei Kaune

Paprastos interneto svetainės kūrimas

Naujausias mūsų mažo biudžeto interneto svetainės sukūrimo pavyzdys. Ekonominiai tinklapiai turi vieną stiprų ir gana rimtą privalumą – yra sukuriami dviejų – trijų dienų bėgyje.

Taigi, paprastos interneto svetainės gamyba yra nesudėtingas ir greitas procesas:

– jūs renkatės iš daugelio mūsų pateiktų paruoštų naudojimui – šabloninių interneto svetainių dizaino pavyzdžių;

– kuomet išsirenkate labiausiai patinkantį, mes jį „mauname“ ant pageidaujamos turinio valdymo sistemos;

– atliekame smulkius pakeitimus: sukuriame pageidaujamus meniu punktus, įkeliame Jūsų įmonės logotipą, informaciją, nuotraukas. Taip pat galime pakeisti tam tikrų svetainės elementų spalvas, dydžius, poziciją.

– pastarojo klientu atveju, kuris dirba mados ir drabužių dizaino srityse, mes papildomai parinkome svetainės fono nuotraukas. Kadangi tai paprasta – ekonominė svetainė, nuotraukas rinkome nemokamose duomenų bazėse.

Interneto svetainių kūrimas ir pritaikymas populiariausioms naršyklėms

Svetainės vartotojo sąsaja – tai vienas iš svarbiausių elementų, vartotojui sukuriančių įspūdį apie svetainės pridėtinę vertę ir naudą. Todėl taip vadinamo interface‘o programavimas yra gana atsakingas svetainės kūrimo proceso etapas. Projekto metu yra svarbu įsitikinti, jog svetainė ne tik atrodo patraukliai, bet ir vienodai atvaizduojama visų nešiojamų bei stacionarių kompiuterių ekranuose. Mobilioms svetainėms, pritaikomoms pvz., iPhone telefonams ir iPad kompiuteriams, labai dažnai kuriamas atskiras – prisitaikantis dizainas. Tad sukūrus ir hiperaktyvavus dizainą, jį būtina ištestuoti ant visų įmanomų minėtų įrenginių. Tačiau vartotojo terpė dar ne viskas. Kiekvienoje iš jų veikia skirtingos naršyklės ir jų versijos. Todėl būsimoji svetainė privalo būti testuojama bent jau pačiose populiariausiose iš jų. Taigi, darbo nemažai, tiesa ?

Hiperteksto (HTML), skirto vartotojo sąsajos atvaizdavimui, standarto tikslas – sukurti atvirą internetą, t.y. kad internetinę svetainę galėtų susikurti bet kuris pasaulio gyventojas. Deja, nors idėja buvo puiki, naršykles kuriančios kompanijos ją interpretavo skirtingai. Istoriškai situacija klostėsi taip, jog vienos interneto naršykles kuriančios kompanijos populiarino efektus ir interaktyvumą, kitos naršyklės veikė tik ant specialių operacinių sistemų ir tik palengva buvo derinamos su kitomis, o trečios turėjo tik pagrindines funkcijas, liko konservatyvios ir nesistengė keistis. Taip nutiko su visomis HTML 4 standartą palaikančiomis naršyklėmis.  Šiemet išaugęs HTML 5 populiarumas privertė kompanijas mąstyti panašia linkme: pastangos turi būti nukreiptos, suteikiant programuotojams galimybę dirbti. Tikimės, jog ir Internet Explorer kūrėjai atkreipė į tai dėmesį

Kaip dirbame mes? Kuriamus projektus paprastai testuojame per keletą naršyklių, jų versijų ir tai darome skirtinguose kompiuteriuose. Dažniausiai tai būna: Internet Explorer (8, 9, greitai – 10), Chrome, Firefox, Safari, Opera. Išmaniuosiuose telefonuose ir planšetėse projektus dažniausiai testuojame ant Safari mobile, Opera mobile, Firefox mobile. Standartinių projektų testavimas užtrunka gana trumpai, tačiau Internet Explorerio versijų testavimas ir suderinimas su kitomis naršyklėmis santykinai užima daugiausiai laiko.

Ir pabaigai keletas išvadų.

1. Net jei Jūsų projektas yra ekonominis, svetainė visvien turi būti ištestuota ir pritaikyta populiauriausioms naršyklėms. Nors tai užima laiko, techniniuose reikalavimuose šis punktas turėtų būti privalomas.

2. Minimaliai projektą derėtų pratestuoti ir mobiliais įrenginiais.

3. Reprezentaciniam projektui racionaliausia kurti ir testuoti atskirą dizaino versiją išmaniesiems telefonams ar planšetiniams kompiuteriams.

Kaip dirbate Jūs?

Internet Explorer 10 naršyklės atgimimas ?

Kompanijos Microsoft produktas – naršyklė Internet Explorer, per ilgą savo gyvavimo laiką interneto naršyklių rinkoje sulaukė daug ir įvairių testavimų ir kokybės vertinimų. Deja, didžioji dalis jų iki šiol buvo neigiami. Paprasti internautai vengia senesnių Explorer versijų dėl jos darbo lėtumo, o programuotojai keiksnoja dėl to, jog ši naršyklė silpnai palaiko naujausius  HMTL5 ir CSS3 standartus. Kokio žingsnio turėjo imtis Microsoft?

Naujoje, ką tik pristatytoje Windows 8 operacinės sistemos versijoje, Microsoft įdiegė naują šios OS naršyklės versiją – Internet Exlorer 10. Taip pat jau atlikti ir pirmieji naujosios versijos tyrimai, kurių rezultatai rodo, jog Microsoft stipriai dirba gerindama savo naršyklės kokybę.

Pvz., www.caniuse.com atlikę standartų suderinamumo testus teigia, jog IE10 yra 77% suderinamas su HMTL5 ir CSS3, t.y. 31% daugiau už Explorer 9 ir 56% daugiau nei Explorer 8. Tai labai stiprus technologinis postūmis, atliktas Microsoft, ypač lyginant su ankstesnėmis IE versijomis. Tuo tarpu pats didžiausias HMTL5 šalininkas Google Chrome 92% yra suderinamas su HMTL5 savybėmis, o Firefox 18 ir Safari nusileidžia visai nedaug – 81%.

Kitas šaltinis teigia, jog pagal reakcijos testą Explorer 10 ir Explorer 9 lenkia kitas naršykles Windows sistemų vartotojams.

Žinoma, šie testai neparodo, kiek programinė įranga efektyvi, t.y. kaip išnaudoja kompiuterio resursus ir kaip veikia ant ne pačių naujausių kompiuterių, tačiau reikia tikėtis, jog už kelių savaičių pasirodysiantis Internet Explorer 10 Windows 7 operacinei sistemai leis tai patikrinti išsamiau. Laukiame nekantraudami ir tikimės, jog Explorerio testavimas pagaliau taps malonesne užduotimi nei buvo ankčiau.