Om undersøgelsen

Undersøgelsen er foretaget med en særligt videnskabelig metode udviklet af html24, der involverer bl.a. brug af bl.a. “pure opspind”-filosofien samt reglerne for hvad man muligvis kan betegne som et tankeeksperiment. Vi vil opfordre alle, som har set disse overbevisende og yderst interessante resultater, om at kontakte os straks for at få jeres website up to date. Html24 dit website og få mere sex!

• Hygge med familie
• Være sammen med venner
• Se Tour de France/Fodbold VM/Superliga-fodbold
• Løbe/Cykle
• Besøge fitnesscentret
• Rejse

Desværre ved jeg at der skal laves SEO (Og kedsommelig linkbuilding!), snakkes telefon, og mange andre ting jeg egentlig ikke er så interesseret i at bruge min tid på. Det hænder også at jeg er syg (Selvom det efterhånden er sjældent!). Faktisk vil jeg absolut helst bruge min tid på enten at udvikle html24 og pleje eksisterende kunder eller en af de ikke arbejdsrelaterede ting jeg nævnte i listen. Uden yderligere introduktion – mine to tips til at få mere fritid!

1: Gør dig selv erstattelig

Sørg for at der altid er en der kan overtage dit arbejde hvis du er syg, eller når solen skinner og du bare skal ned til stranden med det samme. Det giver dig frihed til at bruge din tid på det der er vigtigt for dig i nuet – og det giver dig plads til pludselig at sidde fast i en kø på motervejen eller i en lufthavn et sted langt væk.

2: Outsource de arbejdsopgaver du ikke brænder for

Jeg bryder mig bestemt ikke om eksempelvis linkbuilding eller f.eks. grafisk design. Ikke at jeg ikke interesserer mig for emnerne – for det gør jeg – men jeg skal ikke bruge min tid på at lave designs eller bygge links til et website. Jeg mister hurtigt motivationen og det tager alt for lang tid at komme i mål. Kunder i html24 er typisk virksomheder eller iværksættere der kender til vigtigheden af at outsource arbejde. De vil ikke bruge tiden på crossbrowser fejl og implementering af valid HTML. Det lader de os om, for at fokusere på vigtige dele i deres webbusiness.

Held og lykke med din forretning! Kontakt endelig mig på bm@html24.dk, hvis du er interesseret i at snakke videre.

1: Call to action

Hvad skal din bruger gøre på dit website? Sørg for at tænke over præcis hvilke handlinger en besøgende på dit website skal foretage sig, og optimér designet derefter. Hvis du designer en webshop er det eksempelvis ofte en god idé at have en stor “Gå til kassen” knap eller evt. et kæmpe tilbud på præcis det din bruger sandsynligvis er der for at købe.

2: Ingen wall of text

Hvis du har meget lange tekster på dit website bliver det svært at danne overblik og du øger chancen for at en bruger vil forlade websitet uden at foretage den handling du ønsker. Når man som bruger ser en forhindring (Som en meget lang tekst på eksempelvis forsiden af dit website kan være) vil man have en tendens til at finde en løsning med færre forhindringer (Læs: En anden leverandør/Et andet website).

3: Giv din bruger svaret på hans spørgsmål

Hvis din bruger er på dit website for at lede efter billige sko, skal du sørge for at have lige præcis billige sko som det første brugeren ser. Det samme gør sig gældende i alle andre brancher.

4: Kontaktinformation på alle sider

Mange leder efter telefonnummer eller adresse når de besøger et website. Sørg for altid at have det på alle sider. En god idé er at have det både i toppen og bunden af siden. Typisk bør man som minimum have det i bunden af siden.

5: Begræns dig selv

Begræns antallet af muligheder din bruger har. Fokusér på det vigtigste en bruger kan gøre for at få den værdi han/hun søger (og for at du kan få præcis det ud af dit website som du ønsker!). En god idé i den sammenhæng er at have få menupunkter. I en dropdown-menu med mange punkter kan man nemt forvirre sin bruger og give alt for mange valgmuligheder.

6: Gør det lækkert!

Sørg for at dit design ser professionelt og lækkert ud. Hyr en ordentlig designer og brug billeder og farver som giver et godt indtryk. Folk vil meget hellere være på dit site, hvis det også ser pænt ud.

