Er dit site klar til Internet Explorer 7?

Her i det fjerde kvartal af 2006 udkommer en ny version af Internet Explorer. IE 7 bliver den første større opdatering af Microsofts markedsdominerende weblæser i over fem år.

Og når IE 7 udkommer, vil den formentlig hurtigt blive taget i brug af mange; lige før sommerferien blev det nemlig klart, at IE 7 bliver distribueret som en automatisk opdatering til Windows XP.

Det er en god ting. Men det gælder altså om allerede nu at sikre sig, at sitet holder i den nye version.

Baggrund

IE 6 og dens manglende understøttelse af web standarder såsom CSS (Cascading Style Sheets) har i lang tid været mange webdesigneres største frustration.

Microsoft har i længere tid arbejdet med en ny version af sin weblæser. Den oprindelige plan var, at IE 7 ikke ville udkomme som andet end en integreret del af Windows Vista, Microsofts kommende operativsystem. Men så i februar 2005 blev det offentliggjort, at der alligevel ville komme en version til Windows XP.

Dialogen undervejs har været forholdsvis god, teamet bag IE 7 har løbende informeret om sine fremskridt, og så meget som muligt lyttet til webudviklerne.

Den første beta, der blev releaset i slutningen af juli 2005, var noget af en skuffelse set fra et webudviklingsperspektiv. En klar forbedring, men langt fra revolutionerende. De manglede at implementere en masse ting, der i lang tid har været understøttet af andre weblæsere som f. eks Mozilla Firefox og Opera.

Vi springer raskt frem til slutningen af marts 2006, hvor IE 7 Beta 2 blev releaset. Denne version skulle være layout complete, hvilket kort betyder, at der ikke bliver ændret mere i den måde weblæseren viser websider på (mere teknisk baggrund findes på blandt andet Dave Sheas website)

Nu var tiden altså inde til at begynde at teste.

To skridt frem … og et tilbage

Mange af de bugs der plagede IE 6 var blevet løst. Og endelig blev der support for alpha-kanaler i PNG-filer (tillader semi-transparent grafik); man kan have mouseover-effekter på alle elementer, ikke kun links; og tekst på websider står pænere.

Men til gengæld blev en række andre bugs introduceret (for en oversigt, se blandt andet quirksmode.org og nickrigby.com).

I juli udkom IE 7 Beta 3, som fiksede yderligere bugs i renderingen på trods af, at beta 2 skulle være “layout complete”.

Ser det mærkeligt ud over hos dig?

En almindelig layoutfejl der opstår, er at siden ser ud til at være kollapset, og indholdet “står ovenpå hinanden”. En anden er at der kommer for meget vertikalt mellemrum i lister, f.eks i listebaserede menuer. Som her i et eksempel fra vores kunder, www.tat.se. Heldigvis er det ret nemt at fikse.

Vi kigger gerne dit site igennem og foreslår ændringer. Det er bedre at være ude i tide, end at vente til IE 7 allerede er lanceret og kunderne (i bedste fald) begynder at spørge, hvorfor dit site ser mærkeligt ud. Det er oftest en mindre opgave at justere layoutet, så det ser ud som det skal – også i IE 7.

Nogen officiel release-dato er endnu ikke sat, men vi kan som sagt forvente, at den udkommer engang i det fjerde kvartal i år.

Hmm… Sjovt nok virker adressen ie7.com dog allerede idag!

Mere information for den teknisk interesserede:

• IEBlog: Details on our CSS changes for IE7
• msdn: CSS Compatibility in IE 7
• Call to action: The demise of CSS hacks and broken pages – fra oktober 2005

OPDATERING:
torsdag den 24. august udkom Microsoft med en første Release Candidate af IE 7

Not all user tests are successful…

Most companies and professionals working with the web and/or design have heard about how users should be included when designing the products, and that usability tests can give good results. In fact, if you want to be a major player in the market, you are more or less forced to prioritize usability and/or user-centered design. Would Skype have the market share they have if they didn’t focus on usability?

