kravställning i webbprojekt
DESCRIPTION
På Meridiumdagen den 21/11 2012 pratade jag om kravställning i webbprojekt. Använd gärna presentation som en checklista i ditt webbprojekt.TRANSCRIPT
![Page 1: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/1.jpg)
Kravställning i webbprojekt
Maria Sognefors, 7minds
![Page 2: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/2.jpg)
![Page 3: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/3.jpg)
Alla vill/måste jobba digitalt
Antal företag
År
![Page 4: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/4.jpg)
![Page 5: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/5.jpg)
Jag vill beställa ett badrum!
![Page 6: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/6.jpg)
Det fixar vi! Billigt blir också!
![Page 7: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/7.jpg)
Nu är det klart!
![Page 8: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/8.jpg)
Men det var ju inte vad jag menade!
Men det fungerar ju!
Vi kan ju göra om, om du vill, men det kostar
ju.
![Page 9: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/9.jpg)
Kravställningens faser
Mål/Syfte Teknik
Wire-frames
Design
Redaktörs-flöde
Detalj-spec
Förankring
Funktionsspec
![Page 10: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/10.jpg)
Mål/Syfte/Effektkartläggning Ni MÅSTE veta:
– Varför ni ska ha lösningen?– Vad ni vill uppnå med den?
Alla mål måste vara mätbara Vem vänder ni er till
– Vilka behov har dessa?
Prioritera ut 2-3 viktigaste sakerna– Fokusera på att göra få saker bra– Bygg på efterhand
![Page 11: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/11.jpg)
Funktioner styrs av behov Om ni ska kunna uppnå era mål/effekter
– Vilka funktioner krävs?– Vilka redaktionella konsekvenser får ett visst krav?
Låt målen styra, så att ni inte hamnar i funktionsträsket– Tusen önskemål på saker som
egentligen ingen vill ha
![Page 12: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/12.jpg)
Teknik Ta tidig reda på vilka krav ni har för
– Infrastruktur– Last– Säkerhet– Integrationer– Tekniska redaktörskrav– Tillgänglighetskrav– Webbläsarkrav– Enheter och operativsystem
Dessa krav påverkar normalt resten av arbetet
![Page 13: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/13.jpg)
Responsive Design Samma webbplats
presenteras på olika sätt i olika enheter.
Alternativet är att bygga speciella mobila webbplatser.
Påverkar redaktörsarbetet marginellt, men påverkar kravställningen mycket.
![Page 14: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/14.jpg)
Wireframes Fokusera på användarens
beteende innan ni tittar på färg och form.
Skapa struktur, flöden, placering av funktioner med wireframes först.
Alla sidor behöver wireframes, inte bara startsidan
![Page 15: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/15.jpg)
Wireframes för alla enheter
![Page 16: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/16.jpg)
Skriv gärna kontrakt
Förankra med:• Målgruppen• Internt
![Page 17: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/17.jpg)
Design Lägg färg och form på dina
wireframes. Ha en mindre grupp som får
tycka och tänka om design. Färg och form är generellt
enklare att ändra, så gör ingen långbänk av det.
Tänk på att ta med alla enheter!
![Page 18: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/18.jpg)
Redaktörsflöde Hur ser organisation ut? Vad krävs att redaktören för
att uppnå målen? Vilka inbyggda funktioner kan
vi klara oss med? Vilka uppgifter kommer att
göras ofta? Hur ska ni säkerställa kvalitet?
![Page 19: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/19.jpg)
Stöd för att få kvalitet Automatiskt hantering av bilder Tvingande fält där det är lämpligt Valdering av text Stöd för att göra SEO-mässigt rätt Arv av fält Bra och förståeliga ledtexter Bra ordning på fält och flikar
![Page 20: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/20.jpg)
Repetitiva uppgifter Identifiera uppgifter som kommer göras ofta av
många olika. Ex– Vi skapar mycket länkar mellan sidor. – Vi vill kunna styra vilka länkar som visas på varje sida– Vi vill inte ha samma namn på länken som på målsidan.– Vi vill kunna styra ordningen på länkarna
![Page 21: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/21.jpg)
EPiServer standard
![Page 22: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/22.jpg)
En anpassning av redaktörsläget
![Page 23: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/23.jpg)
Samma mål – olika sätt
Med smartare verktyg sparar vi tid (pengar)! Vi sparar också en massa
frustration och irritation, som är svår att mäta i pengar.
![Page 24: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/24.jpg)
Detaljspecifikation Agile utveckling eller inte? Olika leverantörer kräver olika detaljnivå Vill du ha kontroll? – Var detaljerad!
– Wireframes och design säger det mesta om besökardelen.
– Sidtypsdefinition brukar vara bra för redaktörsläget.
![Page 25: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/25.jpg)
Skriv gärna kontrakt
Förankra med:• Målgruppen• Internt
![Page 26: Kravställning i webbprojekt](https://reader033.vdocuments.pub/reader033/viewer/2022061207/54862731b4af9f7f338b45e9/html5/thumbnails/26.jpg)
Maria Sognefors
www.7minds.se Twitter: @msognefors
Facebook: www.facebook.com/7mindsab