Jump to content

My Swedish Blog

This is my Swedish blog that is slowly getting updated from my old Wordpress page. I will continuously rebuild it here from scratch, which will take quite a lot of work to be honest, so be patient!
Lifebutiken verkar lida lite av existentiell ångest och någonstans så verkar det ha blivit riktigt, riktigt fel för jag tittar nu på en webbplats som uttrycker död, aska och förintelse...inte helt rätt för en butik som Lifebutiken.
 
Jag vet inte vilken webbfirma som Lifebutiken har anlitat, men det känns som att den webbfirman har missat på så gott som alla punkter när det gäller att fånga Lifebutikens budskap och känsla. Istället för en ljus, positiv och glad sida med produkter som lockar till ett gladare och piggare liv så möts jag av en gråsolkig död sida med livlösa bilder och en svart bakgrund med någon slags gråaktig blomliknande tingest.
 
Rent användarmässigt så har jag inga egentliga problem med Lifebutiken. Du hittar ganska lätt dit du ska även om jag tycker att breadcrumben borde synas bättre och att inte mindre än tre huvudnavigeringsfält är vansinne. Jag är inte heller speciellt imponerad över hur dom olika navigeringsområdena ligger placerade eller hur dom samverkar med undermenyerna. Resultatet blir en sörja av menyer som känns väldigt onödig.
 
Designmässigt är den en katastrof. Man har helt ignorerat Lifebutikens grafiska profil och istället siktat på en design som är lika ologisk som destruktiv. Den svarta bakgrunden med växterna är så fel så jag vet inte vart jag ska börja och sedan så lägger man in en gråtonad navigering med mörkgrå text för att ytterligare få sidan mörkare och otydlig. Länktexterna är också i gråton, vilket inte bara får sidan att bli ännu mer platt och blek utan också sänker hela sidans tydlighet.
 
För att göra sidan ännu blaskigare, blek och oattraktiv så lägger man in produktbilder som är så dåliga att jag nästan tror att man scannat in dom från en katalog! Bilderna är så ljusa och nedtonade att det känns som allting ligger under bakplåtspapper eller något liknande. Det finns inte en klar färg så långt ögat når...
 
Den slutgiltiga förolämpningen mot mitt färgsinne är en slags senapsbrun färg på länkar och knappar, en färg som när du för musen över bleks ut så den knappt syns. När jag desperat försöker att behålla maten i magen från den bajsbruna attacken så upptäcker jag till min fasa att Lifebutiken dessutom använder sig av svart/gråa knappar som tonar ut till blekgrått i sina köpknappar.
 
Lifebutiken.se bör sätta sig ner och fundera på om den webbplats dom lagt som deras ansikte mot världen verkligen är representativ för deras verksamhet. Jag hoppas verkligen att dom kommer till samma slutsats som jag och det är att designen på deras webbplats just nu inte bara är en förolämpning mot alla dom människor som driver Lifebutiker idag och att webbplatsen bör designas om från grunden.
 
För det första så måste man fundera över om det är lämpligt att så totalt frångå sin grafiska profil och vad det i så fall betyder för varumärket. Sedan måste man fundera över vilken funktion webbplatsen faktiskt ska representera. Idag är det en webbshop med storhetsvansinne och med tre huvudnavigeringar, det bör kapas ner till två utan problem. Att använda Megamenyer för att få in mer i headern kan enkelt reducera plottret och då får vi plötsligt plats med en logisk navigering.
 
Alla produkter bör plåtas om och skärpas till ordenligt. Bort med alla gråa bakgrunder, eller gör det snyggt! Fega inte med färgmättnaden, men se till att gruppera produkterna i så fall så det inte ser ut som en påfågel exploderat på sidan. Utnyttja whitespace för att ge produkterna utrymme att synas och för guds skull...använd svart text mot en vit bakgrund så jag slipper sitta och kisa för att se vad tusan det står!
 
Bort med den bajsbruna senapsfärgen och ersätt med gröna och röda länkar som matchar den grafiska profilen i löpande text och snygga vita knappar med svag gradient och glans så det känns piggt och fräscht. För eyecatchers så kör antingen med grönt eller gult/orange beroende på vad som finns i den grafiska profilen eftersom det kompletterar den gröna och röda färgen i profilen samtidigt som den sticker ut.
 