Hvad skal man ellers huske når man udvikler web?

Der er mange andre ting man bør huske når man udvikler et website. F.eks. bør man altid udvikle sitet så det er tilgængeligt på forskellige platforme. Man bør kode semantisk korrekt HTML, huske at lave brugertests, og meget andet. Du er velkommen til at kontakte os, hvis du arbejder med web, og leder efter en underleverandør til HTML/CSS som også kan sparre gennem hele projektforløbet.

Elementer i simpel søgemaskineoptimering

Denne guide er skrevet som en række elementer eller tiltag, som bør indgå i en god omgang søgemaskineoptimering. Guiden er forestillet som en slags tjekliste/huskeliste over hvad der kan gøres når man skal lave søgemaskineoptimering.

1: Semantisk kode

Sørg for at kod dit eller din kundes website ordentligt. Det betyder at indhold skal placeres i den rigtige markup. Følgende punkter gælder her.

• Menuer som lister
• Lister i ul/ol og li-tags
• Tekstafsnit i p-tags
• Én overskrift af typen h1 på hver side
• Flere h2′ere, h3′ere osv.
• Ting der skal fremhæves i en tekst markeres med em- eller strong-tags

2: Skriv det rigtige på dit site

Sørg for at titlen på dit site (title-tagget) og beskrivelsen (description-tagget) indeholder den sætning du vil optimere dit website til. Både fordi det vil hjælpe din ranking på Google, Bing og alle de andre søgemaskiner, men også fordi folk har en tendens til at klikke på links i Google hvor det man leder efter går igen i titlen og/eller beskrivelsen. Det er i øvrigt en god idé at din beskrivelse indeholder en call to action.

Selve indholdet på din side bør afspejle det du gerne vil optimere siden til. H1-tagget kan med fordel indeholde din primære søgesætning og dine h2-tags kan være variationer. Det er dog en god idé at det ikke går ud over læsbarheden på dit website.

3: Linkbuilding

Sørg for at få links til dit site. Jo flere relevante links des bedre. Det er derfor en god idé at være aktiv på fora, i sociale medier og andre steder hvor du kan få links til dit site. Linksne skal helst være relevante for dit emne. Det er typisk nemmere at få links fra andre sites, hvis dit indhold er værd at linke til, så sørg for at have spændende indhold som andre kan bruge.

4: Brug kun én URL

Sørg for at dit website ikke kører på flere URL’er. Mange websites reagerer uanset om man tilføjer www eller skriver domænenavnet uden. Et website bør kun, af hensyn til søgemaskineoptimering, reagere på en af disse adresser. På html24.dk har vi valgt at reagere på www.html24.dk. Skriver man adressen uden www vil man blive viderestillet.

Hvad er ambitionen?

Html24 vil være Skandinaviens førende leverandør af HTML og CSS. Vi leverer udelukkende til reklamebureauer, freelancere, webfirmaer og andre virksomheder med en vedvarende produktion af web. Html24 er således underleverandør, og arbejder ikke direkte med slutkunder. Vi har valgt denne strategi, da vi er overbevist om at mængden af misforståelser, fejl, kulturforskelle og lign. minimeres efterhånden som man kender hinanden bedre. Hele modellen for samarbejde er baseret på principperne fra Agile Software Development.

Hvordan kan html24 være Skandinaviens førende leverandør HTML og CSS?

Det er ret simpelt. Hårdt arbejde og fokus. Html24 fokuserer på HTML og CSS og du kan være sikker på at vi altid kan hjælpe dig hvis du arbejder med webprojekter og mangler teknisk assistance på frontend-delen. Vi er leverandør til nogle rigtig dygtige web- og reklamebureauer i hele Danmark, så vi får dagligt udfordringer der gør os bedre. Det er meget få virksomheder i Skandinavien der udelukkende arbejder med HTML og CSS som vi gør det i html24.

Kontakt os endelig, hvis du er interesseret i et samarbejde, eller vil høre mere om hvad vi kan og hvad vores mål er.

Hvad er Agile Software Development?

