Trots sin komplexitet är Amazon en förhållandevis lättanvänd webbplats. En del av förklaringen är säkert den maoistiska metod de använder: programmerare och andra tekniker tvingas då och då sitta i kundtjänst och hjälpa folk som har problem med siten.

Many Amazonians have to spend some time with customer service every two years, actually listening to customer service calls, answering customer service e-mails, really understanding the impact of the kinds of things they do as technologists.

Via “Coding Horror”:http://www.codinghorror.com/blog/archives/001013.html

CommandShift3 är som hot or not – men för webbplatser. Bra att ha när man vill träna kritikmuskeln, eller när inspirationen tryter.

Det är ofta många inblandade i planen för hur en webbplats ska struktureras. Då kan det vara en fördel om alla kan komma åt och arbeta med den sitemap man håller på att bygga. WriteMaps är ett ganska enkelt verktyg för webbplanering, men med den klara fördelen att det är en webbapplikation.

VirtualHosting har översatt ett antal ögonkameraundersökningar till konkreta råd för webbdesign

  • Text attracts attention before graphics.
  • Initial eye movement focuses on the upper left corner of the page.
  • Users initially look at the top left and upper portion of the page before moving down and to the right.
  • Readers ignore banners.
  • Fancy formatting and fonts are ignored.
  • Show numbers as numerals.
  • Type size influences viewing behavior.
  • Users only look at a sub headline if it interests them.
  • People generally scan lower portions of the page.
  • Shorter paragraphs perform better than long ones.
  • One-column formats perform better in eye-fixation than multi-column formats.
  • Ads in the top and left portions of a page will receive the most eye fixation
  • Ads placed next to the best content are seen more often.
  • Text ads were viewed mostly intently of all types tested.
  • Bigger images get more attention.
  • Clean, clear faces in images attract more eye fixation.
  • Headings draw the eye.
  • Users spend a lot of time looking at buttons and menus.
  • Lists hold reader attention longer.
  • Large blocks of text are avoided.
  • Formatting can draw attention.
  • White space is good.
  • Navigation tools work better when placed at the top of the page.


Eftersom vi är så svältfödda på vetenskapliga argument kring design, tror jag denna sammanställning kommer att bli flitigt använd som slagträ. Men det kan vara bra att hålla i bakhuvudet att det är en tolkning.

En stor samling cheat sheets – ensidessammanfattningar av hur något fungerar.

10 Nov 2007

Fler fria fonter

Gratis är gott, och fria fonter fantastiskt. Flera av dessa innehåller dessutom svenska tecken.

Läs mer:

Deutsche Telekom har inregistrerat magenta som varumärke, och hävdar nu ensamrätt till den inom området ‘telecom and online services’.

De har redan stämt en utgivare av on-demand-böcker, för att denna använt magenta i en reklamkampanj.

Deutsche Telekoms registrering gäller bara i Tyskland, och är omstridd, men ger ändå en fingervisning om hur framtiden kommer att bli ifall registrering av färger breder ut sig. Då kommer vi att hänvisas till de färger som är så oälskade att de inte ens fått något namn.

29 Oct 2007

Tankemallar

exploratree bjuder på ett gäng mallar för att hjälpa tänkandet.

Några exempel på mallar.

16 Oct 2007

Snömosrekord

Det är inte ovanligt att stöta på företag där man är mer osäker på vad de gör efter att man läst deras presentation än innan. Men frågan är om inte detta är det värsta exemplet jag stött på:

Strategi

Tekes baserar sin verksamhet på sin mission och vision samt värden som definierats i dem. Strategin består av målsättningar, medel, riktlinjer och åtgärder med vilka Tekes verkställer sin verksamhetsidé och strävar mot sin vision.

Och det hela illustreras med denna klargörande grafik:

Låddiagram över delarna av Tekes strategi – minst lika förvirrande som strategitexten ovan.

Övning: försök komma på vad de sysslar med. Facit

Splash Pages (finns det någon bra översättning? Kanske bildspel eller ingångssidor) – de där informationsfattiga sidorna som man ibland tvingas passera på vägen in till den egentliga webbplatsen är mest bara irriterande. Men Smashing Magazine har letat upp några exempel där de möjligen är motiverade

1 Oct 2007

Hjärnjogg

Missnöjd med din gamla hjärna? Time Online tipsar om hur man tränar upp en ny.

Läs mer:

29 Sep 2007

Ny design på SvD.se

SvD.se har just kommit med sin nya design. I mycket en ripoff på DN.se, men med sämre känsla för detaljer. För, visst är det bra att ha mycket att säga, men mina ögon ger upp när jag börjat rulla ner på förstasidan:

Extremt rörigt utsnitt ur svd.se's startsida

(Klicka för att se den större. Eller gå till svd.se för att uppleva den när också annonserna blippar och rör sig.)

29 Sep 2007

Webbdesigntrender

En genomgång av designtrender – såväl grafiska som för informations- och interaktionsdesign. Många exempel.

Smashing visar 8 allvarliga användbarhetsmissar. Inget unikt innehåll, men bra exempel på högprofilsajter som begår misstagen.

Idag berättar Computer Sweden om hur leverantörer väljer att gå förbi företagens IT-avdelningar och istället sälja direkt till affärsfolket.