Utnyttja glans i detaljer så sidan känns ren och fräsch. Variera med vita och gröna detaljer och om det behövs så använd svarta element för att öka kontrasten i olika sektioner. Använd bilder på personer där det är möjligt och tänk på rörelseriktningen och målgrupp så du leder besökaren dit du önskar. Se också till att sidan får en riktig avslutning istället för det "spretande kaoset" som finns idag. Tänk på Law of Closure för guds skull!
 
Lifebutiken skulle också tjäna en hel del på att komma in i vårt årtionde och lägga till såväl blogg som knyta ihop webbplatsen med Facebook och Twitter. Kasta ut kommentarsfunktionen från 1999 och lägg in Disqus och varför inte knyta in med facebooks rekommendationer? En seriös företagssida utan ordentliga kommunikationsmöjligheter känns inte seriös så varför inte kasta in Kayako eller kanske kombinera ett forum som IPB med deras shopfunktioner i IP.Nexus?
 
Lifebutiken har väldigt stor potential, en potential som idag inte utnyttjas och som den hopplösa designen helt tar död på. Jag hoppas att Lifebutiken kommer att råda bot på det inom en snar framtid och om dom inte vet hur dom ska gå till väga...hör av er! Jag har hela sommaren att sätta till ert förfogande!
Jimi Wikman
[extract]Adobe släpper lite oväntat en "halvedition" av sin CS svit istället för att vänta ett halvår eller så och ge ut CS6. Anledningen är troligen den explosionsartade utvecklingen av innehåll för smartphones och läsplattor plus ett större intresse för CSS3 och HTML5.[/extract]
 
[notice]Jag har ännu inte lyckats hitta priser vad det kostar för studenter att uppgradera eller prenumerera, men jag återkommer så snart jag hittar det.[/notice]
 
CS5.5 har en hel del nya funktioner, speciellt om vi kikar på Master Edition, men för mig så är dom intressantaste nyheterna dom som rör mitt fält, nämligen webbdesign och grafisk design och då är det CS5.5 design premium som jag är intresserad av. Dom nya funktionerna som finns för CS5.5. design premium är inget att fnysa åt, det är ganska många trevliga nyheter faktiskt.
 

 
 
Kodtips för HTML5 och CSS3
Precis som CS5 introducerad kodtips och bättre markup för PHP så har CS5.5 lagt till avancerade kodtips och kodkomplettering för HTML5 och CSS3 i Dreamweaver CS5.5.
 

 
 
Förhandsvisning av flera skärmar i Dreamweaver
Visa webbplatsdesigner som de skulle se ut på skärmar i olika storlekar och upplösningar, allt i en och samma lättanvänd panel i Dreamweaver CS5.5.
 

 
 
Interaktiv design utan att behöva skriva kod
Skapa skalbara applikationer och komponenter och skapa precisare och mer uttrycksfulla övergångar och effekter med Flash Catalyst.
 
 
 
 
Förbättrade funktioner för framtagning av e-böcker4 i InDesign
Skapa mer övertygande e-böcker med mindre hjälp från utvecklare. Använd ett smidigare EPUB-arbetsflöde genom att lägga in förbättrad typografi och bilder som automatiskt storleksanpassas för att passa praktiskt taget alla skärmtyper. Nu kan du även lägga in video och ljud för e-bokläsarapplikationer med stöd för HTML5-video- och -ljudtaggar.
 

 
 
Ã…tgärdsguiden i Acrobat Pro
Automatisera PDF-arbetsmoment som görs i flera steg enklare i Acrobat X Pro. Ã…tgärdsguiden hjälper dig ta fram ett makro, som är en automatiserad sekvens som kan tillämpas i en PDF-fil eller en hel batch av filer.
 
Effektivare leverans av tillgängliga dokument
Dra nytta av förbättringarna i InDesign CS5.5 och Acrobat X Pro för att leverera publikationer som uppfyller standarder för användare med funktionshinder. Tillämpa tillgänglighetsfunktioner enklare i InDesign CS5.5 och kontrollera, justera och validera PDF-dokument i Acrobat X Pro.
 
