25/01-2011 | Design, Off-topic, Teknologi | Björn Rixman

HTML is the new HTML5?

Just one day after the W3C introduces their spiffy but rather confusing HTML5 logo and accompanying visual identity, the WHATWG announces on their blog that “HTML is the new HTML5” and that the HTML specification can now be considered a “living standard”.

The reason for doing so is, according to the announcement, that: “the term is now basically being used to mean anything Web-standards-related, so it’s time to move on!”
Læs mere »

11/05-2010 | Design, Teknologi | Björn Rixman

Google Chrome Speed test

Ganske anderledes performance-måling af en browser:

Der er også et interessant “making-of“-filmklip

20/12-2007 | Design | Af

Gem en fil som .ico i Photoshop

Hvis du nogensinde har undret dig over, hvordan du får gemt dine filer i photoshop som .ico til fx. favicon.ico uden at skulle ud efter evt. konverterings programmer, så er svaret her.

http://www.telegraphics.com.au/sw/

Jeg har selv brugt dette plugin i et år eller to, og jeg er ganske tilfreds – har ikke oplevet nogen problemer.

21/11-2007 | Design, Usability | Sarah Mørch Svendsen

Customer Experience konference

Sammen med Max tilbragte jeg i sidste uge 2 dage til Customer Experience konferencen, i fornemme omgivelser i Moltkes Palæ. Programmet bød på oplæg fra både danske og udenlandske talere, og forventningsfulde drog vi af sted til konferencens første dag.

Dagen startede med oplæg fra Colin Shaw fra BeyondPhilosophy om hvordan studier har vist at kunders følelser i forbindelse med køb kan opdeles i 4 klynger af følelser, der hver især enten tilføjer eller fjerner værdi for kundeoplevelsen. Det var interessant at høre at hele 50 % af en kundes oplevelse er styret af følelser, og af en undersøgelse har vist, at 85 % produktansvarlige ikke længere mener at differentiering af produkter er styret af fysiske variable.

Udover Colin bød formiddagen på oplæg fra Suresh Vittal fra Forrester (jeg er stadig ikke helt sikker på hvad hans budskab egentlig var og her kunne en stærk kop kaffe have været velkommen til at undgå tunge øjenlåg). Suresh afløstes af Benjamin Gundgaard fra CustomerSense, der talte om e-handel og købsoplevelser på nettet ved at gennemgå en række sites og forslag til redesign. Her undgik vi naturligvis ikke at høre om hvor fantastisk Amazon er.

Efter en fremragende frokost fortsatte programmet med oplæg fra Lane Halley fra Cooper, der gav en overordnet gennemgang af Goal Directed Design-metoden, efterfulgt af Bradley Horowitz fra Yahoo! — her blev der mest af alt reklameret for Flickr.

Dagens forløb kunne have været mere skarpt — jeg savnede kvalitet i stil med det Colin Shaw og Lane Halley leverede — dog blev min oplevelse af Customer Experience stærkt opvejet af dag 2, som bød på heldags-seminar.

Vi havde tilmeldt os Goal Directed Design sessionen med Lane Halley som underviser. Vi var kun 10 personer i alt, så det blev en intens og lærerig dag med mulighed for tæt dialog — her fik vi virkelig valuta for pengene. Det var meget inspirerende at få en gennemgang af deres framework og indsigt i metoder, der bryder med det traditionelle udviklingsmønster og lader interaktionsdesignet gå forud for kravspecifikationen. Således bliver arbejdet med personas, scenarier og spæde designskitser – i tæt samarbejde med kunden – grobund for kravspecifikationen, således at systemet baseres på brugernes behov og mål med systemet. Designprocessen udføres af et team på 3 — en interaktionsdesign, en grafisk designer og en design-kommunikator, der sørger for dialog med kunden og sikrer, at alle har den samme opfattelse af designet. Jeg er overbevist om at en sådan proces kan være med til at fastlægge konceptet og redde mange senere dyre tilretninger, fordi der har været uklarheder om funktionaliteten. Goal Directed Design-metoden har nogle meget spændende facetter, der bygger bro mellem brugere, kunder, designere og udviklere.

Hos Kraftvaerk har vi flere gange arbejdet med personas, men jeg er sikker på at vi kunne drage stor nytte af den frameworket for Goal Directed Design og lade designarbejdet være en forløber for kravspecifikationen — således bliver brugernes behov udgangspunktet for kravspecifikationen, og ikke omvendt.

Sum og summarum giver jeg Customer Experience 5 stjerner — men de går alle til Lane Halley fra Cooper, der leverede et suverænt seminar om Goal Directed Design. Tak for det, Lane!

19/06-2007 | Business, Design | Kasper Engelbrecht Østergaard

B2B webshop

Kunsten at levere en webshop til B2C mestre mange IT-virksomheder, bl.a. i kraft af billige pakkeprodukter. Sværere bliver det med B2B og helt komplekst bliver det med både B2C, B2B og EAN i samme shop. Men hvorfor er det så svært?