Måns Hultman, koncernchef för det snabbväxande business intelligence-företaget Qliktech, berättar att i hans företag går man förbi it-avdelningarna, eftersom det är för svårt att sälja in ny teknik till dem.

- It-människorna är för vana vid att ny teknik inte fungerar, att det är för många buggar och så vidare. De har blivit för försiktiga och den skepticismen är ett stort hinder för att göra affärer. Därför har vi baserat en stor del av vår strategi på att gå direkt till affärsanvändarna istället.

En alternativ strategi hade kunnat vara att återskapa förtroendet genom att bygga fungerande system. Men det är klart, har man nu hittat nya naiva stackare så slipper man.

En liten inspirationslåt för grafiska formgivare. Varför vänta på kunden när man kan ha det i sin iPod.

Läs mer:

29 Aug 2007

Logotyp 2.0

Vill du göra en riktigt web 2.0-ig logotyp? Här finns inspiration

Läs mer:

25 Aug 2007

Mobil störare

Störsändare.Trött på att behöva höra folk högljutt jappa på om banaliteter i sina mobiler? I så fall kanske den här personlig störsändaren är något för dig, omöjliggör mobilsamtal inom en radie av upp till 12 meter från dig – tillräckligt för att tysta en tågkupé. Förmodligen olaglig – men en del av de samtal man ibland tvingas lyssna på skulle utan tvekan kunna anföras som förmildrande omständighet.

23 Aug 2007

Rörigheten uträknad

Forskare vid MIT har fått fram en matematisk formel för rörighet, som fångar hur lätt eller svårt det är att hitta det man letar efter på en yta (de har främst arbetat med kartor, men samma sak borde kunna tillämpas för till exempel webbsidor). Den som är intresserad av rörighetens matematik kan ladda ner formeln (kräver MATLAB för att användas).

Flash har onekligen blivit bra mycket tillgängligare än det var från början. Några problem finns dock kvar, och Niqui Merret har gjort en sammanställning av dem.

21 Jul 2007

Gest-gränssnitt

Det tog ett tag att vänja sig vid att personer som går runt och talar rakt ut i luften inte var dårar utan handsbefriade. Nu är det dags för nästa tilvänjningsperiod. Att någon sätter igång med ryckiga meningslösa kroppsrörelser kan vara ett tecken på mental ohälsa – men det kan lika gärna betyda att han försöker ställa in sin klocka. När tingen blir för små för tangentbord samtidigt som allt fler funktioner skall rymmas i dem, är det dags för nya gränssnitt – till exempel gester.

Visar hur en man styr sin klocka med hjälp av gester.

Läs mer:

30 Jun 2007

Back to Mac

För snart tio år sedan bytte jag från Mac till PC. Nu har jag just bytt tillbaka.

När jag bytte förra gången var det i hög grad för att jag ville se webbsidor som jag gjort på samma sätt som de flesta användare. På den tiden skillde sig sidornas utseende kraftigt mellan Mac och PC.

Den här gången är orsaken likartad. Men nu kan jag köra både Macens webbläsare, och också de för Windows. (Jag skulle till och med kunna installera Linux på samma maskin, men så ambitiös tänker jag inte vara.)

Direkt har jag upptäckt ett par buggar på Anvandbart.se – en konstig scrollist i Firefox, och en absurd förvrängning av loggan i Safari.

Jag har också upptäckt att många knappar på ett irriterande sätt sitter annorlunda på Macen. Men det är rimligen bara en vanefråga. Att lära sig scrolla med två fingrar gick på ingen tid alls.

Mest oväntade skillnaden i användargränssnitt är att det blir väldigt väldigt många fönster på macen. Förmodligen finns det snabbkommandon för att hantera dem, men just nu blir jag lätt vilse.

En större fråga är alla val man ställs inför. Vilket mailprogram är bäst? Opera som jag kört och älskat på PC sägs vara buggigt på Mac. Men Mail eller Thunderbird? Hur skall man installera Windows, Fusion eller Parallels – här har jag efter lite runtforskande på diskussionsforum fått intrycket att Fusion är bäst. Vilken webbläsare? Jag gillar Firefox, men den tycks inte nöja sig ens med datorkraften i en MacBook Pro, utan tar ibland nästan hela ena processorn – och stannar ändå alltsomoftas och spinner det färgglada väntahjulet medan den funderar över något. Så jag tror jag börjar med att se om jag kan tycka om Safari – men jag vet redan nu att jag kommer att sakna “skriv så söker jag direkt”-funktionen.

22 Jun 2007

Visitkort 2.0

Det tycks som att den hundrade apan just gått med i LinkedIn och nätverket kommit över en kritisk tröskel, för plötsligt har det börjar rasa in inbjudningar.

Är LinkedIn Visitkort 2.0?

Det här är vad jag kallar multimedia...

Via re:urban

Wiki som samlar argument (och en del motargument) för webbstandarder

Via “456 Berea Street”:http://www.456bereastreet.com/archive/200706/business_case_for_web_standards_wiki/

Ett av råden i Användbarhetsboken borde förmodligen ha varit: “Släng aldrig ihop en tillfällig design – för den kommer att leva kvar längre än du anar.”

Nå, nu har jag i alla fall tagit mig samman och börjat bygga om Användbart. Koden är fortfarande ganska förskräcklig, men ytan har i alla fall polerats. Ge gärna dina reaktioner – och tipsa om det är något som ser underligt ut i din webbläsare.

Läs mer: