Focus sessions are an alternative way to find ideas and improvement suggestions together with stakeholders.
More than a year ago I was asked to redesign an internal Web application at trivago. Without knowing the design problems or having research data or some kind of a strategic brief, it was hard to start. Product owners (POs) didn't quite know how to approach this problem, so we (designers) decided to help them. We decided to get together relevant stakeholders and users and ask them for their suggestions. Since we didn't find a time-efficient method that would cover stakeholders' input and the user needs, we decided to merge different methods into a single session. We called it a…
A case study about redesigning the item element of the hotel search result list on trivago’s website.
A few months ago, we at trivago — the hotel metasearch website — established the first version of the styleguide and the pattern library by using the Atomic Design methodology. This was a reference for redesigning the company’s products, including the hotel search website — the trivago’s core product.
Ironman
Shortly after introducing our first pattern library, developers renewed the CSS core of the hotel search website and migrated it into the pattern library under the project name Ironman. Christoph Reinartz documented the whole Ironman process. Ironman was a necessary step for further design updates.
Ironman was a shift from the…
Few weeks ago I received another e-mail in which someone was asking me about pixelated image effect that can be seen on my portfolio website. Now I decided to write an article about it with Žiga (friend who coded my website) and shortly describe pixelated overlay method that was used and that gave images “pixelation effect”.
Why to Use Pixelated Overlay?
The main reason was that we wanted to create high-resolution, transparent layer of pixels that would separate foreground from the background, according to the visual style of the website. Layer that would push main image into the background — but still keeping it visible…
Graphs are effective techniques for communicating quantitative information with graphical means. But to achieve effectiveness, five things must be carefully considered.
We use graphs for visual communication in business, statistics, research, and other areas, where quantitative data represents the key source of the communication.
Graphs communicate quantitative information that is derived from quantitative and categorical data.
The main purpose of graphs is not to show exact values of data, but to represent relations and connections between quantities. If our purpose is to report exact numbers, then it is way more effective to use tables. I do not consider tables as visualization techniques since tables have values encoded as text and not as visual structures. This is the main difference between graphs…
Tabbed browsing and “_blank” go perfectly together. If users like tabs why would you do it differently?
A few days ago I saw a post of Smashing Magazine on their Facebook fan page. It said (link):
“Are you actually still using target=“_blank” in your projects? Isn’t forcing links to open in new windows way too outdated these days?”.
I went through some comments on that Smashing’s post and I was positively suprised with the response of users. Facebook fans of SM totally rejected author’s view. So, let’s define “_blank”:
“_blank” is a target attribute in html that opens linked site/document in a new tab. It is written in a code of the website, or more specifically, in…
Dejan Ulcej
UX Architect @trivago