u-cwebs.com writes that “It is expensive not to mind usability. … IBM is a strong advocate of usable designs, and quotes that as a rule of thumb every dollar spent in usability earns a return of $ 10 to $ 100. That is an astounding ROI (return of investment).”

Not all of the companies in Scandinavia have understood this, though, which is kind of sad since the opportunities/product potential in a global market can be enormous.

Sometimes, I even bother sending in feedback to some of the companies I buy products from (for example Nordea.dk), however I always seem to get the same answer. “Thanks for the feedback, BUT we have already user tested our products. The product is fine; you should read the manual.”
Recently I sent some feedback to a company that is selling IP/internet-telephony. Since Skypein isn’t supported in Norway, I chose a product from this company – which was cheap. The stability in the product is horrible, but let me focus on the interface.

The interface is nice, with the 3D effects and all, but…

• How many of these words from the interface do you know?

“SIP account”, “RTP Manual override”, “Acoustic echo cancellation”, “Microphone AGC”, “Automatic gain control”, “In-band RTP”, “Firewall outbond proxy”, “Letters-to-digit-mode”, “Resiprocate logging”, “Trigger/trim size”, “detach”, “DND”, “REC”, “wave out”, etc…

• What is the difference between “Authorization user” and “Login username”?
After some trial-and-error, it seems like it’s the same, except the “authorization user” must have the country number and “login username” must not.

Not only do you have to enter the username two times in two formats, but you also need to type in a “license key” which is linked to the account. One out of these 3 should be more than enough.

• The interface does not show many credits you have on account. You have to locate the company’s web page, click through language selections and menus, and then login again.

• If you click the close button, the phone is shut down, unlike any other internet phone/instant messaging software. Remember to click the orange button to move it to the tray icon bar. Want to configure the phone? Right-click on the “screen” and select from the popup menu.

• Furthermore, if you use a wireless network, the phone tries to connect before the connection is established. Each time, you get an error message “Could not look for update” and you have to re-login from the right-click menu.

• The phone is always maximized on the desktop each time the system starts, instead of hidden to tray bar. Contacts are always hidden under a “group” menu.

• The phone number is labeled “Address:”.

Etc. …you get the point.

The feedback I got from the company was that the product had already been user tested, but they would take my “valuable feedback” into consideration.

How did all these major issues pass the user testing? And why isn’t the company interested in spending some extra dimes “mother-approving” (they actually use a grand-mother in their campaign banners) their software with some proper user testing and design after spending millions on developing the service?
The sad thing is that this product has potential. Unfortunately, the software will leave my PC as soon as my credits have been used…

Redesign af kraftvaerk.net

Sidste år ved denne tid stillede vi det retoriske spørgsmål, “Hvor ofte skal man bruge tid og energi på at redesigne sit website?”. Svaret på det spørgsmål må nødvendigvis være, “Når der er behov for det!”.

Vores nuværende struktur og design på kraftvaerk.net, kan ikke længere i tilstrækkelig grad understøtte vores forretning, så vi har påbegyndt en designproces, der skal lede frem til et revitaliseret site efter ferien.

Facetteret navigation – en flerdimensionel måde at browse på

Ofte har man som bruger meget begrænsede måder at browse et websted på. Man kan klikke sig slavisk igennem en hierarkisk menu, eller man kan måske benytte sig af en søgefunktion. I takt med at websteder bliver stadig mere komplekse, er chancerne dermed også blevet større for, at man ikke finder det, man leder efter.
 
For alle parter er det en utilfredsstillende situation, så derfor implementerer flere og flere websteder en såkaldt facetteret navigationsmodel. Den facetterede navigation fungerer på den måde, at objekter er klassificeret med attributter (facetter). Ved at kombinere disse attributter på kryds og tværs, får man nu som bruger mulighed for at skabe sin egen navigation.

Jeg var tidligere på året til en webkonference i San Francisco, hvor der blev snakket meget om facetteret navigation. Et af eksemplerne, der blev taget frem, var onlinebutikken PC Connection’s måde at implementere den facetterede navigation i deres varekatalog. Et eksempel herfra kunne f.eks. være køb af et digitalt kamera. Et digitalt kamera er klassificeret af facetter som mærke, pris, opløsning, zoom osv. Jo flere af disse facetter der sammensættes, jo mere vil brugeren kunne indsnævre sin søgning.

