Oblikovanje spletnih strani Flashcards
1
Q
kaj je css- Cascading style sheets in kaj omogoča
A
Stilne predloge (angl. style sheets) omogočajo spreminjanje oblikovanja in postavitve spletnih strani. Glavni predstavnik so kaskadne stilne predloge /CSS
-omogoča ponovno uporabljivo in kaskadno oblikovanje spletnih
strani ter omogočajo ločitev vsebine od oblikovanja.
2
Q
kaj so uporabniški vmesniki (user interface)
A
- Z oblikovanjem spletnih strani gradimo uporabniške vmesnike. To so vmesniki, ki omogočajo interakcijo in uporabo določenega produkta (spletne strani).
- Največkrat so grafični, lahko pa so tudi zvočni (npr. Siri, Alexa in Google Now).
- Grafične uporabniške vmesnike gradijo grafični oblikovalci.
- Spletne uporabniške vmesnike (spletne strani) pa gradijo spletni oblikovalci
3
Q
kaj so lastnosti dobro oblikovanje spletne strani
A
- Uporabnikom je oblikovanje spletne strani všeč, ampak jih to ne odvrne od vsebine strani.
- Navigacija je enostavna in intuitivna.
- Oblikovanje je celota.
4
Q
povej komponente oblikovanja
A
- Postavitev in kompozicija - kako se elementi razporejajo na strani in koliko razmaka je med njimi.
- Barve in teksture – naj delijo dele spletne strani (naslove, povezave,vsebino..)
- Tipografija – uporaba različnih stilov pisav s katerimi ponovno ločimo različne semantične dele.
- Grafika – ogromno slik, ali nič slik, vseeno. Naj odraža vsebino.
5
Q
kaj je uporabniška izkušnja a (angl. user experience oz. UX)
A
- Uporabniška izkušnja je celovita izkušnja pri uporabi določene spletne strani
- Izgled in delovanje produkta prilagodimo tako, da zadosti potrebam in željam uporabnika.
- Rezultat prilagoditve glede na uporabniško izkušnjo je spletna stran, ki ga uporabniki radi uporabljajo.
6
Q
kaj je glavna značilnost dobre uporabniške izkušnje
A
- Uporabnik povprečenih (ali celo podpovprečnih) zmožnosti in izkušenj
lahko brez večjih naporov spletno stran uporablja.
7
Q
naštej pet dobrih lastnosti uporabniške izkušnje
A
- Zaželenost – uporabniki si tak produkt želijo.
- Uporabnost – uporabniki vidijo korist v takem produktu.
- Naučljivost – uporabniki se lahko naučijo uporabljati produkt.
- Nepozabnost – uporabnikom ni potrebno učenje produkta vedno znova.
- Efektivnost – produkt izpolni pričakovanja uporabnika
8
Q
merjenje UX na daljavo
A
- Avtomatsko merjenje določenih aktivnosti na spletni strani z analitičnimi orodji. Primer: Google Analytics
- Merjenje premikov miške - merimo le kje najpogosteje klikajo in z miško “iščejo” povezave. To je zelo nezaželeno.
9
Q
merjenje UX v živo
A
- Pri tem rabimo fokusno skupino – ljudi, ki predstavljajo naše tipične in najpomembnejše uporabnike. Pri tem si pomagamo z Google Analytics.
- Pri interakciji z našim produktom jih opazujemo in jim postavljamo vprašanja (ustno ali pisno, ter sproti ali koncu).
- Opazovanje je lahko tudi avtomatsko s sledenjem gibanja oči ali merjenjem
možganske aktivnosti (EEG).
10
Q
kaj so temni vzorci (angl. dark patterns)
Diplomsko delo in članek študentke Elene Osrajnik
A
- Temni vzorci so uporabniški vmesniki oblikovani tako, da načrtno zavajajo uporabnika pri sprejemanju določenih odločitev.
- Vzorci izkoriščajo kognitivne pristranskosti, s čimer spodbujajo uporabnike k nakupu nepotrebnih izdelkov ali storitev ter razkrivanju
osebnih informacij.
11
Q
tipi temnih vzorcev
A
- Prikriti vzorci – skrijejo ključne informacije, zaradi katerih bi uporabnik najverjetneje ravnal drugače ali nasprotoval določenim dejanjem.
- Vzorci nujnosti –vsiljujejo skrajni rok prodaje izdelka ali storitve, s čimer pospešujejo uporabnikov proces odločanja in posledično nakupa.
- Vzorci napačnega informiranja – ugrabljajo slikovno gradivo, besedilo in emocije za preusmeritev uporabnikov od njihove prvotne odločitve.
- Vzorci socialnega dokaza – zavajajo
uporabnike k nakupu določenega izdelka
zaradi socialnega pritiska drugih potrošnikov. - Vzorci pomanjkanja – opozarjajo na omejeno zalogo ali veliko povpraševanje po produktu, s čimer se poveča njegova zaznavna vrednost in zaželenost.
- Vzorci oviranja – naredijo določena dejanja zahtevnejša, kot dejansko so, z namenom odvrnitve uporabnikov od izvajanja tega dejanja.
- Vzorci prisilnih dejanj – zahtevajo od uporabnikov dodatna in izrazita dejanja, da lahko dokončajo neko nalogo.
12
Q
kaj so spletni iskalniki (angl. web search engine)
A
- Je spletna stran s katero lahko iščemo spletne strani(Google, Bing, DuckDuckGo, Yahoo, Baidu, Yandex) .
- Spletni iskalniki sami pregledajo in vnesejo spletne strani v svojo zbirko.
- Cilj iskalnika je, da uporabniku vrne najbolj relevantne rezultate glede na vpisan iskalni niz.
13
Q
arhitektura spletnih iskalnikov
A
- Plazilec ali pajek (angl. crawler) – program, ki avtomatsko sledi vsem povezavam na spletni strani.
- Indekser (angl. indexer) – program, ki analizira vsebino spletnih strani, pridobljenih z uporabo plazilca, ter shrani pregledane strani v bazo.
- Podatkovna baza (angl. database) – podatkovna shramba za pregledane spletne strani.
- Pogon rezultatov (angl. results engine) – pogon za ekstrakcijo iskalnih
rezultatov iz podatkovne baze.
14
Q
opisi delovanje iskalnika- zbiranje podatkov
A
- Plazilec začne s pregledom spletnih strani iz seznama že poznanih strani.
- Obišče spletno stran na naslovu.
- Izlušči vse povezave iz te strani.
- Vse najdene povezave doda na konec seznama strani, ki jih je potrebno pregledati.
- Ponavlja korake 2-4: pregleda vse strani najdenih povezav. To nadaljuje dokler ne pregleda vseh novih povezav.
- Vsebino pa pregleda indekser.
- Indekser na spletno stran očisti slik in oblikovanja in jo shrani v
podatkovno bazo.
15
Q
opisi delovanje iskalnika- prikaz rezultatov
A
- Uporabnik vpiše iskalni niz.
- Iskalne niz se uredi (popravi napake, poišče sopomenke…). Nastane nabor iskalnih nizov.
- V podatkovni bazi se poiščejo rezultati, ki ustrezajo iskalnemu nizu.
- Rezultate se razvrstijo glede na relevantnost.
- Rezultati se prikažejo uporabniku.