Subscription Edition

 

 
Prenumerationstjänsten har saknats väldigt länge och den borde ha kommit betydligt tidigare, men det är smart att lägga till den samtidigt som man ger ut CS5.5 eftersom många som redan har köpt in CS5 troligen inte vill betala för uppgraderingen just nu och många som tvekat lite att uppgradera från CS4 och CS3 får ett intressant alternativ till att göra just det.
 
På det hela är jag imponerad av några av funktionerna i CS5.5, men behöver jag dom? Nej, förmodligen inte. I ärlighetens namn klarade jag mig fint med Photoshop CS3 och en texteditor, men ska man ligga i framkant när det gäller produktion för skärm så kan det inte skada. Gillar framför allt nyheterna i InDesign och Dreamweaver, men jag avvaktar ett tag till om dom inte har något dundererbjudande för studenter...
Jimi Wikman
[extract]Igår så meddelade Spotify att nu var det slut på gratisåkandet och vill du lyssna på musik så får du betala för det, fast man uttryckte det inte riktigt så utan var lite mer diplomatiska.[/extract]
 
Igår så var det alltså dags för Spotify att ta steget som många har väntat på, nämligen att reducera gratistjänsten till något som knappt är användbart, men ändå inte helt värdelöst. Att Spotify hållit ut så länge som dom har gjort med gratistjänsten är värt att applådera för dom få kronorna som annonseringen har drivit in kan inte varit en i närheten av vad det kostat att låta oss streama musik okontrollerat.
 
Jag tycker ändå att Spotify har en bra strategi och jag tror att det kommer att betala sig väl nu. Dom valde först att introducera dom nya prismodellerna och lär kunderna vänja sig vid dom innan dom tog nästa steg. Jag tror att många gratisanvändare kommer att gå över till Unlimited varianten för 49:- i månaden. När det steget är taget så blir tröskeln inte så hög att gå till Premium, speciellt när smartphones och surfpaket blir allt vanligare.
 
Personligen så vete tusan om det blir något mer Spotify för mig, inte för att jag tycker att kostnaden är orimlig eller av några etiska motsättningar till hur inkomsterna fördelas. Det handlar helt enkelt om att jag i ärlighetens namn inte konsumerar särskilt mycket musik och den musiken jag konsumerar har jag tillgång till ändå. Jag spelar oftast samma gamla goda låtar om och om igen, speciellt när jag jobbar, så gratistjänsten med begränsningen att varje låt får spelas bara 5 gånger kommer därför inte att fungera speciellt bra för mig.
 
Spotify's annonsering igår har orsakat en hel del kritik och även om jag kan dela och iallafall delvis hålla med en del av det som Anna Troberg, Gothbarbie och Upphovsreträtt uttrycker, men samtidigt inte. Tommy, Mymlan och Thord har något mer neutrala åsikter och framför sina synpunkter lite mer försiktigt samtidigt som dom oroas för Spotify's framtid. Själv har jag inga egentliga farhågor för jag tror att Spotify nu är så etablerat i våra hjärnor så att dom kommer att inte bara kunna överleva utan också frodas.
 
Jag tycker att även om jag tycker att det är synd att Spotify inte längre kommer att finnas i varje dator och att en hel generation får njuta av musik i stort sett obehindrat så är det ändå den rätta vägen att gå. Det finns ingenting här i världen som är gratis och vi har blivit lite bortskämda på Internet som redan har kollapsat en gång på grund av orimliga föreställningar att det går att erbjuda tjänster gratis. 49:- eller 99:- är verkligen inte mycket pengar för vad Spotify erbjuder och tittar du på vad en CD skiva kostar idag så motsvarar Unlimited tjänsten att köpa 4 album per år och Premium 8 album.
 
Det är verkligen inte speciellt mycket för så mycket musik som man får genom Spotify, men frågan är: Hur kommer du att använda Spotify i framtiden?
Jimi Wikman
[extract]Jag har försökt att hålla mig, men Disqus är bara för bra för att låta bli! Facebooks kommentarbox i all ära, men Disqus är för mig det självklara valet för en blogg.[/extract]
 
Det enda jag är lite sorgsen över är att Disqus nu blir en extern kommentarsfunktion och inte integrerad med IPB. Det går förvisso att koda in med hjälp av Disqus API, men jag har varken tid eller kunskap så det räcker för att ta mig an det just nu. Kanske kan kasta fram det till gubbarna grus på nästa #daladevelop eller om någon känner sig manad som läser detta (hint, hint).
 
