29
SPLETNA STRAN PROJEKTA - KLJUČNI ELEMENT ALI NUJNO ZLO? VALORIZACIJSKA KONFERENCA 2014 »RAZŠIRJANJE, UPORABA IN TRAJNOST REZULTATOV« DOC. DR. TANJA ARH & MAG. MATIC PIPAN INSTITUT „JOŽEF STEFAN“

KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

SPLETNA STRAN

PROJEKTA -

KLJUČNI ELEMENT

ALI NUJNO ZLO?

VALORIZACIJSKA KONFERENCA 2014

»RAZŠIRJANJE, UPORABA IN TRAJNOST REZULTATOV«

DOC. DR. TANJA ARH & MAG. MATIC PIPAN

INSTITUT „JOŽEF STEFAN“

Page 2: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

ZAKAJ

SPLETNA STRAN?

Najmočnejši globalni komunikaci jski in diseminaci jski

kanal (2,1 milijarde aktivnih uporabnikov spleta)

Fleksibi lnost uporabe najrazličnejših multimedijskih

gradnikov (tekst, slika, zvok, film …)

Najcenejši komunikacijski kanal (ROI)

Doseglj ivost 24/7/365 kjerkoli z različnimi orodji (PC,

tablica, pametni telefon)

IT in tehnične pr istojnosti . Ker sami upravljate s spletno

stranjo, to pomeni popolno pristojnost in nadzor nad

dogajanjem na spletni strani.

Vsebina. Na spletni strani lahko objavite ogromno vsebin

(niste omejeni z zgolj določenim številom znakov).

Analiza. Marsikatero socialno omrežje ponuja določene

podatke o obiskih na vaši strani, profilu ali objavi. Vse to in še

mnogo več podatkov pa lahko dobite iz analize lastne spletne

strani.

Page 3: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

SPLETNA STRAN

JE PRVI VTIS

Ljudje potrebujemo samo 1/10 sekunde,

da si izoblikujemo prvi vtis, pa naj bo to vtis

o neki osebi, ali pa o spletni strani. Torej, v

0.05 sekunde si oblikujemo mnenje/vtis o

spletni strani ter delno že vemo ali bomo

rade volje še naprej brskali po njej ali pa jo

bomo čim prej zapustili.

Prvi vtis je v 94 % odvisen od obl ike

(preglednost, barve, tipografija, oglasi …),

samo na 6 % pa najbolj vpliva vsebina

sama.

Primer dobre prve strani: www.mojaizbira.si

Glavni cilj te spletne strani je na enem mestu ponuditi vsem ciljnim

skupinam preprost in učinkovit dostop do informacij, ki jim bodo v

pomoč bodisi pri odločanju o nadaljnji poklicni, izobraževalni in s

tem tudi življenjski poti, bodisi pri opravljanju vloge dobrega

svetovalca.

http://www.mojaizbira.si

Page 4: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

SPLOŠNA

PRIPOROČILA

Bodite vidni: Uporabite čim večje število brezplačnih ali cenovno ugodnih

načinov za povečanje uvrščanja vaše spletne strani v različne iskalnike.

KLJUČNO: redno posodabljaj te vsebino;

razmislite o uporabi družbene programske opreme (npr. blogi, Facebook,

Twitter …)

zagotovite dobre povezave (cross-linking) med različnimi podstranmi vaše

spletne strani in drugimi spletnimi mesti;

dodajte kl jučne besede na spletni strani metapodatkov; uporabljate pogosto

uporabljene ključne besede tako na strani metapodatkov kot na straneh z vsebino;

