Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

FRÅGA TESTA

REPETERA

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Palle ZingmarkLead Frontend, Expressen

palle.zingmark@expressen.se @palleman

• Smålänning i exil • Bor sedan 2012 i Arboga • Jobbat med webben sedan 1994 • Sedan 2003 med frontend-fokus • Sedan 2006 i nyckelroller med frontend-fokus • På Expressen sedan 2014

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

• ca 65 personer • ca 10 tvärfunktionella team • Minst en person som är dedikerad användarupplevelsen • Agilt • Testdrivet • Användarfokuserat

• Beteendedata • A/B tester

Expressen Utveckling

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Tillgänglighet?

Credit: http://ahtibat-stock.deviantart.com/art/Man-Scared-Face-Reference-164047513 Creative commons license 3.0

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Test med tangentbordsnavigering

Test med skärmläsare

Test av dokumentstruktur

Test av Aria Landmark Rules

Test av färger och kontraster

Test av länkar

Utgångspunkt

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Test med tangentbordsnavigering

Test med skärmläsare

Test av dokumentstruktur

Test av Aria Landmark Rules

Test av färger och kontraster

Test av länkar

Utgångspunkt

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Test med tangentbordsnavigering

Test med skärmläsare

Test av dokumentstruktur

Test av Aria Landmark Rules

Test av färger och kontraster

Test av länkar

Utgångspunkt

Credit: https://www.flickr.com/photos/daveynin/4110387453/ Creative commons license 2.0

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

Fråga

Testa

Repetera

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

FrågaFråga användarna

Fråga kollegor

Fråga vänner

Fråga främlingar

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

FrågaFråga användarnaFråga kollegor

Fråga vänner

Fråga främlingar

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

FrågaFråga användarna

Bjud in användare till ert kontor

Blogga om det på er blogg, be om feedback

Be om feedback vi er Facebook-sida

Samma gäller för Twitter

Använd 3e-part, ex Feedbackify

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

Fråga

Testa

Repetera

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

Testa Testa själva

Testa tillsammans med användarna

Testa hos eller med 3e-part

Automatiserade tester

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

Fråga

Testa

Repetera

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Hitta dom mest kritiska problemen och åtgärda dom först.

RepeteraÅterkoppla med användaren, fråga om problemet är löst

Tillkommit nya problem?

Var ska man börja?

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Annonser

Färger och kontraster

AJAX

Tracking

Kustomiserade HTML-widgets i EPiServer

Exempel från min verkligheten

http://utveckling.expressen.se @ExpressenUtv

utveckling@expressen.se”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Palle ZingmarkLead Frontend, Expressen

palle.zingmark@expressen.se @palleman

Tack för mig!