design

En växande designtrend: Parallax scrolling

Parallax scrolling är bland de snyggare designeffekterna som har slagit ner i den digitala världen på bra länge!  Effekten i sig är dock ingen ny uppfinning utan har funnits länge i den närbesläktade spelbranschen. Ordet härstammar från det grekiska ordet parallaxis och betyder förändring. Spelbranschen började använda denna teknik redan 1982 i arkadspelet Moon Patrol.  Kortfattat så handar det om att få objekt i för- och bakgrunden att röra sig med olika hastigheter vilket skapar en illusion om djupet, pseudo3d-effekt at its best! (eg härstammar tekniken från 40-talet och traditionell animering)

Silverback — guerrilla usability testing

Silverback

Effekten fick en stor uppmärksamhet på webben när den för första gången implementerades på webbplatsen Silverbackapp.com. Den enkla effekten användes för att krydda till designen och träder endast fram när användarna ändrar storleken på sina webbläsare. Effekten har sedan dess utvecklats och synts till på ett flertal sidor runt om på webben. Det snyggaste exemplet på parallax scrolling hittils har Nike lyckats åstadkomma med sin webbplats  Nike Better World där hela sidan är uppbyggd som en enda stor parallax effekt för att skapa en intressantare upplevelse.

Nike Better World

Nike Better World

iutopi

Iutopi

Dark patterns: Gränssnitt designade för att lura

I normala fall när man tänker på dålig design så föreställer jag mig att det härstammar från okunskap, lathet eller andra allmänna misstag. Dålig design som orsakas de orsakerna kallas även för designantimönster.

Dark Patterns

Men all “dålig” design härstammar givetvis inte från misstag och klumpigheter och när det görs fullt medvetet så kallas det för “Dark patterns”. Det som skiljer “Dark patterns” åt från designantimönster är att designen är noggrant utformad med insikten om människors psykologi och beteenden. När företag använder sig av “Dark patterns” har de definitivt inte användarnas önskemål i åtanke utan vill få dig att utföra en handling som mestadels gynnar de själva, se bilden ovan.

View another webinar from Harry Brignull

UX-myt #3: Folk läser

Nej, det gör de inte.

Att underlätta för användaren att hitta rätt på webbplatsen och utföra önskade handlingar är av största prioritet. Ett vanligt tankesätt som florerar är “om besökarna blir förvirrade så kan vi hjälpa de på traven med lite förklarande texter”. Det tankesättet är felaktigt och leder oftare till mer förvirring snarare än lösning. Andra vanliga element som förekommer, för att försöka underlätta för besökarna, är textpuffar, sidor med utförliga instruktioner och/eller mouse-over-förklaringar. Allt detta kommer in i ett skede när det är för sent. Och ju mer text desto värre.

Besökarna läser sällan text, de skummar snarare genom den än läser. Vad kan du göra med den informationen? Jo, jobba med textmängden och copyn på din webbplats. Genom att jobba förebyggande och skapa intuitiva webbplatser så får du besökarna att göra som du vill. Är du nyfiken på relationen mellan copy och UX kan jag rekommendera boken från 37signals som handlar om just det.

Vad blir kontentan?

UX myt

Skippa pop-ups och krånglig förklaringar som ändå blir ignorerade av användarna.

UX myt

Jobba istället med korta, koncisa och statiska meddelanden som förebygger och tydliggör förfarandet för användarna direkt.

 

UX-myt #2: Folk förändras inte

Den här UX-myten förutsätter att användarnas förståelse för teknologi inte utvecklas speciellt mycket. Det fanns till exempel en tid  då all viktig information som fanns skulle exponeras i samma stund som användarna kom till webbplatsen. Informationen skulle synas i det primära området som fick plats på skärmen, utan att behöva skrolla.

Detta är absolut inte lika viktigt idag. Användarna förstår idag att all viktig information kanske inte finns tillgängligt direkt utan kan befinna sig längre ner eller längre in på webbplatsen.

Internets utveckling driver ständigt vårt beteende framåt, vilket vi kan dra nytta av så länge vi kan lära oss känna igen rätt tecken. Genom att förstå det digitala beteendets temporära natur så kan vi dra nytta av de kontinuerliga beteendejusteringarna och anpassa vår struktur och informationshierarki därefter. Här kommer ytterligare några påståenden som kan skrotas:

UX myt

Förväxla dock detta inte med att innehåll ej behöver prioriteras. Det behövs för att kunna styra de stora massorna in på rätt spår, snabbt och smidigt. Men genom att satsa på med en  fungerande interaktionsdesign som skapar rätt förutsättningar kan man bygga sidor på höjden utan att tappa engagemang och intresse.

Gratis! Tio snygga & användbara typsnitt för webb och print

Vi alla törstar med jämna mellanrum efter riktigt snygga typsnitt. Ett vackert typsnitt kan inte bara ta något mediokert och halvhjärtat och förvandla det till en vacker svan men det har även förmågan att förstärka samt förädla budskap. Tyvärr är det ofta så att snygga typsnitt inte är  gratis. I värsta fall kan du få hosta upp ett antal tusenlappar för att få loss en hel familj, vilket kan svida i plånboken om du bara vill göra lite tester.

Därför tänkte jag nu bjuda på lite snygga och kostnadsfria typsnitt som jag sprungit på under senare tid. Dessa uttrycksfulla typsnitt har designats för att både fungera både på webb såväl som för print. Rekommenderar inte att använda de i brödtext utan snarare för att lyfta fram en rubrik, slogan eller bara för att göra en snygg design. Personligen tycker jag att de är ruskigt fina med sina polerade geometriska former och mjuka ytor. Varsågod!

Alt Retro

Alt-Retro

Null

Null

Matilde

Matilde

Matchbook

Matchbook

HERO

HERO

Gota

Gota

Gardens C

Gardens-C

Cubesity

Cubesity

Coldi

Coldi

Cabin Font

Cabin-Font

 

Hur funkar den digisociala hjärnan?

Blir inte en bra sökträff på den rubriken. Men det var i alla fall rubriken på en presentation jag höll på Cybercoms frukostseminarium. Många i branschen pratar ofta om vad som skall göras men vi går sällan på djupet och undersöker varför funkar vi som vi gör och vilka betingade funktioner är det som driver oss framåt.

Vad jag presenterade var att vi människor är inte lika framför datorn (whuut?).  En stor påverkansfaktor är kulturen och när vi jobbar fram strategier är det ett absolut måste att ta i beaktning. Vi har helt olika uppfattningar och förmågor att hantera information i öst- och västvärlden. Klistrar in både presentationen (som kan laddas ner på Slideshare) och videon från föredraget.

 


 Scroll to top