Uporabite intuit ivne URL naslove za povečanje zadetkov (če se npr. nahajamo na

meniju partnerji/ijs/edit potem naj bo tudi URL naslov temu primeren:

http://www.projekt.com/pratnerji/ijs/edit)

razmislite o uporabi .eu domene;

Čim bolje izkoristite orodja za "virtualna srečanja" (web streaming, e-

učenje) in s tem zmanjšajte nezaželene učinke na okolje zaradi

potovanj.

Page 5: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

KLJUČNI ELEMENTI

NA SPLETNI STRANI

Pri strukturiranju vaše spletne strani poskusite najti ″optimum″ glede števila podstrani

in menijev. Veliko število menijev lahko vodi k slabši preglednosti, premalo menijev pa

lahko povzroči preveliko informacij znotraj samo nekaj menijev.

Domača, prva stran spletne strani

O projektu

Partnerstvo

Metodologija in delovni paketi

Študije primerov (če jih imamo)

Poročila in publikacije

Dogodki

Medijsko središče

Slovar

Spletna anketa

Page 6: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

DOMAČA STRAN

PROJEKTA

Domača stran naj bo vizualno atraktivna in informativna .

Projekti, ki so sofinancirani s strani EU, morajo vsebovati določene

predpisane logotipe in vključevati npr. stavek:

"This project is supported by the European Commission under the Environment (including climate

change) Theme of the 7th Framework Programme for Research and Technological Development".

Pomembne so povezave z ostalimi podobnimi projekti.

Najnovejše objave .

Povezava s spletnimi družbenimi omrežj i .

Page 7: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

O PROJEKTU

Osnovni podatki o projektu in trajanje.

Nujne podstrani : namen projekta, cilji

projekta, metodologija, pričakovani rezultati in

vplivi.

Če je možno zagotovite te informacije v

elektronski obl iki (PDF) (obstajajo različne

predloge).

Predstavite projekt v širšem znanstvenem

in družbenem kontekstu. Pomembno je,

da zagotovite relevantne informacije različnim

ciljnim javnostim (splošna javnost, projekt

skupnost, širša znanstvena skupnost, druge

zainteresirane strani).

Page 8: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

PARTNERSTVO

V PROJEKTU

Vključuje seznam partnerjev, ki

sodelujejo v projektu.

Kakšna je njihova vloga v projektu.

Kontaktni podatki, logotip, spletni naslov.

Zaželeno je vključiti tudi zemljevid, ki

prikazuje geografsko porazdelitev

sodelujočih ustanov.

Opcija: struktura managementa.

Page 9: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

METODOLOGIJA IN

DELOVNI PAKETI

Opis splošne metodologi je .

Opis delovnih paketov. Delovni

paketi morajo ustrezati tistim, ki so

navedeni v projektni prijavi in opisu

dela (DoW).

Delovni paket: namen, ključni poudarki,

vodja delovnega paketa, deliverables.

Grafični pr ikaz, kako so različni

delovni paketi med seboj povezani.

Page 10: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

POROČILA IN

PUBLIKACIJE

Javna poroči la : javni izsledki

raziskav morajo biti na voljo za prenos

s spletne strani. Poročila naj bi

vsebovala naslednje informacije:

številka poročila, naslov, avtorji,

povezavo do PDF dokumenta.

Znanstvene publikaci je je treba

dodati v posebnem seznamu (z

navedbo naslova, avtorja, revije,

založbe, letnika, itd.). Te publikacije

morajo izhajati neposredno iz

rezultatov projekta.

Page 11: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

DOGODKI

Predstavitev koledarja , ki

predstavlja pretekle in prihodnje

dogodke.

Navedite datum in kontaktne podatke,

še posebej, če je dogodek javnega

značaja.

Navedite seznam konferenc, na

katerih bo projekt predstavljen.

Razmislite o uporabi spletnega

prenosa ali po dogodku zagotovite

video posnetek iz dogodka.

Page 12: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

MEDIJSKI

CENTER

V medijski center spadajo:

Elektronske novice

Brošure / Plakati (PDF ali Flip Builder)

Video posnetki

Fotografije

TV objave

Radijske objave

Tiskane objave

Spletne objave

Page 13: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

SLOVAR

Idealno bi bilo, če spletna stran vključuje tudi :

slovarček izrazov in kratic

WIKI

Page 14: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

SPLETNA ANKETA 1KA

Kaj je 1KA?