Det bliver rigtig interessant, når den facetterede navigation bliver kombineret med f.eks. AJAX. Her vil siden opdatere øjeblikkeligt alt efter input fra brugeren uden at siden skal genindlæses. Det giver en mere intuitiv brugerflade, da hvert valg afspejles med det samme. I sidste ende betyder den facetterede navigation, at brugeren mere effektivt kan lokalisere det ønskede produkt.

Designing 2.0

I was just reading about BBC reboot, a contest where users can redesign the BBC homepage “from scratch”. The winner will win prizes and have his design implemented for a day this summer. “We don’t just want you to redesign the bbc.co.uk homepage, we want you take it all the way back to the drawing board”. The site has been online (“v 1.0”) for 10 years, and now they are exploring how to make their page a 2.0. It sounds pretty exiting!
In my ears, “2.0” sounds like a milestone, innovation, something new and fresh that will make us more effective. So, is this how we should design our future web pages? Looking at the results, it appears as if (most of) the participants have just made a very basic web site (remember to include at least 3 fonts and all the colors of the rainbow), clipping and shuffling the content from the current site. Oh, and of course, adding tags and blogs is vital, maybe even customization of the site should be possible. Podcasting is also in.

I hope that bbc.co.uk is the only major web site doing this stunt.

First of all, having random users designing at their home computers is (well, probably) a bad idea. If BBC was aiming for innovative features, they should try out some other methods rather than having users make design mockups in Photoshop. Despite what some designers and marketing departments around like to think, getting requirements and desires from users is extremely difficult – even using various participatory design/idea generation methods. Users don’t take features and ideas out of their hat, they base them on what they have previously seen and on their habits (or conventions, if you’d like). Most likely, they will end up with just-another-homepage, with some new design template.

Second, I think this competition should have a better design “democracy”. The final design is picked out by a panel of judges from BBC. At least the users should be able to vote on the designs. What is the point of the users designing, when BBC themselves are picking out the winner?

It is certainly good to involve the users for feedback and ideas, but I think the results would be more interesting, if the focus was on the features and functions, and not just on how the design elements are arranged. At least I don’t think it deserves the tag “2.0”.

Hør radio på din iPod

Selv om jeg måske ikke er helt vild med lydkvaliteten hos de medfolgende iPod-hørtelefonerne, er de meget praktiske i disse vintertider og passer fint under huen. Det her ser ret lovende ud, da det på nogen måde lykkets mig at smadre hørtelefonerne til min lille musikmaskine. Istedet for at bare gå ud og køb nogle nye, er der nu dukket op et alternativ, en lille FM-radio der også virker som remote control: Apple iPod Radio Remote.

Og nye hørtelefoner medfolger:

The included pair of Apple Earphones has a cable that’s a few inches shorter than a standard earphone cable, making it the perfect fit. You can plug it into the 3.5mm stereo minijack port on the remote, or use another favorite set of earphones.

Nåhr. Det eneste jeg har at invende er at den ikke kører på iPod generation 4, eller iPod Photo. Kun iPod nano eller iPod video. Og det er simpelthen for dårligt. Af den grund vil det hele nok ende op med at jeg køber et nyt par KOSS Porta Pro … de er 80’er-aktige på grænsen til grimme, men har godt lyd, er meget komfortable og kan nufortiden fås fra ca. DKK 260.

Har I andre tip på gode hørtelefoner?

Yahoo! sætter standarden…

På Yahoo! Developer Network har Yahoo! lanceret The Yahoo UI Library Controls – en samling af scripts for almindelige User Interface elementer
samtidigt med at de frigiver Yahoo! Design Pattern Library – som er en samling af løsninger på almindelige User Interface problem.

Samlingen af løsninger og tilhørende scripts – er som en gavebod til udviklere og designere. Dels er det et fælles sted hvor de både teknik- og design-siden af en god usability løsning kan “mødes” om at løse usability udfordringer og dels gør det det nemmere for udviklere at producere mere ensartede visuelle elementer.

