Ännu ett år har passerat

Ytterligare ett år har passerat och nu står 2009 inför dörren. För mig har 2008 varit ett relativt bra år och mycket har hänt, Answer.se, Fairlabs Interactive, Humanonline och utbildningen på HIK. Men jag tänkte börja skriva lite om hur tiden har sett ut för baronen.org.

Baronen.org
Förra året skrev jag en liknande post, “Vi lämnar 2007“,  då skrev jag att jag skulle försöka skrivare mer, oftare och fler exempel. Jag vet att jag har misslyckats med detta och det känns givetvis inte helt ok. Anledningen till den låga postfrekvensen är brist på både tid och motivation, tyvärr. Dock är jag ändå ganska nöjd med att ha lyckats hålla bloggen vid liv ännu ett år.

AnswerAnswer
Sommaren 2008 lanserade jag och Joacim Answer.se som är en frågesida där man kan ställa och få svar på olika frågor. Lanseringen av denna sajten blev i våra ögon en succé. Vi blev uppmärksammade i Barometern, Kalmar Läns Tidning, Sveriges Radio Kalmar P3 och sist men inte minst “Hallå där” på IT24.
Du kan läsa alla mina inlägg om Answer här.

Fairlabs Interactive AB och Humanonline
Någon gång runt september, oktober blev jag och Joacim delaktiga i ett projekt som kallas Humanonline och ett företag som heter Fairlabs Interactive AB. Vid sidan av mina studier har jag alltså varit delaktig i detta projekt och vi har goda förhoppningar och stora planer inför 2009.

Kalmar Camp
I slutet av november drog vi igång ett test eller experiment som kallades Kalmar Camp. Det hela gick ut på att designa, programmera och driftsätta en hemsida eller webbtjänst på 24 timmar. Som sagt, detta var ett test men förhoppningsvis kommer vi försöka anordna ett nytt och större Kalmar Camp i Kalmar under första kvartalet 2009. Vi tror intresset finns?

Webbprogrammering på HIK
Självklart har jag fortsatt på utbildningen på Högskolan I Kalmar.
Vi har hittils hunnit läsa fyra kurser sedan studiestarten i september, PHP, MSSQL, XML och ASP.NET. Dessa kurser har varit väldigt givande, förutom kanske MSSQL som var en hel del repition. Nu återstår bara redovisning av ASP.NET, XML för att sedan följas av ett Webbprojekt och Actionscript. Efter det är det bara examensarbetet på B nivå kvar, några förslag på vad man kan tänkas göra?

Det var i stort sett de “stora” höjdpunkterna under 2008. Förhoppningarna på 2009 är ganska stora, några planer och förhoppningar är:

  • Utarbeta en ny design till baronen.org.
  • Fler poster på Baronen.
  • Samla ihop fler webbmänniskor för ett nytt projekt.
  • Ta en generell högskoleexamen vid HIK.
  • Förbättra Answer.se

Jag tror 2009 kommer bli ett mycket bra år och jag önskar alla lycka till.

Rädda webbutvecklarna – Få bort IE 6

Många eller alla som någon gång utvecklat en webbplats vet hur jobbigt det är med olika webbläsare. Din sida ska se bra ut, helst identiskt i samtliga webbläsare.

Den största boven enligt mig är Microsofts Internet Explorer och då pratar jag om version 6.0 och lägre. Den versionen släppte Microsoft runt 2001 och det finns fortfarande internetanvändare som använder denna webbläsare.

Men varför uppdaterar inte folk sin webbläsare? Jag tror att dem som fortfarande använder sig av Internet Explorer 6.0 eller till och med lägre inte har någon direkt datorvana. De bryr sig helt inte enkelt om vilken version de har så länge allt fungerar.

Explorer 6.0 är den svåraste webbläsaren att utveckla webbsidor för, enligt mig själv och mina erfarenheter. Allt för ofta får man lägga extra tid bara för att sidan inte ser rätt ut i version 6.0.