Svaret er indlysende da der stilles forskellige krav fra kundegrupperne.

  • B2C har fokus på hurtig og nem bestilling samt et lækkert design der fanger. Den vigtigste faktor er dog ofte prisen. Yderligere er det vigtigt at kende kravene til B2C-shops omkring bl.a. fortrydelse, betaling etc.
  • B2B stiller krav om rabatter, kredit, leveringsstatus, særlig leveringsforhold, sidste ordre, bestilling af faste ordre, annullering af ordre, kort fortalt et extranet, osv osv.
  • EAN-kunderne stiller omtrent samme krav som B2B, dog skal shoppen håndtere de særlige forhold der gælder vedr. betaling og håndtering af korrekt leveringssted.

E-handel Kraftvaerk har igennem årene leveret flere forskellige webshops, webshop-bølgen er dog klart på sit højeste pt.. Kraftvaerk arbejder for tiden med 4-5 webshops, som næsten alle skal håndtere alle tre kundetyper og alle indeholder integrationsarbejde. Kraftvaerk er sågar blevet landsdækkende til trods for at vi kun har ét kontor i København.

Men hvorfor skal du vælge os frem for andre leverandører? Svaret ligger i den tekniske erfaring, unikt design & features, erfaring indenfor e-commerce samt at vi forstår at udfordre kundens forretning. Vi går kun efter den bedste løsning til det kortlagte behov – du bliver altså ikke snakket efter munden. Husk at gode råd er dyre – men hos Kraftvaerk følger de med!

Til sidst et godt råd til din webshop – ligesom alle andre projekter er det særdeles vigtigt at lave benarbejdet ordentligt. Analyser behov og ønsker nøje, husk at pludselige ændringer går ud over deadline. Sørg også få at have helt styr på de tekniske begrænsninger der kan ligge i dele af systemet. Overraskelser går altid udover den forventede deadline!

Er du interesseret i at høre mere omkring Kraftvaerk e-commerce, så kontakt Kasper Østergaard på telefon 2222 7000 eller Torleik Ravn på telefon 2632 6498.

Læs også min blog om SAP og e-commerce.

12/06-2007 | Design, Teknologi | Björn Rixman

Apple Safari for Windows

Infor den kommende lancering af Mac OS X Leopard har Apple idag lanceret en redesign af apple.com. Det er en ret markant forændring i forhold til de bittesmå designjusteringer sitet har gennemgået over de seneste seks år.

Spændende også at Safari, Apples egen weblæsere, nu findes at hente ned til Windows!

Læs mere og download: dansk / engelsk

UPDATE: Det ser dessværre ud som at safariteamet været en anelse for hurtig på release-knappen denne gang. Temmelig store renderingsfejl med tekst der ikke vises på siderne – også på deres eget site… nåhr da da, der kommer vel en update indenfor ikke ret lang tid må man jo håbe.

18/05-2007 | Design | Björn Rixman

CSS OFF

Nej det er ikke endnu en variant af CSS Naked day, uden en monetlig konkurrence der går ud på at tage en given design og lave den om til bedste tænkbare kode indenfor 24 timer.

The point of CSS Off is to make you think critically about web design, and then execute it on a dime. You”™ve got 24 hours to take our design and slice it up. Be thoughtful, be creative. Above all, use flexible markup, lean CSS, good design and your best judgment.

Enkelhed, tilgænglighed, semantisk struktur og problemløsning er nøglekriterierne der afgør hvem der bliver vindere. Priset er enten $30 eller $50 til valgfri velgørenhed, men fremforalt æren og en mulighed at lære ud gode tekniker.

Første runden af CSS OFF er den 1. juni.

Det bliver spændende!

31/01-2007 | Design, Teknologi | Rasmus Greve

Outlook 2007 og nyhedsbreve

Outlook 2007 Microsoft Office er i disse dage på vej i en 2007-version og dermed ser en ny version af Outlook også dagens lys. Netop Outlook 2007 er interessant, da der er sket ting og sager under kølerhjelmen. I tidligere versioner har Outlook delt renderingsmotor med Internet Explorer, men i Outlook 2007 har Microsoft i stedet valgt udelukkende at bruge renderingsmotoren fra Word.

Hvorfor nu det?

Microsoft siger selv, at dette skifte er sket for at sikre en bedre overensstemmelse mellem sendte og modtagne e-mails. Rent teknisk har Outlook nemlig brugt renderingsmotoren fra Word til at sætte e-mails op med og renderingsmotoren fra Internet Explorer til at vise dem med. Med Outlook 2007 bruges der altså nu udelukkende Word-motoren. Det er umiddelbart en god ting, da det betyder konsistens i mails. Det, Outlook-brugeren sender, har præcis det udseende, som Outlook-modtageren får ind i sin mailboks. Men der er desværre en hage ved denne ændring, som især har konsekvenser for nyhedsbreve.

Ændringer

