19
http://utveckling.expressen.se @ExpressenUtv [email protected] ”Sveriges modigaste utvecklingsavdelning” #t12t meetup #6 17 Mars 2016 FRÅGA TESTA REPETERA

Fråga - testa - repetera

Embed Size (px)

Citation preview

Page 1: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

FRÅGA TESTA

REPETERA

Page 2: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Palle ZingmarkLead Frontend, Expressen

[email protected] @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

Page 3: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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

Page 4: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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

Page 5: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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

Page 6: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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

Page 7: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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

Page 8: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Page 9: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 10: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 11: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 12: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 13: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 14: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 15: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 16: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 17: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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?

Page 18: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”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

Page 19: Fråga - testa - repetera

http://utveckling.expressen.se @ExpressenUtv

[email protected]”Sveriges modigaste utvecklingsavdelning”#t12t meetup #6

17 Mars 2016

Palle ZingmarkLead Frontend, Expressen

[email protected] @palleman

Tack för mig!