Og ud fra et usability perspektiv er dette vildt spændende, fordi ensartethed og konsistens er nogle af grundstenene i et brugervenligt design.

I følge vores erfaring fra brugertest af mange forskellige web-sites og applikationer så kan de fleste brugere bedst lide når tingene er konsistente og hvis de ikke er, så bliver de forvirrede. Desværre er det oftest ikke store ting der gør brugerne forvirrede. Det kan være så simple så som hvordan en virksomheds produktkategorier er listede i en drop-down menu på deres web-site.

Hvis listningen ikke er konsistent og eksempelvis lister kategorierne i drop-down menuen alfabetisk og geografisk i en anden drop-down menu, skal brugerne anvende et par ekstra sekunder på at finde ud af hvordan de skal finde det de leder efter. Og det er værdifulde sekunder, og ikke mindst sekunder der gør at den samlede oplevelse bliver dårlig for brugeren.

Et af de visuelle elementer man kan downloade, på The Yahoo UI Library Controls er en kalender. Der er mange bud på hvordan en visuel kalender kan se ud på nettet i dag, og desværre også lige så mange dårlige bud. Ved at bruge denne kalender, har man en mulighed for at ensarte, eller i det mindste designe en minimum standard for hvordan en kalender kan præsenteres.

Hvis du er intresseret i de tekniske aspekter, anbefaler vi Simon Willisons opsummering, og diskussionen der.

Læs også artikeln Graded Browser Support der på en fantastisk måde beskriver den generelle holdning om understøttelse af gamle weblæsere. Praktiske, velformulerede retningslinjer hvordan man opnår den bedste tilgænglighed på et website eller i en applikation.

Og til sidst, så har Yahoo! også lanceret Yahoo! User Interface Blog i forbindelse med Javascript biblioteket og design patterns – en uværderlig kilde til mere inspiration.

Google præsenterer ny statistik

Ikke langt efter deres 2005 Zeitgeist, kommer en ny pakke statistik fra Google. Denne gang fokuserer de på webudvikling og publicering af indhold
i en rapport med titeln Web Authoring Statistics. I december 2005 gik man igennem straks over 1 miljard webdokumenter og kiggede på trender i brug af elementer, attributer, navngivning og metadata.

Resultatet er meget intressant. Dog bør siges at rapporten ses bedst i Mozilla Firefox, eller nogen anden browser der har support for SVG (Scalable Vector Graphics). I andet fald kan man nemlig ikke se meget af statistikken.

Putting research into Practice

I november måned var jeg på seminar i London hos “HFI, Human Factors International”. Seminaret’s titel var “Putting research into Practice”, og var en gennemgang af den seneste research inden for HCI (Human Computer Interaction) vurderet af forelæseren John Walen, som er psykolog af baggrund. Han fokuserede meget på de psykologtekniske aspekter af de forskellige research-papirer, men der var inspiration at hente for de fleste tilstedeværende, som var nogenlunde homogene i sammensætning, dvs. interactiondesignere, usability specialister, eller webdesignere.

HFI har bygget et interessant seminar-portfolie op, da deres kurser lægger op til, at man kan blive “uddannet” i deres regi. Det vil sige, man kan opnå et diplom efter at have bestået deres vifte af seminarer og efterfølgende eksaminer. Vi var en 15-20 stykker på seminaret, hvor flere var gengangere som netop var i gang med denne uddannelse. Det er godt at opleve, at der er fokus på videreuddannelse ved at firmaer sender deres ansatte på kurser som dette – og godt at et firma som HFI har taget bolden op og har dannet et uddannelsesfundament.

Galathea 3 - den største danske forskningsekspedition i mere end 50 år

I forbindelse med Morgenavisen Jyllands-Postens Galathea 3-ekspedition har Kraftvaerk designet portalen til Galathea 3. Herfra kan man følge ekspeditionen, som i august 2006 sejler ud på verdenshavene for at gennemføre forskellige forskningsprojekter. Desuden har vi lavet et Flash-banner, som ligger permanent på Jyllands-Posten