Faktisk er det et skridt frem og to tilbage, for Word-motoren har ikke synderlig god understøttelse for CSS og HTML. Lad os prøve at se nærmere på nogle vigtige ting, som Outlook ikke længere understøtter:

  • Floats
    Understøttes ikke længere, hvilket gør semantisk HTML-kode umulig for et flerspaltet layout. I stedet må man ty til et gammeldags tabelbaseret layout.
  • Baggrundsbilleder
    Understøttes kun i body-elementet.
  • Baggrundsfarve (til dels)
    Man kan have baggrundsfarve i divs og tabeller, men ikke hvis man nester disse.

Derudover kan man ikke positionere elementer i css. Man kan ikke bruge formularer eller animerede giffer og bullets med billeder er heller ikke understøttet.

Konsekvenser

Uden at male fanden på væggen vil nyhedsbreve alt andet lige komme til at være mindre avancerede fremover. Men måske mest beklageligt er efter min mening skridtet væk fra tilgængelighed og webstandarder.

Eksterne links

29/01-2007 | Design, Teknologi | Björn Rixman

Værktøj for webredaktører, del 1

I denne første del af en række kortere artikler vil vi kigge nærmere på tillægsprogrammer til webbrowseren Mozilla Firefox. Hvis du er webudvikler, er det meste i denne artikel nok gamle nyheder, men læs gerne videre alligevel, og sig til hvis du synes der er nogle plugins vi mangler at fortælle om…

Firefox er en god browser i sig selv, og der findes et utal af plugins der er essentielle hvis du på en eller anden måde laver nogen slags webpublicering. Selv om man ikke skriver nogen kode har følgende plugins nyttige funktioner for analyse og fejlsøgning at byde på.

Web Developer Toolbar

Web developer Toolbar er udviklet af Chris Pederick, og har i lang tid været det første jeg hentede ned i en nyinstalleret browser. Den første version af dette plugin udkom i midten af 2003, og har siden da forandret mange webudvikleres hverdag.

WDT kommer med en masse funktionalitet der gør det virkeligt nemt at danne sig en overblik over en sides opbygning, hvilke elementer der er på siden, hvilket navn og andre egenskaber de har, etc etc. Der er også mulighed for at justere fremvisning af billeder (Skjul baggrundsbilleder, marker alle billeder der mangler forklarende tekst, udskriv størrelser oven på billeder…). Der er også indbyggede genveje til validering af HTML og CSS (under Tools>Validate).

Nyttige kortkommandoer til Web Developer Toolbar:

  • Disable All styles (win: ctrl+shift+S, mac: cmd+shift+S)
  • Display Element Information (win: ctrl+shift+F, mac; cmd+shift+F)

Firebug

Firebug af Joe Hewitt har kun lidt mere end et år på bagen, men har allerede gjort livet utroligt meget nemmere hvis man har noget som helst med javascript, Ajax eller CSS-layout at gøre. Firebug lader dig inspicere og editere HTML, tekst, stylesheets og flytte rundt på ting rent visuelt, samt i realtid at overvåge data der bliver sendt til og fra siden.

Det er nemt at inspicere og ændre i elementer på siden; åbn firebug gennem at trykke F12, tryk på “Inspect” i venstre hjørnet (win: ctrl+shift+C, mac: cmd+shift+C) rør musen over det element du ønsker at kigge nærmere på og klik. Fra der har du mulighed at ændre i HTML, stylesheet eller layout.

En anden god ting er netværksovervågning, der i realtid viser eksakt hvad der hentes ned når siden vises, hvor lang tid hvert element tager at hente ned, hvor meget det fylder samt hvorvidt det bliver cachet eller ej. Denne funktionalitet er enormt god, selvom man ikke har så meget med selve webudviklingen at gøre, da den for eksempel viser hvor lang tid eksterne resurser er om at overfore data.

Getfirebug.com beskriver alle features i detalje, og der er for øvrigt også dokumentation med hensyn til genveje etc.

HTML Validator

Hvis du har brug for at validere HTML-sider, så kan jeg anbefale et kompletterende Firefox plugin “” HTML Validator. Det giver dig en lokal html-validering direkte i Firefox. Et ikon i nederste højre hjørnet af vinduet viser om der er nogle valideringsfejl på siden. Når man kigger i HTML-koden vises detaljerede fejlbeskrivelser.

Session manager

Hvis man som jeg tit sidder og arbejder med forskellige projekter der hver kræver at man har flere forskellige sider åbne samtidligt (administration, testmiljø, livesite) for at kunne arbejde effektivt, er Session manager en virkelig tidssparer. Session manager lader dig gemme en browser-session; Den husker simpelthen alle åbnede sider i faneblad og vinduer, og gør det nemt at veksle mellem sessionerne.

Internet Explorer Developer Toolbar

Microsoft har også lavet et plugin der modsvarer Web Developer Toolbar til Internet Explorer, under navnet Internet Explorer Developer Toolbar Beta 3. Jeg har begrænset erfaring med dette plugin, men det ser ud til at kunne cirka detsamme som Web Developer Toolbar.

Samlede links til download

14/11-2006 | Design | Rasmus Greve

Kraftvaerk mentioned on Campaign Monitor

Today we are featured on the fabulous Campaign Monitor for the design of our Kraftvaerk Update newsletter. We get thumbs up for the clean, elastic design. Nice!