Här på bloggen kommer iallafall Disqus att finnas, men sen får jag se hur jag ska göra med övriga delar av Mortfiles. Vad tycker du? Ska jag köra in Disqus på hela Mortfiles eller räcker det att ha det på bloggen?
Jimi Wikman
[extract]Nästa vecka så är det dags för Velodromia 24h, en intressant tävling där ca 30 personer delas upp i grupper och sedan får ett företags problem presenterade, något som ska lösas på 24 timmar.[/extract]
 
 



 
Det skar lite i hjärtat att inte kunna vara med på Gyllene Fölet tidigare i vår och när möjligheten presenterade sig att vara med i Velodromias tävling kunde jag inte motstå, speciellt eftersom det passande nog faller perfekt in i första "friveckan" när min fru går ner i arbetstid. Igår fick jag beskedet att jag blivit uttagen och att jag på tisdag ska få ge mig på en ny utmaning.
 

 
Beskrivningen verkar ju lite väl lätt, men jag gissar att det kommer att komma många utmaningar som inte direkt skrivs ut. 24 timmar är inte särskilt lång tid när det gäller att forma grupperingar så det blir troligen en förhållandevis friktionsfri upplevelse även om jag räknar med många starka viljor och säkert en del diskussioner. Lyckligtvis för mig så är jag rätt diplomatisk av mig även om jag för den delen inte viker ner mina egna tankar, så det kommer nog att bli bra.
 
Det här är inte direkt någonting som jag har vana av, men om man inte provar så fastnar man lätt i invanda rutiner och kommer ingenstans i sin egen utveckling. 2011 är ju utmaningarnas år och då gäller det att prova saker som kanske känns främmande och kanske till och med lite skrämmande.
 
Vi får se hur det går, men jag tänker hålla en förutsättningslös attityd och gå in med målsättningen att ha roligt och att ge allt för mina gruppkamrater som säkerligen vill vinna lika mycket som jag vill även om jag inte riktigt vet vad man kan vinna förutom prestige och en resa till Moldavien ;)
Jimi Wikman
[extract]I torsdags förra veckan så var det 20 års jubileum för Gyllene Hästen, en tävling i marknadsföring som anordnas av Marknadsförening i Dalarna (@midse) och jag var på plats.[/extract]
 



Jag skrev en rejält lång bloggpost häromdagen, men lyckades med konststycket att klicka på tillbaka knappen på musen och radera allt. Jag längtar med andra ord ganska mycket tills 3.2 kommer ut där den fina funktionen autospara finns med...
 
Gyllene Hästen var ett trevligt arrangemang och jag tyckte det var riktigt lyckat. Som besökare för första gången känner jag att jag var underklädd, men jag hade valt att inte ta på mig skjorta och slips på grund av att min nacke var lite känslig den kvällen (min nacka har den olägenheten att börja blöda ibland när jag har skjorta). Nästa år blir det förhoppningsvis lite mer stil på gubben!
 
Ett gäng från klassen närvarade eftersom dom tävlade i Gyllene Fölet, en tävling jag gärna hade varit med i, men som jag fick hoppa över på grund av tidsbrist. Kim och Mia från min klass knep hem första priset i Gyllene fölet, vilket var riktigt skoj! Dan (@yearzeroswe) och Rickard (@yearzeroswe2) från Yearzero eskorterade till evenemanget och vi kan väl säga att namnet Yearzero förde viss tyngd med sig under kvällen, vilket var extra kul också!
 
Under kvällen träffade jag fler personer som jag kände än vad jag hade trott och fick göra lite nya kontakter, även om ljudnivån ofta gjorde verbal kommunikation lite svårt. Maten var förträfflig och presentationerna proffsiga. Överlag en väldigt bra tillställning, men jag har några saker som jag tänkte att jag skulle föra vidare till MiD utifall mina synpunkter kan vara av intresse.
Jimi Wikman
[extract]En fråga som dyker upp med jämna mellanrum är just frågan om hur detaljerad en design för en webbplats bör vara och när det är befogat att lägga tid och engagemang på detaljerna.[/extract]
 
 



Med och utan dom tunna linjerna som detaljer[/i]