Aplikacija EnKlikANKETA (1KA) je odprtokodno (GNU GPL v3) orodje, ki se namesti na spletni strežnik. Namenjeno je podpori kreiranja, izvajanja in analize spletnih anket, form in glasovanj. Možna je tudi namestitev na PC/notebook za off-line anketiranje.

Specifičnosti stori tve 1KA

Brezplačno

Slovenščina

Dosegljivost

https://www.1ka.si/

V smislu funkcionalnosti so glavne prednosti:

Sistem za podporo razvoja vprašalnika

Zmogljivo gnezdenje pogojev

Minimizirano število klikov

Hitrost

Avtomatizirane statistične analize

Konceptualna in procesna podpora anketnemu procesu

Statistične analize

Page 15: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

WORDPRESS

ORODJE ZA USTVARJANJE SPLETNIH STRANI

WordPress je moderno računalniško okolje za ustvarjanje spletnih strani s poudarkom na

estetiki , spletnih standardih in uporabnosti . Je prosto dostopna programska

oprema.

Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo

oblikovanja spletne strani. Na spletu izberemo predlogo, ki nam je všeč, jo prenesemo na

strežnik in v administracijskem vmesniku aktiviramo.

Spletno stran lahko s pomočjo vtičnikov na lahek način:

opt imiz i ramo za iskalnike,

jo spremenimo v ga le r i jo s l ik ali multimedijskih vsebin,

ponudimo obiskovalcem možnost koment i ran ja ,

povežemo s soc ia ln imi omrežj i .

Page 16: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

KAKO ZAGOTOVITI

OPTIMALNO RAST

Rast spletne strani je odvisna tudi od tega, ali vas vaši potencialni obiskovalci

enostavno najdejo. Za to poskrbimo z opt imizaci jo ali z oglaševanjem .

Kako zagotovit i najbol j opt imalno rast?

Poskrbeti moramo za on-site in off-si te optimizaci jo, ki zagotavlja, da naša

spletna stran hitreje pride na prvo stran Googlovih zadetkov.

Page 17: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

SPLETNI PROMOCIJSKI KANALI

Landing page

Izdelava designa

Lokalizacija

Posodabljanje

Vzdrževanje

Spletni članek

Oglas / članek ima dolgoročen učinek (seme)

Vključitev 'ambasadorjev

Pasice

E-poštna oglasna sporočila

Google AdWords

Velika pozornost z namenom privabiti čim večje število obiskovalcev

Analitika učinkovitosti

Fleksibilnost načrtovanja kampanje

Adroll

Zelo učinkovit kanal

(re-targeting), vendar potem,

ko že imaš obiskovalce

Analitika učinkovitosti

Fleksibilnost načrtovanja kampanje

FaceBook

• Izdelava strani s povezano

vsebino

• Učinkovit promocijski

kanal, vendar ne na zelo

kratek čas, saj je potrebna

kritična masa uporabnikov

• Uporaba orodja 'Boost'

PROMOCIJA

SPLETNE STRANI

Page 18: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu
Page 19: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

NEEEEEEE!

Page 20: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

Uporabnost rešitve

in

uporabniška izkušnja

UPORABNIŠKA IZKUŠNJA

(UX)

Page 21: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

Definicija ISO 9241-11 (1998)

»Uporabnost sistema je merilo uspešnosti, učinkovitosti in

zadovoljstva, s katerim lahko tipičen uporabnik z uporabo

tega sistema, v določenih pogojih in okolju, doseže

zastavljeni cilj«

Jakob Nielsen

»Več-dimenzionalna lastnost

uporabniškega vmesnika, ki je

tipično povezana s petimi

atributi «

KAJ JE

UPORABNOST?

Page 22: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

METODE IN TEHNIKE

OCENJEVANJA UPORABNOSTI

Page 23: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

Metodologija sledenja oči - Eye-tracking - sodi med novejše tehnike testiranja uporabnosti, kjer s posebno kamero, ki se imenuje eye-tracker, lahko spremljamo in beležimo vsak premik očesa (roženice) in posledično pogleda na ekranu.

