About javiergala

User Experience Designer by trade and curious by nature. Interested in narratives, people, technology and general geekism.

Looking for new challenges

Yup, I am finally ready for a step forward in my career and I am looking for a Senior UX job in London, which I consider the most advanced UX market in Europe. So, if you know of a position that might be suitable, please contact me.

Need more info about me? Check out some projects I worked on until 2011 and my LinkedIn profile. I have a portfolio update (2012-2015) available upon request.

Mobile

These last years I have been working at Infojobs, Spain’s leading job board (part of the huge online classified’s group Schibsted). I’ve been focusing on mobile, both native and responsive web design, and I led the design of the succesful InfoJobs Android App. If you’re looking for somebody with good mobile/multiplatform chops I may be who you are looking for.

Focus

I think that the other word that summarises my last years would be focus. I’ve been focusing on outcomes, on learning, on creating shared understanding, on designing how things work based on quick & cheap research and then iterating… I’ve probably been influenced by Lean, a methodology I really stand for.

My personal motto these last years has been: Am I working on the most important task, the one that is most critical, the one that offers the best return? If I am not, I am wasting resources and have to focus on it.

Getting ready for UX Spain!

Yes, I owe myself a couple articles on whether designers should be able to code (not exactly earth-shattering) and air crashes and their UX implications (hopefully this one will be more original 8-) ), but they will have to wait: this upcoming weekend I am attending the first edition of UX Spain, which will be a nation-wide meeting for UX professionals in Spain.

I have been thinking about trying to create some kind of small scale meeting for UX professionals here in Barcelona for some time; there are quite some UX people around, and I think we should have some hardcore UX community event of sorts, more focused on spreading knowledge and thoughtful discussions (yep, I am jealous of the fantastic-looking UK and USA ones that I am hearing about on the Internet)than the usual “I-am-looking-for-work-and-networking” teaser-like meetings. I am hoping I will meet some like-minded people at UX Spain and maybe we could finally kick-start my idea?

Anyway, If you are attending UX Spain and would like to talk about UX and its fascinating implications feel free to contact me! just say “Hi!” and I’ll be glad to share stories and thoughts. If you’re just into mindlessly adding some more contacts to your LinkedIn account, I might not be THAT interested.

Data vs. Information in videogaming interfaces

A common problem in complex interfaces’ design is stopping at data display without going deeper towards information. To achieve a great user experience, we have to pull through data.

Those of you who follow me will know about my obsession with data vs. information (and deeper structures like knowledge and wisdom). This is a touchy subject, but suffice it to say that I understand data as just the representation of a value, while information is data presented in a context as to affect behaviour.

Problem arises when interfaces dealing with complex systems, where a lot of data is involved, stop at just data display, leaving transforming this data into information up to the user.

list of attributes of a sample player from Football Manager 2011
List of attributes for a player from Football Manager 2011, a football management game: is he a good player? how would he compare to others in your team? Football Manager tells you which of these attributes make up for a good defender as “hints” while loading, but omits this information here

People use systems to help them complete tasks, particularly data-crunching (where computers excel) ones. It can be very difficult to create an intelligent system that really interprets data, but heuristic strategies can be deduced from observation and then algorithmically applied to the system.

It is quite easy to spot a data-centric interface: it usually comprises some kind of long table with lots of different values (numeric is the norm here). If you are lucky maybe there are some ordering actions available, and even some filtering. From then onwards you will have to fight with the data to get the information you need. After all, like Ronald Coase said, “If you torture the data long enough, it will confess”.

list of potential brides and their attributes in Crusader Kings 2
Marrying is a critical task in Crusader Kings 2, a medieval rpg-strategy videogame; although we have a lot of values and icons on potential brides on display (seems medieval Meetic was highly advanced)… How can we understand what makes up for a “good catch” from this interface?

How could we, as designers, help users from becoming data-torturers and transform them into the much more pleasant information-gatherers? When you notice that your interface has the traits of a data-centric one, ask yourself:

  • Why am I presenting this data to my user?
  • What do I expect a veteran user to do with this data in order to complete his task?
  • What behavior would this information trigger?

After going through these questions you will have some ideas on how to pre-process data and start turning it into information.

If you are not able to answer these, you should start by observing your users. Ethnography rules, but online forums can also be an invaluable source of information: inexperienced users turn to forums for advice, and veteran users teach their (usually heuristic) strategies. You can get a lot of insights there.

