User Experience Design of Everyday Things

Or the story of: How UX Can be Easily Misinterpreted.

I recently stumbled upon the image above. I initially agreed, since it’s a common conception that User Experience is about removing barriers (like shortening the path) between users (in this case pedestrians) and outcomes (get to their destination). But after a few seconds something made me feel uncomfortable with that conception, which is the notion that User Experience is about making the easiest way the right way of doing things. Clearly the “design” from the image above failed to do.

In the image below, we can identify the path that individuals have forged in order to avoid the boom gate, these trails are called desire lines, which follows user’s perceived path of least resistance between their given situation and their desired goal or outcome.

Continue reading

How to Write New Year’s Resolutions (from the UX Perspective)

or how working in the Software Development Industry as a UX Designer changed the way I undertake New Year’s Resolutions

A wall with sticky notes with New Year's resolutions written in them.

If one or more of your New Year’s Resolutions look like this, and you really want to stick to them, read this post!

We are arriving fast to that time of the year where we reflect about what we’ve done for the last 365 days of our lives. While reflecting on what we have accomplished is a good practice, taking into consideration what we didn’t accomplish and why, is better and may appeal to your problem-solving personality.

We shape our buildings and then our buildings shape us. – W. Churchill.

I started my career as an User Experience (UX) Designer back in the mid-2000s, taking several design decisions every single working day of my life, and that’s why, as much as I try to embed my profession with my own style and personality, I think that UX Design has influenced me as much during the past decade, influencing my daily activities inside and outside work.

We have a nice tradition on Mexico in New Year’s Eve that involves eating 12 grapes while the New Year’s bells are ringing, and with each grape you state a Resolution (my math tells me that this allows for roughly 12 resolutions).

The years went by, and I noticed that my resolutions remained similar year after year: Go to the gym, lose weight, save more, be kinder to people, travel more, etc. But essentially I didn’t accomplish any in a meaningful way, or at least I couldn’t measure their impact in my life.

Working in the Software Development (SD) Industry, specifically in the UX Design has taught me a number of work resources to organize and prioritize software updates and the measure the impact that User Centered Design processes has in software. These same resources are quite handy outside the SD world, like learning how to define User Pain Points, Goals and Problem Statements and how to prioritize work into Potential Shippable Increments (PSI) to get a Minimum Viable Product (MVP). And hopefully after reading this, you’ll get a feeling on how you can use these tools to craft batter New Year’s Resolutions.

The Problem

If your resolutions look like the ones I mentioned above, the intent of the resolutions could be assumed, but relies however, on the context that the resolution is written, if the context changes the original purpose of the resolution gets easily obfuscated; not to mention that it doesn’t allow us to evaluate success.

Traditional Resolutions Set
1. Lose Weight
2. Save Money
The UX Designer’s Resolutions Set
I. Lose Weight Lose 0.25kg weekly so that I avoid the risk of developing diabetes or cardiovascular diseases.
II. Save Money Save $50 weekly so that I can buy the camera I need to become an acclaimed photographer.

Continue reading

Organizational change through the eyes of Art, UX and Technology

Have you ever considered yourself an Artist or a Designer? If you come from the field of Computer Science or Systems Engineering odds are you haven’t, but you might have more in common with those fields than you think.

A few days ago, a friend (a very experienced but quiet software architect with impressive skills) from the office was sharing his frustrations about how to persuade people in his team to do things his way. And he made me reminisce about my early days in the company where I work for, trying to convince people that we should take care of the User Experience, and tried an analogy based on the things that I went through, and which I describe below.

Vincent Van Gogh is one of my heroes, and I always found Pablo Picasso a little bit cryptic and difficult to understand, but in my head, they both share something more valuable than art: they were change agents. I told my friend that in order to make an impact in the company with all his good ideas, he had to convince people that that was (1) the right thing to do, and that happened to be (2) easier to do. I told him that it wasn’t about him knowing the best software development design patterns, that, his art, such as Van Gogh’s or Picasso’s (or any other’s) relied on people’s appreciation of it in order to be successful, and that no matter how good he was at what he does, his impact was going to be small, if he didn’t manage to communicate it to others. He nodded.

One would assume that making software better (easier to use, improving performance, better looking) would carry more weight while pursuing organizational change, but it might be the other way around. Changing people’s conception of what is right is more difficult. Chris Nodder, in his book “Evil by Design” writes: “Changing [people’s] opinion on something involves [them] admitting that [they] were wrong.” it also says that “People don’t like to change opinions and will [often] ignore counterfactual information”.

So, how do you make people appreciate your “art” in the software-industry form, you may ask. These six points have worked for me to achieve some degree of successful organizational change:

Continue reading

Designing Photography

How I got selected to be part of a commemorative publication by Yahoo! Mexico in 2008 by using design as a tool.

On a previous post I talked about my understanding of what design was:

Design is not a thing or a deliverable. Design is what happens before the thing, it is hours of assigning purpose and intention to an idea yet to be conceived, to then plan and finally execute.

