For et totalt beløb på ca. 39.000.- er du kørende (skal man starte som blikkenslager, skal man af med minimum 600.000.- for at komme i gang). Finansier det igennem julens ønskeliste eller sus ned i banken og få et lån! Har jeg glemt noget? Skriv det i kommentarerne.

- mener Jeffrey Zeldman, godt refereret af Jeremy Keith. Inkluderer tolv tips til empatisk webdesign.

Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.

Min oversættelse:

Webdesign er skabelsen af digitale miljøer, der fremmer menneskelig aktivitet og opmuntrer til den; der afspejler – eller tilpasser sig til – personlige stemmer og personligt indhold; der let og elegant formår at ændre sig over tid, samtidig med at de bevarer deres identitet.

Ud fra den definition, burde du selv kunne konkludere hvad formålet med et webdesign ikke er. Samt forstå den styrke, handlekraft og frihed der ligger i at omfavne mediets begrænsninger. Og omvendt, hvor dyrt det risikerer at blive, hvis du tror at webdesign handler om noget som helst andet.

I den optik, og for at ekko’e Jeffrey Zeldman, er Douglas Bowmans “minima” udtryk for rigtig god webdesign.

• Computerskærme (fra 800*600 til 1680*1050)
• Skærme på mobile enheder (PDA’er, mobiltelefoner og snart iPhonen’s)

Browsere:

• IE 6 & 7
• Safari
• Firefox
• Symbian mobil-browsere og Opera mobil-browsere

Forbindelser (har indflydelse på hvilken type indhold der kan afvikles):

• Fra 100mbit og nedad

Antallet af dokumenttyper:

• Tekst
• Billeder
• Video
• Lyd
• Andre typer embedded indhold (ku’ være pdf’er, word-dokumenter osv)

Disse skal integreres på en skalérbar, dynamisk måde samtidig med at de skal have hver deres håndtag (permalink).

Det skal udtrykkes æstetisk, flyde harmonisk på en grafisk vision, formidles i en stemning, i overensstemmelse med kundens brand (-> designeren).

Endelig skal der være plads til alle i designet:

• Mange forskellige typer afsendere (profiler)
• Brugerne, der skal kunne kommentere, bidrage med deres indhold osv.
• Indhold fra andre kilder

Og så skal så meget som muligt kunne samles op af søgemaskiner og bookmarktjenester, så det altsammen bliver distribueret så effektivt som muligt. Og det skal kunne opgraderes jævnligt, så det kan tilpasse nye standarder i sig. Og det skal altid være færdigt ASAP.

Det er til at få hovedpine af.

Selvfølgelig er meget givet på forhånd, især hvis man bruger open source systemer (som f.eks. WordPress og Drupal).

Men: Ingen er jo interesseret i default-produkter/standard-temaer, så selvom man kan få al funktionalitet foræret, skal man i gang med at tilpasse, så man kan få et unikt udtryk ud af det, og dermed give sin kunde den markedsføringsmulighed som jo i sidste ende er formålet med webdesignet. Det gælder om at være anderledes.

I dette hyperkomplekse univers er der uanede kilder til stress, hvis man ikke kan gå til stoffet med en metode, hvis ikke man mestrer et princip man kan læne sig op ad i stormfulde tider, og hvis man ikke formår at adskille processerne. Det har jeg savnet at kunne. Da jeg så NYT-designet, måtte jeg forfølge sagen. Det var næsten umuligt at forestille sig, at det var muligt at lave så let og luftigt et design, der samtidig kunne omfavne alle de elementer jeg har remset op, uden der lå et styrende princip bag. Kimblim og Digitalmads gjorde mig opmærksom på at designet er “grid design“. Har så fundet en række tutorials der introducerer til dette. Without further ado:

• Mark Boulton: Five simple steps to designing grid systems
• Tutorial Blog: Grid systems in webdesign
• Khoi Vinh: Oh Yeaah (guidet redesign af Yahoo)

Har skimmet artiklerne, og der en masse jeg allerede ikke forstår, og det virker som om de helt udelader CSS-delen af det (som jeg også har det svært med). Men vil da prøve at formidle de centrale pointer i artiklerne, hvis jeg når så langt. Tror det med fordel kan kobles på denne tutorial: “How to create a wordpress theme in five minutes“

Video:
1. Min branches hellige gral: Steve Garfield fortæller om hvordan han livestreamer fra sin mobil
2. Ti videoer der vækker tanke til efterstof om vold, verdens undergang, fattigdom, spil, den lange hale, lykke, marketing, ordbøger og humor på nettet.
3. Videoplayer showdown: Fogh kontra Thorning-Schmidt – de kan ligemeget men den ene er hjemmelavet og den anden er Amerikansk

Buzz:

4. Det er ikke nok med økonomisk kapital og kulturel kapital, man skal også have social kapital – hvad er din?

Software:

5. Gratis online office pakke
6. Overbevisende Screencast software til Mac

Webdesign:

7. Runde hjørner med CSS

Artikler:

8. Kim Jong Andersen: Kommunikation 2.0 (vi kan ikke koncentrere os særligt længe ad gangen, mere)
9. Henrik Føhns: Blindsmagning på nyheder (nyheder ligner i stigende grad hinanden)

WordPress:

10. Webdesignerwall pluginopsamling: Useful WordPress Plugins (med bla. sideblog som jeg vil have i en tredje kolonne)
11. Lifehacker pluginopsamling: WordPress Plugins and Tutorials (med bl.a. CSS-switcher)

“Designing pages in HTML is like having sex in a bathtub. If you don’t know anything about sex, it won’t do you any good to know a lot about bathtubs.”

via mikkelwinther