För mig som designer så är detaljerna självklart viktigt för jag vill skapa en så attraktiv webbplats som möjligt, men ibland så får detaljerna stryka på foten. Vanligtvis handlar det om kostnader där kunden inte är villig att betala mer för det lilla extra, men ibland så handlar det också om tekniska aspekter som att få ner laddningstider, eller för att den kundbas man tror att webbplatsen ska attrahera blir distraherad av detaljer.
 
Det är många som idag jobbar efter konceptet att en webbdesign ska vara minimal och bara hjälpa besökarna att hitta innehållet på ett bra sätt. Speciellt reklambyråer sitter lite fast i det tänket och behandlar gärna webbplatser som reklamprodukter eller digitala annonsblad. KISS principen i all ära, men den gamla sanningen att ju mindre innehåll du har, desto viktigare är presentationen stämmer väldigt väl in på just webbdesign.
 
Jason Grossman tar upp några bra synpunkter i sin artikel "Details Make the Difference in Web Design" där han kopplar ihop detaljer med värde, dvs detaljer i webbdesign ska tillföra värde på något sätt. Jared Latigo tar upp tråden som Jason påbörjar och motargumenterar lite i sin artikel "Details in Design – How Much Difference Do They Really Make?", eller snarare vill poängtera att detaljer bara ska läggas till om det verkligen behövs.
 
Personligen tycker jag båda för fram sina synpunkter på ett bra sätt och Jason och Jared visar ganska bra dom två olika synsätten som Webbdesigners brukar falla in i. Jason representerar den visuella gruppen som föredrar att skapa upplevelser för besökaren där webbplatsens känsla tillför värde. Jared respresenterar den effektiva gruppen som vill skapa effektiva och logiska webbplatser där enkelhet och logik tillför värde.
 
Frågan är bara när bör den ena eller den andra gruppen få styra en webbplats utseende och varför? Svaret på det är att båda grupperna alltid ska styra och med det menar jag att en webbplats alltid ska ha en balans mellan enkelhet och detaljer. Som grundregel så brukar jag säga att ju mer innehåll, desto mindre detaljer. Det är för att ju mer information som besökarens hjärna ska behandla, desto mindre attraktiv tycker dom att en webbplats är. Information overload är ett begrepp som inte bara gäller för text, utan i högsta grad även för grafik.
 
Det finns också olika delar av en webbplats där detaljer är mer eller mindre effektiva. Dom delar som vi vill lyfta med detaljer är i huvudsak navigering och call to action områden, dvs områden där vi vill att besökaren ska interagera. Dom områdena bör kännas så genomarbetade och tydliga som möjligt och eftersom besökaren förhoppningsvis kommer att interagera med dom sektionerna mycket så ger extra detaljer ett litet lyft i upplevelsen av hela webbplatsen.



Vilken version föredrar du?[/i]


Jimi Wikman
[extract]Colin Harman ([twitter]colinharman[/twitter]) har skapat en fantastiskt bra bild över hur du som beställare kan välja att få ditt grafiska projekt utifrån Projekt Triangeln, dvs förhållandet mellan tid, pris och kvalitet. Den beskriver ganska bra dom olika förfrågningarna man får som designer och vad svaren brukar bli.[/extract]
 
 
 




Jimi Wikman
Gestaltpsykologi är ett fascinerande ämne som i korthet går ut på att "behöver förstå saker som helheter och som försöker beskriva sådana helheter utifrån deras gestaltkvaliteter." Den teorin påverkar i högsta grad även design.



Gestaltpsykologi (av tyska: Gestaltpsychologie) är en psykologisk inriktning som menar att människan behöver förstå saker som helheter och som försöker beskriva sådana helheter utifrån deras gestaltkvaliteter.

Skolan uppstod som en reaktion på reduktionistiska skolor som behaviorism och strukturalism under devisen "helheten är mer än summan av delarna", och har haft sin största betydelse inom perception och problemlösning genom insikt.

Enligt det gestaltiska synsättet kan organismer fullt förstås endast när de ses som en del av ett fält, en kontext, en omgivning. Relationen mellan organismen och dess omgivning är av största betydelse teoretiskt och beteendevetenskapligt. I fältteorin tittar man på krafter och motkrafter, t.ex. mellan dem som vill bevara det som är och de som vill ha förändring. När man studerar något med ett fältteoretiskt perspektiv ser man på helheten och på hur energierna rör sig i fältet. I fältet finns olika energier som drar till och stöter ifrån sig.

