Posts Tagged ‘UI implementation’

Making images responsive on the Web is actually pretty easy. Don’t specify the width and height of the image, and include one simple CSS declaration, and bingo! Responsive images that scale beautifully as the page resizes and reflows. But what if you want a different crop of your image on a mobile device? Well, that’s […]

The Web marches inexorably forward, and we love to see the innovations that come from that progress. But usually, a proportion of your users won’t see the new hotness. They’re stuck on an old ‘n busted browser that they either can’t update (because IE8 is the highest version of IE available for Windows XP, and […]

One of the primary principles in designing forms for the web is to keep them as simple and easy as possible. You can generally expect about a 15% drop off for every step in the process – literally every field in the form – as each discrete step is  an opportunity for the user to […]

To be frank, your developers aren’t following your brand standards and style guides for the same reason I eat healthier when the apples are pre-sliced in the fridge… Busy days, tight deadlines… a quick look at what needs to get done and off we go ticking away at our tasks with the little time we […]

A little while back I wrote this nugget of wisdom: Creating a great user experience extends beyond the research, beyond the wireframes, and even beyond the visual design. All that hard work is ultimately for nothing if your website or web application isn’t fast. Why? Because if your site doesn’t load quickly, your users will […]

Web developers are familiar with the importance of Cascading Style Sheets when developing HTML5 apps. The basic premise is simple, standard look and feel of the elements can be described separately in a CSS definition file and without changing a lot of other code, or simply by applying a different CSS file, you can alter […]

Arial, Verdana, Georgia, Times New Roman, Courier New, Impact, Trebuchet and <shudder>Comic Sans</shudder>. Those are the basic web-safe fonts we’ve all been using for the majority of our text-based content since the dawn of time. Or at least, since the Web came along. If you wanted something “fancier” for your text, you had to use […]

Who among us hasn’t at some point in their life thought, “Golly, I wish there were a way I could create triangles with CSS!” Okay, I realize no one has ever actually said that, but while at first glance the topic of creating a triangle using code available to a front-end developer might seem trivial […]

It is no secret that the current mobile revolution is primarily consumer driven. iOS and Android devices made inroads in the consumer market first and consequently enterprises felt the push from their employees. However, the enterprise mobile apps present a huge opportunity to learn from the consumer app experience by focusing on making employees more […]

Let’s discuss typefaces.  As the designer, you have the distinct privilege of selecting the fonts that will be used on the website, and barring client restrictions, you have free reign to use whichever fonts you desire.  You should keep in mind when choosing a font, though, that this typeface needs to be present not only […]

Creating a great user experience extends beyond the research, beyond the wireframes, and even beyond the visual design. All that hard work is ultimately for nothing if your website or web application isn’t fast. Why? Because if your site doesn’t load quickly, your users will go elsewhere very quickly indeed!

Flipboard iPad App is addictive. At 3 billion flips per month, its growth is phenomenal. But I did not need those statistics to convince me that the secret of its success lies in its careful attention to the reading experience. In this post, I am contrasting it with the reader app by Google called Google […]