Analiza pridobljenih podatkov nam pokaže:

kam je uporabnik usmeril svojo pozornost,

kaj na preučevanem mediju je najprej opazil,

katere vsebinske dele je preskočil, katere dele je

prebral v celoti, katere dele samo bežno preletel in

katerih stvari sploh ni opazil,

katere so trenutne in katere so bile prejšnje točke

pozornosti,

kakšna je intenzivnost gledanja uporabnika v zaslon.

METODOLOGIJA

SLEDENJA OČI

Page 24: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

EU PROJEKT

MERLAB

Page 25: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

Hevristično preverjanje

Oblikovanje nalog in scenarijev:

(N1) – Preuči poglavje e-tečaja v MeRLab-u »Uvod v mehatroniko«

(N2) – Spremeni osebne nastavitve in nastavi svoj profil

(N3) – Mentorju zastavi vprašanje

(N4) – Objavi komentar na forumu

(N5) – Naloži učno gradivo

(N6) – Poišči dokument v spletni knjižnici in ga odpri

(N7) – Rezerviraj termin za opravljanje praktičnega dela v oddaljenem laboratoriju

(N8) – Napiši osebno sporočilo

Testiranje z Eye-trackerjem Tobii T60

Retrospektivno glasno razmišljanje

Vprašalniki:

Demografski vprašalnik

Vprašalnik po koncu vsake naloge

Vprašalnik SUS (System Usability Scale)

Spletno orodje za merjenje subjektivnega miselnega napora www.usablesurveys.com

TESTIRANJE

UPORABNOSTI

Page 26: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

Kategorizacija zbranih podatkov

Poročilo

ID – Edinstven identifikator UP z oznako UP (zap. št. naloge, serijska št.)

Kontekst – V katerem delu uporabniškega vmesnika se nahaja UP

Opis – Kratek opis UP

Pogostnost – Kako pogosto naletimo na ta UP

Težavnost – Kako resen je UP

Priporočilo – Na kakšen način rešiti UP

ANALIZA TESTIRANJA

UPORABNOSTI IN UX

Page 28: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

ANALIZA SPLETNE STRANI

HTTP://WWW.ECUISINE-PROJECT.EU

+ IN –

• Informativna in pregledna prva stran

•Vključeni so ustrezni logotipi

•Povezave z ostalimi spletnimi stranmi in sorodnimi projekti

•Povezava s Facebookom

•Večjezičnost

Domača stran

•Manjka nekaj osnovnih informacij (trajanje projekta, namen, cilji)

•Predstavitev ključnih informacij v PDF zloženki

•Lepo je predstavljen širši družbeni kontekst

O projektu

•Nazorno predstavljeno z logotipi in vsemi potrebnimi kontaktnimi informacijami

•Vloga partnerjev v projektu

•Struktura managementa

Partnerstvo v projektu

•Ta sklop je na spletni strani v celoti izpuščen, vendar je nujen za predstavitev projekta

Metodologija in delovni paketi

•Rubrika poimenovana malo drugače in ima listo publikacij na različnih koncih (results & downloads) – malo manj pregledno in ni zbrano na enem mestu

Poročila in publikacije

•Ena boljših podstrani na spletni strani – zelo pregledno

•Naziv dogodka, datum in krajši ter daljši opis dogodka

Dogodki

•Malo je pomešano s stranjo poročilo in publikacije

•Objave iz časopisov / TV-ja / Radia bi bile lahko znotraj posebnega zavihka

Medijski center

•Slovnarja spletna stran ne vsebije

•Če projekt vsebuje veliko različne terminologije, potem je slovar smiseln

Slovar

Page 29: KLJUČNI ELEMENT - Cmepius · Je prosto dostopna programska oprema. Veliko število prosto dostopnih grafičnih predlog nam zelo poenostavi delo oblikovanja spletne strani. Na spletu

PRIMER

DOBRE

PRAKSE 2

WWW.D-FET.EU