1. Mobile first!
Fredrik Johansson
Art Director, Vinter
fredrik.johansson@vintermail.se
skype freddejohansson
twitter fredrikjohansson.com
facebook.com/sirfredrik
2. Generellt kan man tänka att, en webb är värdelös om
den inte bidrar till ett eller båda av följande:
1. Stödjer ett viktigt affärsmål för ägaren
2. Hjälper en användare (eller kund) att slutföra en uppgift
6. animation!
Walt Disney skapade från sista rutan och framåt. Det var funktionen
som styrde. Frågan "Vad är det önskade resultatet?" Animation är alltså
synonymt med önskad aktion/förflyttning. Animation är alltså "reaktion".
7. mänskliga
mekanismer*
Mänsklig psykologi består av stora antal funktionellt specialiserade mekanismer som var
och en är känsliga för specifika former av kontextberoende information som kombineras,
koordineras och integreras med varandra för att skapa uttryckt beteende.
15. google
webfonts
Gratis arkiv av typsnitt som ger designers mer möjligheter att skapa attraktiva siter och
web applications. Alla typsnitten är även Open Source (gratis & anpassningsbara).
“Välj, jämför, använd...”
http://www.google.com/webfonts#HomePlace:home
26. • Vem är användaren/Hur ser målgruppen ut?
• Vad är deras huvudsakliga syfte?
• Vad är deras begränsningar?
• Vad behöver de (verkligen) göra?
27. Läs inte
tankar!
Att läsa tankar fungerar inte för Uri Geller
och det kommer inte fungera för Dig Heller:)
Designa för en funktion och inte för ett format!
28. teknologin
gör framsteg
Vi har börjat designa för fler och fler plattformar. Vi lär oss och använder nya verktyg hela
tiden men Web Design processen ser oftast den samma ut.. Är inte det sjukt märkligt?
29. mobile!
Varför har detta idag blivit ett samlingsord för allting som inte är desktopbaserat?
Fokusera på användaren och innehållet. Skärmen avgör. Syfte. Inventera och prioritera.
32. desktop
datorer
På en stationär dator förväntar vi oss ofta få all information levererad
direkt till skärmen. Ingen sortering krävs, den gör vi själva. Vi har dom
verktyg vi behöver nära till hands.
33. tablets
På en surfplatta förväntas vi göra ett aktivt val:
Om vi vill läsa håller vi platten som en bok och vi får en
smal feed med nyheter och om vi vill interagera med
innehållet håller vi plattan liggandes.
41. <600 pxl
Våra läsare ska kunna förd- 1. ontent inventering
C
jupa sig i karaktärerna och (behovsanalys)
navigera mellan olika delar.
1. eny
M
2. ogo
L
3. uvudartikel
H
4. uvudobjekt
H
5. vsändare/disclaimer
A
42. 1
2
<600 pxl
3
Våra läsare ska kunna förd- 1. ontent inventering
C
jupa sig i karaktärerna och (behovsanalys)
navigera mellan olika delar. 2. eferens wireframe
R
1. eny
M
2. ogo
L
4 3. uvudartikel
H
4. uvudobjekt
H
5. vsändare/disclaimer
A
5
43. 1
2
<600 pxl
3
Våra läsare ska kunna förd- 1. ontent inventering
C
jupa sig i karaktärerna och (behovsanalys)
navigera mellan olika delar. 2. eferens wireframe
R
1. eny
M 3. injär design
L
2. ogo
L
4 3. uvudartikel
H
4. uvudobjekt
H
5. vsändare/disclaimer
A
5
44. content
first!
Lösningen blir idag allt oftare att vi designar inifrån och ut. Egentligen handlar det alltså
om hur Funktion + Form = Design. Och utan Funktion eller Form så är Design egentligen
bara Konst alltså.
45. content
first!
Börja din designprocess utan verktyg och addera endast dom verktyg du behöver,
när du behöver dom. Skriv, skissa och diskutera! ..skriv, skissa och diskutera mer...
46. content
first!
Mycket av vårt beslutsfattande baseras på tekniska begränsningar. Detta är inte bra!
Enheternas plattformar förändras hela tiden. Nya möjligheter och framsteg avlöser
varandra. Content är ett framtidssäkrat designtänk.
47. less is
more!
Går det att skala bort någonting och framhäva funktionen ytterligare?
(Nu är vi tillbaka i grundprincipen om att den generella tanken är att webben
ska stödja/ha en funktion eller driva till ökad affärsnytta för våra kunder.)
48. be
stupid.
"Forget everything you ever learned about graphic design.
Even the things I've told you here today."
