jammylammy Just another WordPress site

June 8, 2012

Cheating or good design?

Filed under: Apple,Design,Experiential,iOS,Mac OS X,Software — admin @ 10:25 am

Dmitry Fadeyev on a clever technique used by iOS when switching apps:

[…] when you switch apps, the device saves a screenshot of what the last screen looks like for that app so that when you switch back again, that saved screenshot is the first thing you see. This is done to buy time for the app to fully load.

A commenter on this post notes that this technique is used in other interactive systems and is documented in Jef Raskin’s “The Humane Interface: New Directions for Designing Interactive Systems” (something I cannot verify as I do not own the book).

Somewhere else I’ve noticed this technique being used is in Safari on Lion. Within Safari there’s a gesture that does the same as the ‘back’ button – swiping left to right with two fingers takes you back to the previous page you were looking at. There’s a big visual clue that this is happening – the page you’re currently on moves over to the right to reveal the page you’re going back to ‘underneath’. This technique is also used to replicate the behaviour of the ‘forward’ button in Safari, it’s just the gesture (right to left) and the visual clue (next page slides in from right to left) that differ.

The page that you see ‘underneath’ looks to be an image of the page, rather than the page itself. What’s more, it looks to be a badly compressed image. This is very apparent when you look at a site with lots of links rendered in small point sizes. The best example I’ve found is the Autosport website.

A screenshot of the Autosport website

This is the Autosport website as rendered by Safari. If you navigate away to a different page and swipe to go ‘back’, here’s what you see:

Swiping left to right to go 'back' shows a badly compressed image of the previous page

Look at the compression, particularly around the smaller blue links. If you’re not getting it, here’s a closeup of the Autosport website as rendered by Safari:

Close-up of the Autosport website

And here’s what Safari shows if you swipe to go back:

Close-up of the badly compressed image of the Autosport website

Look at all the noise in the graded boxes at the top and around the blue text links.

So it seems Safari is using the same technique as iOS here, showing an image – a badly compressed one – of the previous page for immediacy and speed.

In this case the technique falls down a bit, partially due to the compression giving the game away but also because there’s a very obvious visual ‘jerk’ when the actual HTML renders back in.

June 7, 2012

How to live happily with a great designer

Filed under: Design — admin @ 2:04 pm

Seth Godin writes great stuff. This is from July 2006: How to live happily with a great designer.

Why do some organizations look great… and get great results from their design efforts and ads… while others languish in mediocrity? I think it has little to do with who they hire and a lot to do with how they work with their agencies and designers.

The entirety of this post is great, but Seth’s first five points are golden (emphasis mine):

  1. If you want average (mediocre) work, ask for it. Be really clear up front that you want something beyond reproach, that’s in the middle of the road, that will cause no controversy and will echo your competition. It’ll save everyone a lot of time.
  2. On the other hand, if you want great work, you’ll need to embrace some simple facts:
  3. It’s going to offend someone. If it doesn’t offend them, then it will make them nervous. The Vietnam Vets memorial offended a lot of people. The design of Google made plenty of people nervous. Great work from a design team means new work, refreshing and remarkable and bit scary.
  4. It’s not going to be easy to sell to your boss. That’s your job, by the way, not mine. If you want me to do something great, you’ve got to be prepared to protect it and defend it. Come back too many times for one little compromise, and you’ll make it clear that #1 was what you wanted all along.
  5. You can’t tell me you’ll know it when you see it. First, you won’t. Second, it wastes too much time. Instead, you’ll need to have the patience to invest twenty minutes in accurately describing the strategy. That means you need to be abstract (what is this work trying to accomplish) resistant to pleasing everyone (it needs to do this, this and that) and willing, if the work meets your strategic goal, to embrace it even if it’s not to your taste.

Powered by WordPress