Om man studerar en grupp kan det t.ex. vara frågor som vem som påverkar vem? Vem eller vilka deltar? Enligt fältteorin samskapar vi varandra i varje sekund. Komplexiteten är hög redan när det är två personer. Även någon som inte är närvarande påverkar fältet. Systemteorin visar system och dess gränser.

Varje system verkar i sitt sammanhang och söker sin balans. För att förstå ett system du jobbar med, behöver du åtminstone gå upp och ner en nivå av systemet. För att t.ex. förstå en grupp behöver man veta lite om den organisation som gruppen ingår i, liksom de subgrupper som gruppen har.

För att gestaltpsykologin skulle kunna fungera vid praktiska tillämpningar krävdes att den kunde formulera allmängiltiga lagar genom vilka gestalter bildade helheter. Dessa lagar skulle vara sådana att ingen någonsin behövde lära sig dem, utan skulle uppträda såväl i skilda kulturer som hos spädbarn och djur. Detta gjordes första gången 1923 av Max Wertheimer.

Så beskrivs Gestaltpsykologi på Wikipedia och det som jag tänkte titta på lite närmare under ett par veckor framåt är dom Gestaltlagar som Gestaltpsykologin vill framhäva. Från dom lagarna så tänkta jag beskriva och visa lite hur dom lagarna kan appliceras på modern webbdesign på ett effektivt sätt. Dom lagar jag tänkte presentera och diskutera är:[


Law of Closure
Law of Similarity
Law of Proximity
Law of Symmetry
Law of Continuity
Law of Common Fate
Law of Prägnanz
Om du har några frågor angående Gestaltlagarna och hur vi kan, och bör, använda oss av dom i webbdesign, så skriv en kommentar här så ska jag ta upp det i bloggposterna framöver.
Jimi Wikman
[extract]Mortfiles NX börjar långsamt, långsamt kännas som en riktig webbplats och inte bara en katastrofplats med potential och det börjar bli dags att kika på själva innehållet nu.[/extract]
 
Dom senaste veckorna har jag lekt med IP.Content och då främst dess möjligheter att skapa databaser för olika ändamål, något som fungerar väldigt bra! Nu är det dags att lägga lekstugan på hyllan ett tag och sätta tänderna i dom "vanliga" sidorna, dvs fylla webbplatsen med innehåll.
 
Först ska jag dock fixa till webshoppen så den blir lite attraktivare och lättare att använda. Det är ju trots allt webshoppen som är slutmålet så jag kan tjäna lite pengar! Iallafall tills dess att Marknadsplatsen blir klar och fylld med lite godsaker, men jag ska skriva om det lite senare...
 
Att skapa en webbplats med IP.Content är nästan löjligt enkelt eftersom du redan har en wrapper som ligger runt ditt innehåll genom forumets design. På så sätt följer alla funktioner som inloggning, notificationer, sökning osv med automatiskt utan att du behöver göra någonting alls. Du kan fokusera helt på att fylla webbsidorna med innehåll.
 
Det finns dock två stora backdelar och det är att IP.Board har en gigantisk CSS fil som vi inte behöver i dom flesta fallen och att IP valt att köra med Prototype istället för jQuery som jag är mer bekant med. Lösningen är att köra jQuery med no-conflict och komma ihåg att byta ut $ mot något annat så det inte blir konflikter och att kommentera ut CSS filen ur IP.Content och istället inkludera en minimal CSS fil.
 
Den här veckan blir det fokus på Webshoppen och att börja kika på innehållet mer praktiskt, men jag hoppas också hinna bygga upp kundrecensionerna som ska byggas i IP.Content och sedan kan jag nog inte låta bli att kika på några fler databasprojekt! Kikar redan på möjligheten att skapa en databas över svenska webbplatser och bloggar samtidigt som jag kikar lite på W3Schools...det vore kul att göra en svensk variant av den webbplatsen och introducera en slags Wiki liknande struktur med diskussionsmöjligheter!
 
Som du hör så har jag som vanligt stora planer, men det känns som att jag nu med Invision Powers produkter har precis dom verktyg jag behöver för att bygga mina drömmars webbplats.
Jimi Wikman