Men nu verkar det finnas lite hopp om att den ska försvinna. Företaget 37Signals har nu skrivit i sin blogg att de tänker ta bort stödet för Internet Explorer 6.0 i sina produkter från och med 15 augusti 2008.

Inte nog med att 37Signals går ut med ett meddelande som detta utan det finns en annan webbplats som just nu kör en kampanj för att få bort IE 6. Sidan heter savethedevelopers.org och de försöker få internetanvändare som använder IE 6 att uppgradera IE eller ladda hem något av de andra alternativen som finns.

Så om du vill göra oss webbutvecklare en tjänst se till att uppdatera din webbläsare. Själv rekommenderar jag skarpt Mozilla Firefox.

Domännamn ur användbarhetsperspektiv

Internetanvändare idag använder faktiskt inte bara sökmotorer till att hitta sidor. Självklart skriver de in en vanlig adress i sin webbläsare också. Jag har tänkt lite på detta med domännamn och användbarhet.

Ett problem som finns idag som egentligen inte borde finnas eller är helt onödigt är att www.domännamn.com och domännamn.com inte går till samma sida, eller att någon av dem inte fungerar alls.

Det borde vara en självklarhet för alla som driver en webbsida att se till att det går att komma till den genom att använda sig av www.domän.com eller för den delen domän.com. Det kräver ju inte direkt något extra jobb.

Något som jag tycker är värre är att www.domän.com går till en helt annan sida än domän.com. Hur vet man att man har kommit rätt?

Jag såg en reklam på tv för någon vecka sen som är ett lysande exempel på detta. Det var en reklam för behandling mot RLS (Restless legs syndrom). I reklamen gjorde de reklam för sin hemsida, rls.nu, om du kollar på den sidan möts du av följande meddelande: “Dear User, we are very sorry ! But you are not permitted to access to this website.

Men om du istället går in genom att använda dig av www innan, alltså www.rls.nu. Så kommer du till en helt annan sida. Hur många besökare har dem inte förlorat på detta?

Detta är ur användbarhetsperspektiv inte någon höjdare kan jag tycka.

En annan aspekt ur det hela som iallafall jag stör mig lite på är när webbplatser använder subdomäner OCH www. Alltså en sida som har adressen www.mail.domännamn.com. Jag tror själv att det inte bara är jag som tycker att man inte ska ha det på detta viset. Har man en subdomän så ska man skrota www, eller?

Ett exempel på detta är tyvärr Höskolan i Kalmar som har en adress som är www.te.hik.se, jag tycker själv att den adressen borde vara te.hik.se, men som du märker så fungerar inte den adressen.

Så alla ni som driver en webbsida kontrollera att man kommer till rätt sida genom att använda båda alternativen.

Andra bloggar om Användbarhet, Domännamn

Nya tidens webbläsare

Det är väl idag ingen nyhet att Microsofts nya version av webbläsaren Internet Explorer klarar Acid2 testet. Eftersom jag använder mig av Linux så har jag dock inte haft möjlighet att provköra version 8.0 Beta. Webbläsare som redan har klarat det testet är Opera och Safari. Men också den nya versionen av Mozilla Firefox ska klara testet, detta ser jag positivt på.

Vad är då Acid2 testet?
Det är ett test som hjälper webbläsarutvecklare att testa så deras webbläsare stödjer de senaste funktioner som webbutvecklare vill ha. Funktioner som är delar av den standard som idag redan finns men som inte är fullt implementerade i dagens webbläsare. Det är här Acid2 utmanar webbläsarna att klara testet, allt för att vi webbutvecklare ska bli nöjda.

Acid2 testet består av en egentligen vanlig webbsida. Några av de saker testet består av är: Transparenta PNG bilder, Object element, Absolute, relativ och fixed positioner, box-model (testar så att height, width, max-width, min-width, max-height och min-height fungerar som de ska), CSS tabeller, marginaler, genererat innehåll, line-heights och hover-effekter. Dessa är några av de saker som acid2 testar. Läs mer om Acid2 testet.
Bakom detta test ligger origanisationen The Web Stanard Projekt även kallas WaSP

