Posts Categorized: Design

Vertical Rhythm in Your CSS

Typography and typesetting form the foundation by which your whole user interface stand on. For a designer, everything else—color, art direction—is relative to the intention of the product owner. It’s very malleable. The one thing that should be unbendable is the system by which the letters are laid out on the page. If it’s not…

Microinteraction—Think Small

The details are not the details—they make the microinteraction

Common knowledge’s understanding of design doesn’t usually go farther than what the eye sees, but a cultural icon of invention said: “Design is not just what it looks like and feels like. Design is how it works.” —Steve Jobs Most of the time, when a user is asked why they like a product that they often…

2 simple rules to keep in mind when designing a report

Graphical excellence is that what gives the viewer the greatest number of ideas in the shortest time with the least ink in the smallest space. I read this quote in different variations over the years, and you can see that it is old as it refers to ink rather than pixels. Nevertheless, it is very…

5 Principles to Help You Achieve Visual Clarity In Your UI

Humans are allowed a finite amount of time each day, and with all the demands of post-postmodernist day life, a designer must come to realize that an application’s users only have small attention span to allocate for such things. That is what separates these tools from humans: they shouldn’t demand a long amount of attention as most…

9 Tips to Speed up Your Web Application

“The results indicate that web pages that were downloaded faster were perceived to be more interesting than the slower ones.” Another conclusion from the same study: “The results show that satisfaction decreases with increases in response time.” The latter quote does not only apply for web pages, but also for desktop applications or mobile apps. The…

13 User Behaviors Your Applications Need to Support

Have you ever noticed that most, if not all, ‘next’ and ‘confirmation’ buttons of programs and wizards are usually located on the right-side area of the user interface? There is a reason for that. A good interface design starts with understanding your user. The better you understand your user the better your interface design, and…

How patient are you?

4 time-frames every developer should know Users will navigate away from your website when it takes more than 4 seconds to load. This is a very bold statement that I read somewhere online not too long ago. Although I have little doubts that this is true in some countries, the user’s patience is highly affected…

Why UI Patterns?

Charles H. Duell, once the commissioner of the US Patents and Trademarks office, said, “everything that can be invented has been invented.” A lot of people now would probably disagree with him, especially that we have the Internet, thinking and evolving non-organic things, and such. While the question of where invention ends and where innovation begins…

The Prize of Running the UX Sprint

How does one eat an elephant? For obvious reasons, one cannot eat it whole. It’s too big to fit in a human mouth. I can’t even imagine how one can cook a whole elephant. If ever it was possible—and I looked it up online—one would have to “cut it in edible chunks”. It’s just unimaginable…