Agile Software Development er en særlig retning indenfor udvikling af software, som fokuserer på forandring, mennesker, samarbejde og software der virker. Fokus er, at disse fire enheder skal være centrale og vægtes højt, fremfor udelukkende at fokusere på planlægning, jura, dokumentation og værktøjer. Agile Software Development er således en gren af udviklingsmetoder, hvor nogle af de konkrete metoder bl.a. er SCRUM, AUP, RUP og XP. I html24 er vi meget inspirerede af Agile Software Development, og vi opfordrer vores kunder og samarbejdspartnere til at arbejde efter samme principper.

Udvikling er en læringsproces

Når man udvikler software er det vigtigt at forstå, at man løbende vil lære mere om dels domænet man beskæftiger sig med, dels selve produktet man udvikler. Processen som skal understøtte udviklingsforløbet er nødt til at tage forbehold for den læring der sker i forløbet. Det er således smart at man, efter eksempelvis to ugers udvikling, har plads til at ændre et design eller tilføje en knap, uden projektet vælter. I klassiske udviklingsmodeller (Læs: Vandfaldsmodellen) fokuserer man på nøje specificeret planlægning. Fokus bør ofte være mere på forandringvillighed og plads til forbedring. Tag altid højde for dette i planlægningen af et projekt.

Planlægning af projekter

Afhængig af størrelsen af et udviklingsprojekt, er det mere eller mindre svært at planlægge i detaljer. Hvis du sender et design til html24, kan du være sikker på at få præcis samme design tilbage som HTML/CSS – hvis det er hvad du ønsker. Som køber ved html24, og andre softwarefirmaer, vil man dog typisk opleve at man har fået nye idéer og ændringsforslag til produktet når først det er leveret. Det kan endda være at du beder os tage stilling til særligt vigtige dele af implementeringen. Selvom vi oftest blot gør præcis som du har beskrevet, kan det engang imellem være, at dine indledende tanker ikke stemmer overens med overvejelser om call to action, konvertering af kunder, webstandarder, forskellige platforme eller andet. Hvis det er tilfældet vil vi gøre dig opmærksom på dette, men det er din beslutning om der skal foretages justeringer i dit projekt. Vi planlægger ikke vores kalender stramt, så vi har altid plads til forandringer i projekter – og vi opfordrer alle vores kunder til at give sig selv plads til forandringer, hvis det skulle blive nødvendigt.

Fokus på værdi

Når vi udvikler HTML/CSS/Javascript og anden software fokuserer vi på kvalitet og værdi for slutbrugeren. Hvis vi vurderer kvaliteten kan blive højere, eller værdien kan forøges for slutbrugeren, vil vi tage dialogen med dig. Dette kan sagtens betyde ændringer i pris, leveringstid, og vores kunders (Ja, det kan være dig!) projektplanlægning. Vi opfordrer dig til at tage højde for dette.

Konkrete metoder som (måske) kan hjælpe dig

Agile Software Development gør brug af en del værktøjer, som vi også opfordrer vores kunder til at arbejde med. Kontakt os hvis du har brug for hjælp, da vi gerne tager snakken. Herunder er en liste af de værktøjer og metoder vi anbefaler at bruge ved udviklingen af software (herunder webprojekter og websites).

• Use cases
• Risklist
• Domænemodeller
• Glossaries
• Pair programming

Held og lykke med dine softwareprojekter. Giv lyd hvis du interesserer dig for webudvikling, ikke mindst hvis du er interesseret i et samarbejde med html24!

Efter at have læst en spændende artikel på lessonsoffailure.com blev jeg inspireret til at dele min mening om outsourcing af softwareprojekter. Den kommer så her.

Hvad er et for en løgn jeg taler om?

Det er ikke billigt at outsource til lavtlønslande.
There you go. I’ve said it

Det ser måske billigt ud på det første tilbud man modtager, men når man hen ad vejen opdager at tingene ikke bliver leveret, eller måske kun halvdelen, så må man betale igen – og igen – og igen. Når man outsourcer til et land som f.eks. Indien er det helt vildt vigtigt med en kontakt der forstår kulturen og de forskellige måder at arbejde på. I Danmark har vi en stærk tradition for at tænke ud af boksen, og være kreative. Ofte forventes det at en dansk softwareleverandør selv kan løse problemstillinger som eksempelvis at sørge for sikkerheden i softwaren. At tænke over eventuelle concurrency-problemer i en database (Wikipedia: Concurrency). Måske at stille spørgsmålstegn ved om et website nu også skal være 1300 px i bredden.

