frá skissu að vef

Frá skissu að vef

María Franklín Jakobsdóttir- maria@tmsoftware.is

Ráðgjafi og viðmótsforritari

Efnisyfirlit

•Hvernig vinnum við vef?

•Hugmyndir og úrvinnsla

•Makover

Hvernig vinnum við vef?

Umfang verkefna Vefumsjónarkerfi - Sérsmíði - Hagsmunaðilar

Greining | Hönnun | Þróun | Prófanir

Hvernig vinnum við...

•Hugmyndir

•Skissa // Wireframe

•Hönnun fyrir CSS // Útlit

•Samþykkt hönnun

•Uppsetning // Stílsíðuvinna

•Kennsla og efnisinnsetning

• vefurdev.is || vefur.is í loftið

Taka 21

•Hugmyndavinna

• Fundir : Spurningar : Heimildarvinna

•Wireframe

• Blueprint : Flæði : Usability

•Hönnun

• Grafík : Photoshop : Branding

Start

•Uppsetning – Stílsíðuvinna

• Þróunarumhverfi : JavaScript/html/css

•Kennsla og efnisinnsetning

• Viðtökuprófun

•Þróun -> Raunumhverfi

Bakgrunnsmynd: Úr Heimildarmyndinni – Sundið – eftir Jón Karl Helgason

Information Architecture ..art and science of organizing and labeling websites, intranets, online

communities and software to support usability..

http://www.guardian.co.uk/help/insideguardian/2010/feb/02/what-is-information-architecture

Hugmyndavinna

Úrvinnsla

Kortlagning

•Markmið • Kynning, sala, þjónusta, ímynd...

•Persónur • Notendahópar, verkefni, flæði

•Upplýsingahönnun • Veftré, auglýsinga-banner, tenglasvæði twitter-blog, póstlisti, kort, comment, rss, youtube

sosialmedia tenglar....

•Sniðmát • Blog, fréttalisti, starfsmannalisti, viðburðir, vefverslun, tveggja og þriggja dálka síður

•Efnisúttekt • Flutningur á gömlu efni, statískar síður vs. fréttasíður

Áheitakerfi : Profile 1

•Profile : Snorri Uggason, íslandsmeistari í þríþraut, félagi í

björgunarsveitinni Bjartur frá Tálknafirði og heimskautalíffræðingur

•Keppni : Norseman – Xtreme Triathlon

•Söfnun : Landsbjörg

•Ástæðan: Vinur sem slasaðist við björgunarstörf

Upplýsingahönnun

•Notendavænt leiðarkerfi

•Helstu verkefni notanda

•Millisíður || Undirsíður || Filter || Leit

Makeover

Vefir : Fyrir og eftir

Lendingarsíða

- Ein síða

- Auglýsingabanner

- Tvær tegundir af vélum

- Samanburður

- Vísun í vefverslun

- Staðsetning

- Hafa samband

- Yotube

Lendingarsíða

•Einblöðungur

• Notendahópar?

• Ein vefsíða?

• Ein vara eða margar?

• Hvernig er söluferlið?

• Greiðslugátt í gegnum

vefverslun?

• Kennsluvídeo?

• 100% sjálfsafgreiðsla?

• Hafa samband

Takk fyrir

maria@tmsoftware.is

webmaster@webmaster.is