Utvärdering av processer, tidsplaner, korrektur

Designing for Web

Digital Talk 20 juniEmelie Hage

Utvärdering av processer, tidsplaner, korrektur”I am always doing that which I can not do, in order that I may learn how to do it.”

Utvärdering av processer, tidsplaner, korrektur

Digital kommunikation

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Tala MED människor inte TILL dem.

Utvärdering av processer, tidsplaner, korrektur

Förstå konsumentens värld.

Utvärdering av processer, tidsplaner, korrektur

Webben är navet.

Utvärdering av processer, tidsplaner, korrektur

Struktur

Utvärdering av processer, tidsplaner, korrektur

”Var sak på sin plats"

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

En webbplats får aldrig besökare. Den förtjänar besökare.

Utvärdering av processer, tidsplaner, korrektur

Det är inte din hemsida.Det är besökarens webbplats.

Utvärdering av processer, tidsplaner, korrektur

Given that users spend almost no time visiting the average web page, how do you get people to actually read your website pages?

There's so much blah-blah on the web that straight talk stands out.

  Jakob Nielsen’s Alertbox June 2013/Evidence-Based User Experience Research, Training, and Consulting   

Några ord om content..

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Syfte

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Klustra

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Navigation

Utvärdering av processer, tidsplaner, korrektur

Mål

Utvärdering av processer, tidsplaner, korrektur

Information Kontakt Produkter

Utvärdering av processer, tidsplaner, korrektur

Dont make me thinkNavigation är navigation. Innehåll något annat.

– Tvinga inte din besökare att förstå hur du har tänkt – tänk åt dem istället!

Utvärdering av processer, tidsplaner, korrektur

Dont make me thinkNavigation är navigation. Innehåll något annat.

Syfte & Målgrupp

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrekturKlassisk Horisontal och vänster navigation

Utvärdering av processer, tidsplaner, korrekturNyhetssajt

Utvärdering av processer, tidsplaner, korrekturNyhetssajt

Utvärdering av processer, tidsplaner, korrekturSökbaserad navigation

Utvärdering av processer, tidsplaner, korrekturKampanjer

Utvärdering av processer, tidsplaner, korrekturKampanjer

Utvärdering av processer, tidsplaner, korrekturLandingpage

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrekturNågra exempel – Mega menu

Utvärdering av processer, tidsplaner, korrekturBildbaserad-navigation

Utvärdering av processer, tidsplaner, korrekturMobil navigation

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrekturKompletterande navigation – Footer

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrekturKonverteringsgrad.

Utvärdering av processer, tidsplaner, korrekturInteraktion

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Design

Utvärdering av processer, tidsplaner, korrekturMoodboards

Moodboards

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrekturMoodboards

Wireframes

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrekturMoodboards

Grids

Utvärdering av processer, tidsplaner, korrekturGrids

Utvärdering av processer, tidsplaner, korrekturGrids

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrekturGrafiska manualer…

Utvärdering av processer, tidsplaner, korrekturWebtypo – skippa Verdana och Arial!

Utvärdering av processer, tidsplaner, korrekturWebtypo

Utvärdering av processer, tidsplaner, korrekturWebtypo

Utvärdering av processer, tidsplaner, korrekturTypecast

Utvärdering av processer, tidsplaner, korrekturTypecast

Utvärdering av processer, tidsplaner, korrektur

Webb är webb.

Utvärdering av processer, tidsplaner, korrektur

Webb är webb.

Det händer ALLTID saker.Som beror på saker.

Utvärdering av processer, tidsplaner, korrektur

Utvärdering av processer, tidsplaner, korrektur

Önskelista

Utvärdering av processer, tidsplaner, korrektur

Kort om designtrender

Utvärdering av processer, tidsplaner, korrektur

Responsive Design

• Fler breakpoints. Designa för alla format samtidigt. Ställer än högre krav på testmiljö för designer och ett nära samarbete med gränssnittare.

• Fördjupad kunskap i interaktionsdesign. • Fördjupad kunskap i effektiv design för prioriterat CMS. (tex Drupal)• Ytterligare utveckla designprocessen för att minimera PSD-

skissandet.

Utvärdering av processer, tidsplaner, korrektur

Content is king – bör kläs som en kung

• Vi är omsorgsfulla med content i printproduktion men slarvar ofta digitalt

• Copy, design och delningsmöjlighet.

• Responsiv design ser till att det levereras.

Utvärdering av processer, tidsplaner, korrektur

Webbtypografi

• Många nya möjligheter till finsnickeri med typografi i digitala. Ett mer flexibelt och effektivt sätt att jobba med layout på sidor.

• Ställer krav på fördjupning i typografi och webbtypografi i synnerhet.

Utvärdering av processer, tidsplaner, korrektur

Nya typer av skärmar tex Retina Screen

• Fantastiska skärmar bör få fantastisk design och bildhantering. Ställer tillsammans med responsive design krav på ännu bättre koll på bildformat grids.

• Puh!

Utvärdering av processer, tidsplaner, korrektur

Mer social media integration

• Djupare integration än bara klassisk delning. ”Social Single sign on” ”Pay by status”, ”Pay by tweet”

• Ännu mer reklam i sociala kanaler… Vi behöver fördjupa oss.

Utvärdering av processer, tidsplaner, korrektur

Mer och mer bilder. Always be converting

• Bilder är viktiga. Och får ta mer plats. • Mycket klassisk landingpagedesign. Med betoning på konvertering.• Vi måste bli drottningar på konvertering. Inte minst om vi skall jobba

med e-commerce som växer i ett rasande tempo.

Utvärdering av processer, tidsplaner, korrektur

Rörligt

• Rörligt och bilder är A och O. • Vi bör se över vår kompetens på rörliga medier. Storytelling och

storyboards.

Utvärdering av processer, tidsplaner, korrektur

Webben börjar äntligen se ut som webb.

Utvärdering av processer, tidsplaner, korrektur

Till sist …

Utvärdering av processer, tidsplaner, korrektur

Till sist …

Varje dag föds 371 000 barn i världen.

Utvärdering av processer, tidsplaner, korrektur

Till sist …

Varje dag föds 371 000 barn i världen.

Varje dag skapas 1,8 miljoner mobila enheter.

Luke Wroblewski /An Event Apart

Utvärdering av processer, tidsplaner, korrektur

Tack!