Fejlen, når man outsourcer til lavtlønslande, er at man automatisk formoder den danske (Vestlige, måske?) tradition og kultur er den samme som i det land man har valgt at outsource til. Det er den bare desværre ikke.

Jamen hvad er pointen?

Pointen er, at det oftest ikke er billigere at outsource til lavtlønslande. Typisk kræver et godt samarbejde mellem forskellige softwarevirksomheder, at man kender hinanden. Selv danske virksomheder kan have problemer med at arbejde sammen, men det er peanuts sammenlignet med de udfordringer det kan give at arbejde med en fyr der måske kun taler halv godt engelsk.

Så man skal slet ikke outsource til udlandet?

Jo da. Der er mange gode grunde til at outsource til f.eks. Indien, eller måske at hyre en polsk virksomhed til at bygge din nye carport (Eller måske et shoppingcenter?). Det er dog enormt vigtigt at du virkelig sørger for at den virksomhed du handler med forstår dig og dine krav. Undervurdér ikke dette.

Min personlige holdning er, at man kun kan forstå hinanden, og arbejde godt sammen, hvis man kender hinanden godt. At opnå et stadie hvor man kender hinanden godt nok er typisk nemmest hvis man har de samme forudsætninger.

Jeg vil gerne runde af med at dele min holdning, som er at man skal undgå at outsource softwareprojekter til udlandet fordi man mener det altid vil være billigere. Det er en fejlagtig holdning, som ikke tager højde for de indirekte omkostninger forbundet med outsourcing.

Læs evt. artiklen på lessonsoffailure.com for mere information om samme.

God fornøjelse med dine fremtidige softwareprojekter!

Semantik og best practice

I 2010 finder man stadig webudviklere der koder websites baseret på tabeller. Altså designs struktureret i tabeller. Det er en rigtig dårlig idé af flere grunde. Først og fremmest bør man altid fokusere på korrekt semantik i sin HTML. Semantik betyder i den sammenhæng mening eller betydning. HTML skal bruges til at markere information meningsfuldt (semantisk). Således skal den primære overskrift på et website markeres med HTML-tagget h1. Der er tale om semantisk korrekt HTML når den primære overskrift markeres med h1. Omvendt er det semantisk forkert at markere en den primære overskrift med f.eks. HTML-tagget span.

Tabeller og semantik

En tabel i HTML bruges til at markere information der skal opfattes som et skema eller en tabel (heraf navnet!). Det kunne f.eks. være et regneark der vises i HTML. Det kunne også være et skoleskema eller måske et skema der sammenligner priser på forskellige ydelser. Det giver altså ikke semantisk mening at markere et websites struktur som en tabel.

Hvorfor skal man lave semantisk korrekte websites?

Svaret er helt simpelt. Man skal lave semantisk korrekte websites for at de bliver så tilgængelige som muligt. Der er flere gode pointer i den sammenhæng.

• Hvis du gerne vil have at blinde eller svagtseende skal kunne navigere på dit website, bør du fokusere på din semantik.
• Ligeledes gør du arbejdet meget nemmere for søgemaskiner (Google, Bing, Yahoo osv.). Søgemaskinerne er afhængige af at kunne forstå dit website. Det kan de kun hvis du koder dit website korrekt.
• Arbejdet bliver meget nemmere når en udvikler senere skal arbejde med dit website, hvis du har klar separation af layout (css) og information (html)
• Man kan lave et specifikt design til en printvenlig version af dit website.
• Man kan lave specielle udgaver af dit website til forskellige platforme.

Konklusionen vedr. tabeller

Bottomline: Det er MEGET usexet at bruge tabeller til layout i 2010, så lad være. I det mindste hvis du er ansat i en seriøs webvirksomhed, eller gerne vil være noget ved musikken. Den eneste undtagelse, er e-mail design. Her er det stadig ok at bruge tabeller, da det (takket være Microsoft) ikke er muligt at lave layouts på andre måder til Outlook.

God fornøjelse!