Tag Archives: Web design

This Is Responsive: a great resource site about responsive design!

Posted on by

How Much Has The Web Really Changed?

Two years ago, responsive was the near future (I remember this time very well, because I had been asked to lead the early design direction of a very large global website in the consumer electronic industry). The whole team made the decision to go responsive, and honestly we never regret it. Today, responsive is the emerging standard of design principle. 

As a Design / UX manager it forces you to think in a new way (revise all you knew about screen layout and interaction model), and you learn a lot on Content and API framework.

Thanks to Brad Frost you don’t have to go the hard way. Check his excellent resource site, I wish I had it two years ago.

This Is Responsive, the excellent resource about responsive design by Brad Frost.

Touch screen design: the ideal button size

Posted on by

An MIT Touch Lab study of Human Fingertips to investigate the Mechanics of Tactile Sense found that the average width of the index finger is 1.6 to 2 cm (16 – 20 mm) for most adults. This converts to 45 – 57 pixels, which is wider than what most mobile guidelines suggest.

1. Designing for 34 / 44 pixels touch target (Windows Phone UI Design and Interaction Guide and iPhone Human Interface Guidelines)

Touch target 34 px


2. Designing for 57 pixels touch target (ergonomically correct)

Touch target finger 57px


3. Designing for 72 pixels touch target (Thumb correct)

Touch target 72px

Using Parallax Scrolling in webdesign, part 2

Posted on by

1. Cultural solution UK

parallax02

2. Rascapé

3. Billy’s

4. Head to heart

5. Campaign Monitor

parallax01

6. International Watch

parallax03

7. Nike Better World

parallax04

9. Sony Tablet

Sony Tablet

10. Lipton Ice Tea

Lipton Ice Tea

 And if you feel the call to action, don’t miss this great “behind the scene of Nike Better World” article at Smashing Magazine.

Using Parallax scrolling in webdesign. Part 1

Posted on by

Parallax scrolling in web design is a very nice design trend that I hope will stay for a while.
Here comes some great examples of what parallax scrolling add to the user experience:



And here are three useful tutorials for the handy men: