Archive for november, 2014

What is user experience – smashing magazine

november 25, 2014

Bra artikel som handlar om vad user experience är för något.

”User experience is about how a person feels when interfacing with a system”

”Those who work on UX (called UX designers) study and evaluate how users feel about a system, looking at such things as ease of use, perception of the value of the system, utility, efficiency in performing tasks and so forth.

”The term “user experience” was coined by Dr. Donald Norman, a cognitive science researcher who was also the first to describe the importance of user-centered design”

User centered design – design decisions shall be based on needs and behaviors of the users.

When we build inside – out : 

”Before our clients (and we) understood the value of user-centered design, we made design decisions based on just two things: what we thought was awesome and what the client wanted to see.

We built interaction based on what we thought worked — we designed for ourselves. The focus was on aesthetics and the brand, with little to no thought of how the people who would use the website would feel about it.”

Why you can´t measure and need to meet the costumers! We can´t build insights about costumers from page views, conversion rate and bounce rates.The results are not measurable, because you study peoples emotions and behaviors – thats why you can’t evaluate it with numbers. User experience is personal and subjective.

UX wheel and other diagrams for showing processes for UX

10 movies worth your time – from 2010, but some are still interesting:

UX experience pyramid


Inspiration – dela

november 12, 2014

Amazone: Visar alla alternativ direkt i annonsen.

Screen Shot 2014-11-12 at 12.10.59



Etsy: Visar också alla alternativ direkt

Screen Shot 2014-11-12 at 12.12.29






Tradera: Visar också alla alternativ, men ganska långt ner på sidan.

Screen Shot 2014-11-12 at 12.13.57



Youtube: Fold out nedanför

Screen Shot 2014-11-12 at 12.16.07






Sportamore: Visar alla alternativ längre ner på sidan. (Nelly och Zoolander visar också alla, men på olika ställen)

Screen Shot 2014-11-12 at 12.17.21





Hemnet: Visar alternativ och sedan lightbox.

Screen Shot 2014-11-12 at 12.20.34

Blocket Bostad: Visar alternativ i ram (Blocket visar alternativ i text efter rubriken: Dela: )

Screen Shot 2014-11-12 at 12.23.19

UI guidelines

november 11, 2014

Artikel med massor av länkar till olika UI guidelines och styleguides:


hittade inget där, men här är yahoos gamla:


Inspiration – feedback meddelanden när man har sparat

november 11, 2014

Etsy : Oifyllt hjärta – en rund blå cirkel animeras väldigt kort och sedan blir hjärtat rött.

Screen Shot 2014-11-11 at 13.31.06 Screen Shot 2014-11-11 at 13.31.12

Tradera: Svagt blått sken och sedan fylls hjärtat i

Screen Shot 2014-11-11 at 13.33.35Screen Shot 2014-11-11 at 13.33.40

Amazone: Vid hover på knappen ”wishlist” får den oranga kanter, annars så visas modalt fönster, där man kan se vad andra som har köpt denna också har köpt för annat.

Screen Shot 2014-11-11 at 13.38.09


youtube: När man sparar klipp i en lista, så markeras checkboxen och rutan stängs. högst upp på sidan visas en blå ruta med ”Lades till i spellistan Evelina”. Rutan pekar på hamburgermenyn och samtidigt så blir den blå med checkbox i.


Skärmavbild 2014-11-11 kl. 21.04.57

Ellos: här visas ett modalt fönster med ett meddelande om vart man hittar sin önskelista

Skärmavbild 2014-11-11 kl. 21.22.58

Ving: Har ett hjärta som fylls i och samtidigt visas en tooltip med länk till sina favoriter. Bra!

Skärmavbild 2014-11-11 kl. 21.40.19

Bekräfta konto

november 11, 2014

Screenshot från Etsy. Har loggat in och får reda på att jag behöver aktivera kontot. Fick spara en favorit trots att jag inte aktiverat kontot. Nice.

Screen Shot 2014-11-11 at 13.22.10

Och efter att jag har skickat efter lösenordet:

Screen Shot 2014-11-11 at 13.28.34

Skärmavbild 2014-06-18 kl. 20.53.14












Skärmavbild 2015-01-23 kl. 19.50.21

Inspiration för att introducera nya funktioner och ändringar

november 8, 2014

För att motverka change aversion så behöver  man berätta vad man har ändrat på.

Facebook påminner om privacy settings

Skärmavbild 2014-09-20 kl. 18.45.28









Skärmavbild 2014-09-20 kl. 18.46.10








Skärmavbild 2014-09-20 kl. 18.46.26










Skärmavbild 2014-09-20 kl. 18.46.34










Pinterest möblerar om

Skärmavbild 2014-11-08 kl. 13.37.05 Skärmavbild 2014-11-08 kl. 13.37.42 Skärmavbild 2014-11-08 kl. 13.37.57

Här introducerar google funktioner.

Skärmavbild 2014-06-09 kl. 21.33.21

What is UX?

november 7, 2014

The heart framework – UX metric

november 4, 2014


november 4, 2014

Ordet meny funkar bättre än hamburgermeny.

Tre grundläggande principer för interaktionsdesign

november 4, 2014

Law #1

 A computer shall not harm your work or, through inaction, allow your work to come to harm.

Law #3

A computer shall not waste your time or require you to do more work than is strictly necessary.”

Law #3

What I consider to be Raskin’s third law is really what the entire rest of his book is about. He says that an interface should be humane; it should be ”responsive to human needs and considerate of human frailties