Would you have ever thought about a photograph being designed rather than made/taken? My guess is that you’ve never heard of a title called “Photo Designer” or something of the like.

In 2008, Flickr launched a photography contest called Muestra tu México con Flickr (in english: Show your Mexico with Flickr). The purpose of the contest was to make some buzz about Flickr starting local operations in Mexico, and to celebrate it’s first year they were going to have an exhibition with the most relevant photos of international photographers that would better represent Mexico. The prize was going to be the photograph printed in a book and an exhibition of the winning photos followed by nibbles in a fancy venue in Mexico City.

At that point I was an active flickr user, and I happened to stumble upon the contest while browsing the site. I decided to submit some photos from my existing collection, but that left me feeling unsatisfied but still determined to be part of the printed commemorative Flickr book.

One day, thinking about what to do to make the cut into the book (or designing the photo), I had an epiphany (which in my terms would be: a realization of design): -Nothing shows Mexico better than a taco stall. I thought. It sounded like a joke, since Mexican epitome  of street food tend to be found everywhere but in photo worthy places, but I gave it a shot (several actually).

The so-called Taco Stall photo.

Continue reading

The Abstract World Word of Design


I’ve always been amazed by how relatively simple things manage to remain hidden before our very eyes. Once, I was doing some research for a training course I delivered at work; one of the topics, intended that the audience became aware of the difference between abstract and tangible, and I used several different concepts to express that difference (the actual goal was to reduce the level of assumptions we make while trying gathering software requirements).

Is the word truth: abstract or not?

Is the word truth: abstract or not?

In my presentation (for the purpose of telling my story) I mentioned that a concept leans towards the abstract side when everybody knows what something is, but at the time of describing or defining that something, many of the answers differ among the people being asked.

Let me give you an example: Think about the word truth.

Get in a room with 10 people, and ask them to write in a piece of paper the definition of truth. Two things are likely to happen.

  1. People would smile or even roll their eyes at you whilst making the assumption that the task at hand is relatively simple.
  2. When facing the problem, people would not only make, most likely a mediocre effort at describing the concept in a few words (as me and my group did), but also, the answers would largely deviate from the dictionary definition (this point may not apply if you include philosophers in your group).

Now, keep thinking about it for a second, and before you read the definition below, write your definition down, take your time, and compare it with the one below.

Continue reading

Deberías Saber (You Should Know)

When I was 21, I happened to write my first song (or second one; I’ve always had trouble date-timing my songs due to their start/completion dates). The song, narrates the cumbersome tale of a young man (me) who fell in love with allegedly the wrong woman (today a really nice person, but back in the day, it didn’t seem that way… and that the story is a picturesque and ironic rather than an accurate portrayal of reality).

This song was a milestone in my life, since it might have been the one song that manage to make it to some of my friend’s iPods/iPhones, played in the radio and made somebody once recognize me on the streets. It was because of this song that I actually kept writing as it made me think that it was possible to make music and lyrics that people could eventually like.

I wrote it initially in spanish, and today… I know that at least you can sing along the chorus in english and german.

In this post you will find the music by tracks, so that in case you’d like it you translate it to another language, or maybe play the bass, drums or guitar better than I did (far from being challenging) you can do it. But first the lyrics and files.

Continue reading

Balsamiq Excel 2 Calendar Table Generator

I spend most of my time at the office dealing with Balsamiq. As good as Balsamiq is to portray quick-n-dirty sketches of user interfaces, oftentimes you end up trying to redo one of their components because the quick-n-dirty solution just wouldn’t help you tell the story to your customers. This is the case of the calendar, which happens to be stuck on February 2008 since… err… February 2008?

Balsamiq OTS Calendar Control

Balsamiq OTS Calendar Control

The problem that I face often while dealing with time-based views is the ability to change the date from one day to another during a walkthrough with the client, and for that purpose Balsamiq’s calendar is not quite useful. For a while, I was trying different ways to make the calendars, using Labels and Panels to link between the .bmml files and all of them ended up in a nasty nested groups that would be very difficult to update, until I stumbled upon the wonderful Table component.

The Table component in Balsamiq is feature rich, it allows you to do a lot of stuff if you know Balsamiq’s markup, the problem now is to type the markup easily every time you are dealing with a view, for example, in order to get this:

Table Calendar View using Balsamiq's Markup

Table Calendar View using Balsamiq’s Markup

I would need to write something like this:

*Mo*	*Tu*	*We*	*Th*	*Fr*	*Sa*	*Su*
-26-	-27-	-28-	-29-	-30-	-31-	[1](uno)
2	3	{color:blue}4{color}	5	6	7	*8*
9	10	11	12	13	14	15
16	17	18	19	20	[21](dos)	22
23	24	25	[26](tres)	27	28	29
30	-1-	[-2-](asd)	-3-	-4-	-5-	-6-

And as you can probably imagine, changing the parameters consistently among different wireframes could become a nightmare easily.

Continue reading