Firefox 3
Som jag nämnt tidigare så klarar även nya Firefox 3 Acid2 testet, men det är mer nytt i den nya versionen, speciellt saker som omfattar webbutveckling.

Zoom möjligheten är förändrar, Nya Firefox skalar om hela sidan och inte bara texten. Detta tycker jag är bra ur användbarhetssynpunkt.

Animerad PNG blir möjligt, Firefox 3 får stöd för animerade PNG bilder. Har du en äldre webbläsare som inte stödjer det kommer den visa första rutan på bilden.

Äntligen getElementByClassName, äntligen måste jag säga, visst det har gått att få fram element med ett visst klassnamn, men iochmed Firefox 3 kommer det finnas stöd i DOMen. Det kommer säkert dröja innan det blir standard dock.

Nu ser vi fram emot lansering av både Firefox3 och Internet Explorer 8 även om det säkert tar minst 5 år till innan dem börjar användas av det “vanliga folket”

Läs även andra bloggares åsikter om , ,

Använd EM istället för PX

Jag skrev tidigare ett inlägg om att man inte skulle använda pixlar när man satte storlek på till exempel text. Just därför att pixlar är ett bestämt värde, detta gör att användare som användet Internet Explorer inte kan förstora den texten med hjälp av webbläsaren.

Det kan kan göra är att använda procent, detta skrev jag om i förra inlägget. Eller kan du använda em, detta är också ett mått som justerar sig. Det enklaste att göra detta om du tidigare använt dig av pixlar är följande.

Du sätter storlek i body till 62.5%. Detta gör att istället för att 1 em är 16pixlar så blir nu 1em 10pixlar. Det blir helt enkelt mycket lättare att räkna.

body { font-size: 62.5%; }

Sen använder du allt som vanligt, vill du ha 10 pixlar så skriver du 1em, vill du ha 12 pixlar blir det 1.2em. Detta blir väldigt lätt att förstå och jobba med.

body { font-size: 62.5%; }
p { font-size: 1.2em; }

Det är inte bara till text man kan använda detta, vill man till exempel att en div-tagg ska bli större kan man använda samma sak. Hoppas detta gav er som använder pixlar en tankeställare.

Andra bloggar om: , ,

Därför ska man inte använda pixlar

Man lär sig något nytt varje dag, och även idag har jag lärt mig något nytt. Faktiskt genom att läsa boken jag fick idag. Du kanske har gjort som jag när du har utvecklat webbplatser, alltid bestämt textstorleken i pixlar. Till exempel font-size: 12px; Det är när man gör på detta sätt som man stänger ute x antal besökare på sin sida. Nu kommer vi alltså in på tillgänglighet.

Folk som har nedsatt syn och använder Internet Explorer som majoriteten av webbanvändare gör stöter på problem här. Det finns en funktion i IE och andra webbläsare som gör att man kan ändra storlek på texten i webbläsaren.

Men när man alltså sätter textstorlek i pixlar så sätter man verkligen en bestämd storlek, även om användaren ändrar i webbläsaren så kommer texten inte ändras på sidan.

Lösningen till detta är ganska enkelt, det finns två vägar att gå och jag tänker visa en. body { font-size: small; } Här sätter vi nu en standardstorlek på sidan, i detta fall small. Ändrar man nu storlek i IE kommer denna text att ändras. Vill man sedan ha en rubrik på sidan användar man sig av procent. Hela CSS koden blir då body {
font-size:small;
}
h1 {
font-size: 150%;
}

Ändrar användaren nu storlek så kommer alltså h1 hela tiden vara 150% av föräldern, i detta fall body.Css1

Här ser vi hur det ser ut när vi har ändrat storlek i Internet explorer, både rubriken och stycket har ändrat storlek.

Tillgänglighet På Internet – Flygresor.se

Tillgänglighet på Internet börjar bli allt mer viktigt. År 2010 ska hela samhället vara tillgänglighetsanpassat. Detta gäller också Internet, inte minst myndighetssidor. Dessa har börjat bli mer anpassade men personligen tror jag inte detta kommer bli verklighet 2010.

