Har du också tittat på besökssiffrorna för webben och insett att nära hälften av besökarna surfar in med en smartphone eller surfplatta? Responsiva lösningar, webbsidor som anpassar layout efter besökarnas skärmar har funnits i ett par år nu, men hur ser egentligen dina texter, bilder och diagram ut på en iPad Mini, HTC One eller Smart-TV? Den här dragningen riktar sig till dig som är webbredaktör eller på annat sätt jobbar praktiskt med innehållet på en webbplats. Du får tips på hur du jobbar för att ditt innehåll ska funka och se bra ut – för alla! Talare Maja Myrenås Project Manager Creuna Ida Franceen Interface Developer Creuna

1. Hjälp min webb är responsiv!
Ida Franceen, Interface Developer
Maja Myrenås, Project Manager

2. Gissa
Procenten!

4. Desktop 36%
Mobil 64%
Desktop 72%
Mobil 28%
Desktop 57%
Mobil 43%

5. Agenda
© Creuna
1 En kort blick bakåt
2 Vad är responsiv webb?
3 Hur jobba med innehåll i stort
4 …och i din editor
5 Testa och utvärdera ditt innehåll

6. Förr i tiden…

12. Nuförtiden

14. Responsiv
eller
Följsam design?

16. Måste man bygga
responsivt?

17. Innehållet

18. 80% skumläser
Foto: Flickr.com / MichaelFitz

19. viktigaste först
- skippa allt som
är irrelevant

23. Hamburgermeny överallt?

24. http://theoatmeal.com

25. http://theoatmeal.com

26. Redigera innehåll

27. Lär dig
HTML

28. 16 bra taggar att hålla koll på
Lätt!
<h1>-<h6> <p> <a> <img>
<strong> <b> <em> <i> <table>
<tr> <th> <td> <ul> <ol> <li>
<blockquote>

29. Editor

34. Bara Att
Klistra In

36. Men min sajt är
gammal!

37. Att beställa en responsiv webb
Tät dialog med
redaktörerna tidigt
Utbildningar Innehållsverkstäder

38. Gör jag rätt?

40. Hur testar jag?
Använd riktiga apparater Simulator t. ex. Screenfly Ändra storleken på din
webbläsare

41. © Creuna
Arbets-
skrivbordet! :p

42. Sammanfattning
© Creuna
+Stäng inte ute någon, göm inget!
+Viktigaste innehållet först, och på direkten.
+Märk upp innehållet rätt.
+Testa i riktiga telefoner och surfplattor.
+Följ upp med statistik, och optimera!

43. Frågor?