design för alla20101028
DESCRIPTION
TRANSCRIPT
2010-10-28
DESIGN FÖR ALLA
FRUKOSTSEMINARIUM
MALMÖ ARENA
2010-10-28
PÄR LANNERÖ
MARTIN RYTTLER
Illustration: jelene@flickr
DESIGN FÖR ALLADEFINITION
”designfilosofi som syftar
till att en produkt eller en
tjänst kan användas av
så många som möjligt
utan behov av speciella
anpassningar”
Wikipedia 2010-10-24
Design för vem
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
Design för
Åtkomlighet
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- ÅTKOMLIGHET
Service
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- ÅTKOMLIGHET
www.dinwebbplats.se
www.dinwebbplats.se
www.dinwebbplats.se
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- ÅTKOMLIGHET
Sökbarhet
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- ÅTKOMLIGHET
Din webbplats
Din webbplats
Din webbplats
Din webbplats - Sök
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- ÅTKOMLIGHET
Snabbhet
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- ÅTKOMLIGHET
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
Design för
Människor
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MÄNNISKOR
• Normalstörda
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
cc by-nc-sa /*dave*/@flickr
DESIGN FÖR ALLA- FÖR MÄNNISKOR
• Normalstörda
• Funktionshindrade
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
cc by-sa wikipedia
cc by-nc-sa /*dave*/@flickr
DESIGN FÖR ALLA- FÖR MÄNNISKOR
• Normalstörda
• Funktionshindrade
• Utvecklare
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MÄNNISKOR
• Normalstörda
• Funktionshindrade
• Utvecklare
• Esteter
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MÄNNISKOR
• Normalstörda
• Funktionshindrade
• Utvecklare
• Esteter
• M.fl.
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
cc by-nc-sa bernard@flickr
Design för
Maskiner
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MASKINER
MottagareAvsändare
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MASKINER
MottagareAvsändare
Hjälpmedel
Foto
p
sd@
flic
kr
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MASKINER
MottagareAvsändare
Klient
Hjälpmedel
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MASKINER
MottagareAvsändare
Utmatningsenhet
Klient
Hjälpmedel
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
Foto
K
ai H
end
ry
DESIGN FÖR ALLA- FÖR MASKINER
MottagareAvsändare
Utmatningsenhet
Klient
Hjälpmedel
Upp-
koppling
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MASKINER
Inmatningsenhet Min webb
Sökmotorer
MottagareAvsändare
Utmatningsenhet
Klient
Hjälpmedel
Upp-
koppling
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MASKINER
Inmatningsenhet Min webb
Sökmotorer
MottagareAvsändare
Aggregatorer
(RSS, pricerunner…)
Utmatningsenhet
Klient
Hjälpmedel
Upp-
koppling
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MASKINER
Inmatningsenhet Min webb
Sökmotorer
MottagareAvsändare
Aggregatorer
(RSS, pricerunner…)
Arkiv
Utmatningsenhet
Klient
Hjälpmedel
Upp-
koppling
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLA- FÖR MASKINER
Inmatningsenhet Min webb
Andras webbar
Sökmotorer
MottagareAvsändare
Aggregatorer
(RSS, pricerunner…)
Arkiv
Utmatningsenhet
Klient
Hjälpmedel
Upp-
koppling
Nätverkssajter
Sociala webben
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
Riktlinjer
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLARIKTLINJER
• Samma för alla?
• Målkonflikter
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLARIKTLINJER
• WAI: WCAG
• 24-timmarswebben
• Egen anpassning
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
Verktyg & metoder
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLAVERKTYG
• Validatorer
– HTML - http://validator.w3.org/
– CSS - http://jigsaw.w3.org/css-validator/
– RSS - http://validator.w3.org/feed/
• Utvecklarverktyg
– Firebug
– Web developer toolbar
– ColorChecker
– Fangs
• Yslow
• SenSeo
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
cc by-nc-sa dunechaser@flickr
Vinster
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLAVINSTER
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
DESIGN FÖR ALLAVINSTER
ÅTERANVÄNDNING – INTE EXTRA ARBETE
MER STANDARDISERING – FRAMTIDSSÄKERT
NÅ FLER – RÄTTVISA
NÅ FLER – STÖRRE VINST
BRA FÖR EN – OFTA BRA FÖR ALLA
HÖGRE KVALITET – SPAR TID OCH MINSKAR FEL
1. Design för vem - 2. Riktlinjer - 3. Verktyg & metoder - 4. Vinster
metamatrix.se