Tänkte gå igenom lite på flygresor.se, hur dem har tillgänglighetsanpassat sin hemsida. W3 har satt ihop en liten checklista man kan följa får att få en tillgänglig webbplats. Denna lista är uppdelade i olika prioreteringar mellan 1 och 3. Där 1 är viktigast.

Flygresor.se
Punkt 1 innefattar grafiska element, alltså bilder, och image-map regioner med flera. Man ska alltså alltid se till så att bilder har en alternativ text. På just flygresor är dem inte helt duktiga på detta.

Ett annat steg är att se till att man skapar sidans layout med hjälp av CSS, sidan ska alltså fungera bra om man stänger av stilmallar. Detta kan man testa på sin egen sida i Firefox genom att ta “View > Page Style > No Style”. Då ser du hur sidan ser ut utan stilmallar. Flygresor har gjort detta på ett helt ok sätt.

Att även använda ett språk som är anpassat för webbplatsen och för målgruppen ska man också försöka tänka på, även detta ligger i prioritet 1 enligt W3C.

Ett annat sätt att göra sidan tillgänglig och användbar är att man validerar sidan enligt W3’s regler. Tittar man på flygresor så har dem ett antal valideringsfel.

Ikoner

IkonerVissa kanske läste en post där jag delade med mig av mina tankar angående användning av ikoner på webbsidor. Eftersom denna post försvann när webbhotellet krashade så finns den tyvärr inte kvar.

Iallafall tipsade jag i den posten om tre sökmotorer för ikoner. Jag kommer inte ihåg vad jag skrev i den posten så ingen idé att försöka återskapa den. Men tänkte lägga upp länkarna till ikonsökmotorerna iallafall.

Kan hända att jag delar med mig av mina tankar eller liknande en annan gång.

Genius Design Användbarhet

Användarcentrerad design har varit på tapeten i några år nu. Mycket tid har gått åt när alla webdesigners hela tiden ska ha en konversation om utformningen av webbplatsen med fokusgrupper, enkätundersökningar och intervjuer. Detta inlägg är baserat på en artikel och intervju med Dan Saffer utförd av tidnigen Internetworld. Dan Saffer har tidigare givit ut boken Designing for Interaction, denna boken beskriver användbarhet ur webbutvecklarens ögon.

Uttrycket Genius Design myntades av Dan, detta betyder att man ska lita till webbutvecklaren expertis. Det flesta bra saker vi har idag är skapade utan användartester. Ett kul exempel från arikeln i IW är när Henry Ford frågade vad folk behövde för att resa bättre svarade de, en starkare och snabbare häst. Istället utvecklade Ford bilen.

Idag har de flesta webbutvecklare kunskapen om användbarhet om inte annat finns det många exempel att ta efter. Webbutvecklaren ska helt enkelt lita på sin egen kunskap. Dock ska men inte sluta helt och hållet med användartester.

Jag tyckte denna artikel om Dan Saffer var mycket intressant och fick mig att tänka.

Användbarhet

Hur är användbarheten på din webbsida? I och med att jag har börjat läsa Människa Data Interaktion på Högskolan i Kalmar så har jag fått upp ögonen för detta med andvändbarhet. Ett mycket intressant ämne som verkligen ligger i tiden, detta är en del av framtidens webb. Tänkte tipsa dig om tre frågor du kan ställa till dig själv för att uppnå bättre användbarhet.

Vem är användaren?
Vilken är din målgrupp, många webbplatser idag försöker rikta sig till hela Världen och alla åldrar, men det är svårt. Ta reda på vilken målgrupp du har.

Vad vill användaren göra?
Varför skulle användaren vilja besöka och använda din sajt?

Hur ska användaren använda sidan?
När du vet vem din användare är och vad dom ska göra är det dags att utveckla sidan.

Det gäller att tänka logiskt och ha sunt förnuft så brukar det bli bra, tänk också på att inte stressa fram utvecklingen av sidan utan ha användaren i åtanke hela genom hela utvecklingsprocessen.