Slide 1

Slide 1 text

Jonas Söderström • 2024 Bilder på webb UX writing • Trä ff #20 • Inspelad Jonas Söderström • Nackademin • Ht 2023

Slide 2

Slide 2 text

Jonas Söderström • 2024 Vi kommunicerar inte bara med skrivna ord … … även bilder talar.

Slide 3

Slide 3 text

Jonas Söderström • 2024

Slide 4

Slide 4 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam Bildkvalitet blir mycket viktigare!

Slide 5

Slide 5 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam 1.Våga använda motiv som sticker ut #%$§€!! (Om vi inte får åtminstone fem arga mejl har vi inte gjort vårt jobb)

Slide 6

Slide 6 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c 1.Våga använda motiv som sticker ut Vi söker nätverkstekniker

Slide 7

Slide 7 text

Jonas Söderström • 2024 Fria foton: Pixabay https://pixabay.com Unsplash https://unsplash.com PublicDomainPictures.net https://www.publicdomainpictures.net/ Flickr https://www. fl ickr.com/ Flickr https://www. fl ickr.com/ Eller Google > Bilder > Verktyg > Användarrättigheter > Creative Commons-licenser Sök fram bilder med CC-licens Vecteezy https://sv.vecteezy.com Fria vektorbilder:

Slide 8

Slide 8 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam 2.Använd distinkta manér – färg, form, motiv, collage Selective colors

Slide 9

Slide 9 text

Jonas Söderström • 2024 Stock- holms stads- museum

Slide 10

Slide 10 text

Jonas Söderström • 2024 Stock- holms stads- museum

Slide 11

Slide 11 text

Jonas Söderström • 2024

Slide 12

Slide 12 text

Jonas Söderström • 2024

Slide 13

Slide 13 text

Jonas Söderström • 2024 Form

Slide 14

Slide 14 text

Jonas Söderström • 2024 Förresten – ett litet trick …

Slide 15

Slide 15 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam

Slide 16

Slide 16 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam

Slide 17

Slide 17 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam

Slide 18

Slide 18 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam

Slide 19

Slide 19 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam

Slide 20

Slide 20 text

Jonas Söderström • 2024 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, c Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam

Slide 21

Slide 21 text

Jonas Söderström • 2024 Platta bilder är sämre än inga bilder alls

Slide 22

Slide 22 text

Jonas Söderström • 2024

Slide 23

Slide 23 text

Jonas Söderström • 2024 ! Skandal att man inte har kontaktadresser till avdelningarna på sidorna (medicinjournalist, bevakat Socialstyrelsen i 3 år)

Slide 24

Slide 24 text

Jonas Söderström • 2024 Det är synd att Socialstyrelsen inte har ”Läs mer”-länkar ... så som Brå har (informatör, Kvinnojour) !

Slide 25

Slide 25 text

Jonas Söderström • 2024 Laddning: Extrem bildvinkel skapar intresse

Slide 26

Slide 26 text

Jonas Söderström • 2024

Slide 27

Slide 27 text

Jonas Söderström • 2024 Text och bild måste samspela …

Slide 28

Slide 28 text

Jonas Söderström • 2024 ”Vi innoverar, designar och utvecklar tillsammans. Vi dansar och gråter tillsammans. Vi vinner och förlorar tillsammans. ” ”We love a lot. Vi älskar när det känns, både när det är jobbigt och när det svänger. Vi älskar våra små projekt och vi är vansinnigt förtjusta i våra stora. … Ja, vi love a lot men det är så vi funkar.”

Slide 29

Slide 29 text

Jonas Söderström • 2024

Slide 30

Slide 30 text

Jonas Söderström • 2024 Bilder på webben är (oftast) små … särskilt i mobil-gränssnitten.

Slide 31

Slide 31 text

Jonas Söderström • 2024

Slide 32

Slide 32 text

Jonas Söderström • 2024

Slide 33

Slide 33 text

Jonas Söderström • 2024 Därför måste de vara starkt laddade för att ha en visuell ”impact”!

Slide 34

Slide 34 text

Jonas Söderström • 2024 Det viktigaste är att beskära tätt – att zooma in

Slide 35

Slide 35 text

Jonas Söderström • 2024

Slide 36

Slide 36 text

Jonas Söderström • 2024

Slide 37

Slide 37 text

Jonas Söderström • 2024

Slide 38

Slide 38 text

Jonas Söderström • 2024

Slide 39

Slide 39 text

Jonas Söderström • 2024 Det finns inte mycket av intresse här! Resultatet blir en utspädning av värdet på bilden …

Slide 40

Slide 40 text

Jonas Söderström • 2024

Slide 41

Slide 41 text

Jonas Söderström • 2024

Slide 42

Slide 42 text

Jonas Söderström • 2024 Den här bilden kommunicerar och går fram på ett helt annat sätt!

Slide 43

Slide 43 text

Jonas Söderström • 2024

Slide 44

Slide 44 text

Jonas Söderström • 2024

Slide 45

Slide 45 text

Jonas Söderström • 2024 Utspädning av kraften!

Slide 46

Slide 46 text

Jonas Söderström • 2024 Mycket tydligare fokus!

Slide 47

Slide 47 text

Jonas Söderström • 2024

Slide 48

Slide 48 text

Jonas Söderström • 2024 I stort format – hängd på en utställningsvägg! – kan den här bilden funka bra. Det fi nns ett djup. Men när bilden blir så liten som på webbsidan, tappar den sin styrka.

Slide 49

Slide 49 text

Jonas Söderström • 2024 I litet format, ganska ointressant

Slide 50

Slide 50 text

Jonas Söderström • 2024 De är fortfarande på väg – men mycket tydligare

Slide 51

Slide 51 text

Jonas Söderström • 2024 Texten säger ”kris” – men bilden förstärker inte budskapet

Slide 52

Slide 52 text

Jonas Söderström • 2024

Slide 53

Slide 53 text

Jonas Söderström • 2024

Slide 54

Slide 54 text

Jonas Söderström • 2024 Meh

Slide 55

Slide 55 text

Jonas Söderström • 2024

Slide 56

Slide 56 text

Jonas Söderström • 2024 Jämför:

Slide 57

Slide 57 text

Jonas Söderström • 2024 Originalet

Slide 58

Slide 58 text

Jonas Söderström • 2024 Bättre - men vi kan fokusera ännu mer!

Slide 59

Slide 59 text

Jonas Söderström • 2024

Slide 60

Slide 60 text

Jonas Söderström • 2024 Lutad horisont, mer dramatisk beskärning, suddig bakgrund förstärker känsla av snabbhet, brådska

Slide 61

Slide 61 text

Jonas Söderström • 2024 Originalet

Slide 62

Slide 62 text

Jonas Söderström • 2024 Originalet

Slide 63

Slide 63 text

Jonas Söderström • 2024

Slide 64

Slide 64 text

Jonas Söderström • 2024 Zooma in ännu mer för att förstärka budskapet i rubriken!

Slide 65

Slide 65 text

Jonas Söderström • 2024 Originalet igen