I plan to expand on this topic in future articles showing some concrete examples: Crusader Kings 2 and Football Manager might be good candidates, as you can see from the figures illustrating this article. Stay tuned!

Trying out new web fonts

I have been having problems with my blog’s fonts since day one. I am all into the idea of CSS3 web fonts, and being a humble little blog I was looking for some nice free fonts hosted on external reliable servers that would support the “wireframy” look of the site.

I browsed Google’s webfonts service extensively and found a couple of fonts that I really liked. Permanent Marker had that bold and rough feeling of quick handwritten titles in sketch wireframes, and Muli was a lightweight paragraph font that added to the “airy” look of the site.

sample of header using Permanent Marker font
Permanent Marker was rough and vibrant, and looked good and legible at big sizes
paragraph sample using Muli font
Muli was simple, airy and easy to read at paragraph sizes

I designed my site using these fonts, and was quite happy at first. But then, with cross-browser testing problems arose.

First, Permanent Marker would not look good in webkit’s Chrome (due to sub-optimal anti aliasing) and older versions of IE (which I do not really care about a lot). I have been looking for alternatives, and though I have found a couple I really like and might suit the deed I do not think they would look great in Chrome anyway. Maybe some next Chrome version would offer better anti aliasing support? We’ll see, and I’ll keep playing with title fonts for a while.

Chrome vs. Firefox anti aliasing on Permanent Marker blog title
Sample of Chrome and Firefox anti aliasing: notice the sharp aliasing effect on G and E, for example

The problem with Muli was different; Opera Mobile 11.50 would not display “strong” text. You see, even though there is a Muli bold version it has not been offered on Google webfonts service yet. Therefore, browsers were creating faux bold characters “on-the-fly”, and it seems Opera would not display them. I tried some solutions but none seemed to work and I ended up filing a bug at Opera. A pity, because I think Opera Mobile is the best browser for Android smartphones. I was worried but I thought I could live with that.

Things got worse. New Opera Mobile (11.60) launched earlier this week, but the problem with Muli was still there. Moreover, I noticed something with Firefox. I suddenly realised the bold characters were gone in Firefox as well! Maybe has to do with the 10.0.2 update? I am not sure, but Firefox really matters to me. My advice: be very careful with faux alternative font weights with web fonts!

So, tl;dr, I changed body font to Open Sans. It is a little heavier than Muli, but nice and elegant. Moreover, it comes with bold weight version, so I hope there will not be any problem with that. Expect some other typographic changes to this blog in the near future… particularly now that The Elements of Typographic Style is in my reading list!

What do we deliver?

I have been working on my portfolio recently, mostly because I read a nice portfolio rant at LondonIA (sorry, you must be a LondonIA member to read it). It basically said that in order to get a job you have to share some work in advance. After all, how are they going to trust you if we cannot see what you have done in the past? (we humans do this all the time: expectations are set based on previous experience).

Working on your portfolio has you thinking over about your professional career. It is a wortwhile exercise, but be prepared to embarrass yourself over your early work. We all learn by doing, and we all make mistakes. Focus not on what you did wrong, but on what you learnt by doing it wrong. That would be my advice.

One thing I noticed was my transition from a document-centered craftsman into an experience-centered one. When I started in the field I was very worried about the document itself (probably because I come from an engineering background where blueprints are suppossed to be an objective way of describing products), trying to document my work as exactly as I could and having it comply with my (complicated) company’s standards.

Little by little you can see I stopped creating specification documents and started going for sketches and wireframes more and more. I understood that experiences are my deliverables, and documents are just communication tools. We have to create them because we have to explain our reasoning to our clientes and co-workers, and because we have to translate our ideas to other people, and documents are a good artifact for that. But nobody makes money out of documents as such. And we have to create value. Well, at least if you want to make a living out of UX.

So, why many of us are obsessed with documents as deliverables? I was talking about it with a good ol’ colleague, and what I got out of that conversation was that people on big companies have to justify their salary, and the easiest way to do that is by creating documents. Bigger documents seem to justify bigger salaries. Meanwhile, people fighting for their lives in smaller companies and start-ups are more worried about earning their salary (i.e. making real money thanks to good user experiences) to stay alive.

My point: we are user experience designers, we deliver experiences. Do not obsess with documents, obsess with experiences (perceived by users). Documents are there to communicate, they are not our deliverables. Have them be great communication artifacts, but go with the least amount of effort that can communicate your ideas.