Monthly Archives: October 2007

Grid design – tilbage på skolebænken

Update: Faldt lige over en artikel, der gør det hele meget værre, for når vi taler om design, kan vi mene op til ti forskellige ting.

Jeg synes webdesign er pokkers svært. Udover den rene kompleksitet i miljøet, bestående af følgende:

Skærme:

  • 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:

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

Live fra mobilen, podcasts, software og lidt om kommunikation og nyheder

Det var ugen hvor valget blev skudt af, og der blev afholdt New Media Days. Kommentarer til det: #1 fascinerende at følge med i det strategiske spil omkring at få Ny Alliance til at sige hvem de vil pege på som statsminister. #2 ville gerne have været der, men kompenserende podcasts her (klistr ind i iTunes).

    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
  4. Buzz:

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

  7. Gratis online office pakke
  8. Overbevisende Screencast software til Mac
  9. Webdesign:

  10. Runde hjørner med CSS
  11. Artikler:

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

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

Skriv dette link bag øret!

http://www.hugeurl.com/?NTMyM2U5M2YzYjhhYjhmOTJlZDc4MGE3MmQ0
MzAxY2ImMTMmVm0wd2QyUXlVWGxWV0d4WFlUSm9WMVl3Wkc5V1ZsbDNXa2M1
YWxKc1dqQlVWbHBQVjBaYWMySkVUbGhoTVVwVVZtcEdZV015U2tWVWJHaG9U
V3N3ZUZacVFtRlRNazE1VTJ0V1ZXSkhhRzlVVm1oRFZWWmFkR1ZHV214U2JH
dzFWa2QwYzJGc1NuUmhSemxWVmpOT00xcFZXbUZrUjA1R1pFWlNUbFpVVmtw
V2JURXdZVEZrU0ZOclpHcFRSVXBZVkZWYWQxTkdVbFZTYlVacVZtdGFNRlZ0
ZUZOVWJVWTJVbFJHVjFaRmIzZFdha1poVjBaT2NtSkdTbWxTTW1oWlYxZDRi
Mkl3TUhoWGJHUllZbFZhY2xWc1VrZFhiR3QzV2tSU1ZrMXJjRWxhU0hCSFZq
SkZlVlZZWkZwV1JWcHlWVEJhVDJOc2NFaGpSbEpUVmxoQ1dsWnJXbGRoTVZW
NVZXNU9hbEp0VWxsWmJGWmhZMVpzY2xkdFJteFdiVko1VmpJMWExWXdNVVZT
YTFwV1lrWktSRlpxUVhoa1ZsWjFWMnhhYUdFeGNGbFhhMVpoVkRKT2RGTnJa
RlJpVjNoWVZXcE9iMWRHV25STlNHUnNVakJzTkZVeWRHdGhWazVHVjJ4U1dt
SkhhRlJXTVZwWFkxWktjbVJHVWxkaVJtOTNWMnhXYjJFeFdYZE5WVlpUWVRG
d1dGbHJaRzlqYkZweFUydGFiRlpzV2xwWGExcHJZVWRGZUdOR2FGaGlSbkJv
VmtSS1QyUkdTbkpoUjJoVFlYcFdlbGRYZUc5aU1XUkhWMjVTVGxOSGFGQlZi
VEUwVmpGU1ZtRkhPVmhTTUhCSlZsZDRjMWR0U2toaFJsSlhUVVp3VkZacVJt
dGtSa3AwWlVaa2FXRXdjRWxXYlhCS1pVVXhSMWRzYUZSaE1sSnhWV3RXWVZZ
eFduRlViVGxzWWtad2VGVXlkR3RoYlVwV1ZtcGFXbFpXY0hKWlZXUkdaVWRP
U0U5V1pGZFNWWEJ2Vm10U1MxUXlVa2RVYmtwaFVteEtjRlpxU205bGJHUlla
VWM1YVUxcmJEUldNV2h2V1ZaS1JsTnRPVlZXTTFKNlZHdGFZV1JIVWtoa1Jt
UnBWbGhDTlZkVVFtRmpNV1IwVTJ0b2FGSnNTbGhVVlZwM1ZrWmFjVkp0ZEd0
U2EzQXdXbFZhYTJGWFJYZGpSV3hYWWxoQ1RGcFhjekZXTVdSellVWlNhRTFZ
UW5oV1YzaHJWVEZaZUZWc1pGaGhNMUpVVlcxNGQyVkdWblJOVldSb1RWVndl
bFl5ZUdGV2JGbDZZVWhLV2xaWFVrZGFWV1JQVWpGYWMyRkdhRlJTVlhCS1Zt
MTBVMU14VVhsVVdHaGhVMFphVmxscldrdGpSbFp4VW10MFYxWnNjRWhXVjNS
TFlUQXhSVkpzVGxaU2JFWXpWVVpGT1ZCUlBUMD0=

(via)

New York Times

Set i forhold til hvad det skal kunne, hvor mange informationer der skal formidles, hvor mange interesser der er på spil, set i forhold til at det skal spille sammen med en yderst kompleks navigationsstruktur, hvordan det skal kunne skaleres i alle ledder og kanter, og hvordan det skal kunne passe potentielt larmende videoindhold ind i den overordnede “skrift-æstetiske ophøjethed“, synes jeg at New York Times weblogdesign er intet mindre end sublimt. Roligt, luftigt, personligt og venligt: