Í þessum fyrirlestri sem ég hélt fyrir Ljósmyndarafélag Íslands 21. febrúar 2019 fjallaði ég um það sem einkennir góða vefi árið 2019. Það var tilvalið að skoða tilnefnda vefi til SVEF verðlauna af þessu tilefni. Auk þess að rýna þá fjallaði ég um grundvallaratriðin í góðri vefhönnun.
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Hvað einkennir góða vefi 2019?
1. Hvað einkennir
góða vefi 2019?
Sigurjón Ólafsson
Fúnksjón vefráðgjöf
Ljósmyndarafélag Íslands - 21. febrúar 2019
2. Hver er
maðurinn?
Nú
Fúnksjón vefráðgjöf 2013-
Aðjúnkt við HÍ 2011-
Áður
Íslandsbanki 2011-2013
Háskóli Íslands 2008-2011
Kaupþing 2001-2008
PwC 2000-2001
Siglingastofnun 1997-2000
2
3. Við erum öll alltaf að spá í heimasíðum og vitum
oft að við gætum gert betur. En tíminn er lítill.
Hvaða atriði ættum við að setja í forgang?
Hvað er það sem helst einkennir góða
og nútímalega vefsíðu?
3
25. Ekki fara fram úr þér í tækninni. Leyfðu
notendum sem eru ekki með nýjasta símann eða
tölvuna að njóta vefsins líka.
Tæknin breytist hratt en mannlegt eðli ekki.
Og ekki gleyma þeim sem...
25
27. Fjárfestu í efni. Það er nú einu sinni
ástæðan fyrir því að fólk notar vefi.
Gerðu ráð fyrir kostnaði við myndefni.
Fáðu fagfólk, sem skilur vefinn,
að textanum.
27
75. LOGO
FLOKKUR 1 | FLOKKUR 2 | FLOKKUR 3 | FLOKKUR 4
LEIT
SÍMI / NETFANG / HEIMILISFANG / KENNITALA / SAMFÉLAGSMIÐLAR
(GJARNAN STÓR FÓTUR MEÐ TENGLUM)
FORGANGSRÖÐUN, FORGANGSRÖÐUN, FORGANGSRÖÐUN
(eða kannski bara risastór mynd)
IS / EN - KARFA
14 / 15
1 fyrir miðju
Hefðbundin 12 / 15 (3 / 15 með hamborgara) Leit hægra megin = 6
Engin leit sýnileg = 8
Leit fyrir miðju = 1
Stórt myndasvæði (50% af svæði fyrir ofan fold) = 13 / 15
Myndasvæði innan við 50% = 2 / 15
Stórfótur (yfir 50% af
skjáfylli) = 13 75
76. Hefðir - samantekið fyrir tölvu (desktop)
● Merki (logo) vinstra megin = 14 / 15
● Merki (logo) fyrir miðju = 1 / 15*
● Hefðbundin valmynd = 12 / 15
● Hamborgari eingöngu = 3 / 15
● Leit hægra megin = 6
● Engin leit sýnileg = 8
● Leit fyrir miðju = 1
● Stórt myndasvæði (50% af svæði
fyrir ofan fold) = 13 / 15
● Myndasvæði innan við 50% = 2 / 15
● Video í bakgrunni = 3 / 15
● Stórfótur (yfir 50% af skjáfylli) = 13 /
15
● Valmynd sem fylgir þér (sticky menu)
= 9 / 15
76
86. Niðurstaða? Helstu einkenni*
➔ Betri þarfagreining og skilningur á UX (notendaupplifun)
➔ Hefðir virtar að langmestu leyti í tölvu og hefðir að skapast í síma
➔ Mikið lagt í myndefni og videomiðlun að aukast
➔ Stórt og læsilegt letur
➔ Fáguð vefhönnun
➔ Virðing fyrir efni, ekki síst texta, er að aukast
➔ Hraði er almennt góður en stórt myndefni og stórar skrár gera það erfitt
➔ Aðgengismálin tekin alvarlegar en áður
➔ Hreyfing (animation) þykir svöl
➔ Mikið skrun / laaaangir vefir
➔ Valmynd sem fylgir þér (e. sticky menu)
➔ Sjálfsafgreiðsla eykst (dæmi bankar, tryggingafélög, flugfélög)
➔ Netspjall og spjallmenni (chat bots)
➔ Leitarvirkni tekur hröðum breytingum til batnaðar
* byggð á örrannsókn og tilfinningu vefráðgjafa
86
87. Og það sem er ánægjulegast!
Vefir mega LOKSINS KOSTA eitthvað!*
* Vegna þess að þeir skila augljósum fjárhagslegum ávinningi
87
88. AÐ LOKUM!
Í þessari kynningu höfum við aðeins snert yfirborðið og í
reynd hefur þessi fyrirlestur verið um blessaða heimasíðuna!
En munum! Heimasíðan (forsíðan) skiptir
ekki öllu máli (lengur)
Fyrst og fremst eru það leitarvélar og samfélagsmiðlar sem
skila notendum á vefinn (og gjarnan á undirsíður)
88