2652 böcker kvar » facklitteratur

Web Standard Creativity

Kal — Sun, 26 Jul 2009 16:06:44 +0000

Fick en fråga från Aardvark:

(From Michael M./37/M/Munich,DE)
I’m looking for good books on web design, but not like most books about the technical part (html/css/js etc.), more about visual design and usability. Any recommendations?

Aardvark

Så jag ställde mig och tittade igenom bokhyllan efter bra böcker att tipsa om. En bok om användbarhet kändes ganska lätt, jag tipsade om Steve Krug:s Don’t Make Me Think, men det kändes värre med webbdesignen.

Boken jag hittade i bokhyllan som kändes någorlunda vettig i sammanhanget var Web Standard Creativity, problemet är bara att jag inte hade läst den själv. Jag skickade med den ändå med brasklapp.

Och så la jag fram den för att faktiskt läsa den också.

Boken innehåller tio kapitel där en webbutvecklare/webbdesigner berättar om en teknik för att göra fräna webbgrejer. Boken är indelad i tre delar med layouttekniker (§1-5), typografi för webbdesign (§6-7) och DOM-skriptningsteknik (§8-10):

Semantic Structure, Dirty Pretty Presentation av Simon Collison
Taming a Wild CMS with CSS, Flash, and JavaScript av Dan Rubin
New York Magazine: My, What a Classy av Ethan Marcotte
Designing for Outside the Box av Andy Clarke
Creative Use of PNG Transparency in Web Design av Jeff Croft
Grid Design for the Web av Mark Boulton
Bridging the Type Divide: Classic Typography with CSS av Rob Weychert
Print Magic: Using the DOM and CSS to Save the Planet av Ian Lloyd
Creating Dynamic Interfaces Using JavaScript av Cameron Adams
Accessible Sliding Navigation av Derek Featherstone

Problemet med webbdesignböcker är ju att webben rör sig ganska snabbt. Det som var hett 2007 (när boken kom ut) är inte längre lika hett. Men designprinciper ändras inte för att trenderna rör sig och andra tekniker används, så jag hoppades få ut en del av den ändå.

Och det kanske man kan säga att jag fick. Simon Collison berättar om designen av Dirty Pretty Things sajt vilket var intressant ur perspektivet hur de närmar sig en designprocess (även om tekniken inte är särskilt cutting edge). Dan Rubins för att återigen göra tydligt att kod och utseende inte är samma sak och att man även om man inte får röra koden kan åstadkomma ganska mycket. Ethan Marcotte diskuterar att anpassa layout efter skärmupplösning (och då ändra upplägget för sidan).

Andy Clarke gör en design för något han kallar WorrySome.net (en sajt som inte finns och aldrig funnits). Designen är ganska dålig och valen av hur han skriver css (han använder attribut-selektorer för div:ar med id istället för att bara använda #-tecken) och sätter bakgrundsbilder på html-taggen. Att han dessutom designar en låtsas-sajt istället för en riktig exempel för en sån här bok är bara ynkligt. Men då har jag aldrig gillat Andy Clarke heller (när jag fortfarande läste rss-flöden åkte han ut som en av de första bland webbdesignbloggarna).

De två kapitlen om klassisk typografi och webbdesign är bra, även om det finns mycket mer att säga om ämnena. Som introduktion för grid-teknik och webbtypografi gillade jag dem ändå.

DOM-kapitlen kvittar mig lite, även om jag borde bli mer intresserad av skriptteknik. Som webbutvecklare är jag ganska begränsad i min oförmåga att inte alls kunna utveckla egna skript, bara anpassa andras. Jag har många gånger planerat att lära mig the basics för att kunna påbörja saker som andra får ta över, men jag har aldrig kommit så långt (trååkigt).

Tyvärr måste jag nog säga att mitt Aardvark-råd ändå var ganska dåligt. Den är helt enkelt ganska mycket teknik och inte så mycket design. Men det jag la till, som råd, förutom en bok var att försöka inspireras av annat än webbdesign istället. Det är dessutom ett råd som aldrig slutar gälla, oavsett var trenderna går.

Länkar

2584: David Allen ”Getting Things Done”

Kal — Wed, 22 Nov 2006 18:17:48 +0000

Jag har haft en extremt tung arbetsperiod under hösten, mest beroende på min egen oförmåga att få saker gjort. Därför beställde jag i september den här boken och läste den och försökte implementera en del av idéerna under projektens gång.

Nyckeln till Allens modell är att sätta handlingar till allt som pågår i ens liv, allt ifrån privata projekt om att rensa i garderoben till att lansera Ärebro Konserthus nya webbplats. Men till och med innan det ska allt samlas in och sedan göras (direkt), skjutas upp, delegeras eller släppas helt.

En viktig poäng är att det är nästa handling som ska göras något med, inte projektet i sin helhet (ett projekt är något med flera handlingar i, även om det är litet så det bara innehåller två handlingar). Poängen är att röra sig framåt, även om det känns som det stora hela är ett ogenomträngligt monster.

Naturligtvis har jag ännu inte haft tid att implementera hela modellen, men jag planerar att göra det framåt juletiden.

Det ska tilläggas att det är en hel del hajp kring GTD-modellen, vilket bländar en del. Men det spelar inte så stor roll. För David själv rekommenderar att man använder roliga saker för att motivera sig att få saker gjort. Som att skaffa en ny rolig gadget för att hantera listor (som en Palm Pilot [hey, boken är skriven på det tidiga 2000-talet]).

Mig har det fått att köpa en värdelös programvara, som jag hoppas blir bättre när barnsjukdomarna är borta (det är bara att titta på hur långsamt bakgrundsbilden på hans sajt laddas för att se vad som är problemet med hans program.

Jag tror jag ska försöka börja på papper helt enkelt. Och det är också så jag försökt börja implementera saker så smått.

Det som är roligt med hajpen är att det finns ganska mycket material på nätet. 43 Folders med dess podradiokanal (särskilt serien Productive Talk med David Allen själv) och Wiki, David Allen Company har en del material att ta del av.

2607: Steve Krug ”Don’t Make Me Think”

Kal — Thu, 15 Dec 2005 19:29:12 +0000

Jag har haft den här boken på inköpslistan hur länge som helst. Ända sedan bokstafetten faktiskt. Men jag kan inte hitta vem det var som satte dit den. Jag trodde det var Henrik Torstensson, men han förnekar. Jag trodde det var Roger Johansson, men det var det inte.

En bok om webbutveckling som man sitter och håller med när man läser. På ett ganska bra sätt. Och några nya tankar. Genom att läsa innehållsförteckningen blir det ganska klart vad den går ut på:

Don’t make me think! – Krug’s first law of usability
How we really use the web – Scanning, satisficing, and muddling through (exempelkapitel)
Billboard Design 101
Animal, vegetable, or mineral? – Why users like mindless choices
Omit ~~needless~~ words – The art of not writing for the web
Street signs and Breadcrumbs – Designing navigation
The first step in recovery is admitting that Home page is beyond your control – Designing the Home page
”The Farmer and the Cowman Should Be Friends” – Why most Web design team arguments about usability are a waste of time, and how to avoid them
Usability testin on 10 cents a day – Why user testing – done simply enough – is the cure for all your site’s ills.
Usability as common courtesy – Why you Web site should be a mensch
Accessibility, Cascading Style Sheets, and you – Just when you think you’re done, a cat floats by with buttered toast strapped to its back
Help! My boss wants me to _____. When bad design decisions happen to good people

Den är bra både som tankeväckare och idéstärkare. Jag gillade tanken på hans expertutvärderingar av användbarhet som han vägrar leverera i rapportform, utan istället i form av ett konferenssamtal där han tillsammans med arbetsgruppen kommer fram till lösningar för problemen. (Samtidigt som jag själv varit med om att känna att vi fick en usel leverans när en konsult levererade i form av ett konferenssamtal – men då pratade vi heller inte lösningar utan bara undersökningsresultat. Och då hade vi dessutom beställt en rapport.)

Det som är nytt från första upplagan är ett större fokus på css-design och en omskrivning av kapitlen om användbarhetstester (från 3 till 1). De tre kapitlen från den första versionen finns tillgängliga på Krug:s webbplats.