Brilliant Iteration

The wonderful thing about design concepts and patterns is that they can be reused. Whenever you hit on a core idea, it can be expanded to many different applications.

Recently, Apple has introduced Force Touch or haptic feedback into their products.

On the iPhone, as you press harder, you get a slight buzz on your finger and then a contextual menu pops open for a given app. As well as a feature called “peek and pop” that allows, on a harder press, the app to render a bubble with a contextual preview.

On the Mac, when you “click” something, the trackpad feels as if you are pushing it down, but it’s not moving. The click sound is coming from the speakers. It is tricking your brain into thinking that there was a click.

Amazon’s Persistent Cart

The shopping cart, when the user hits a larger viewport size expands and becomes persistent. This is a nice touch.

Click to Zoom

The items in the cart show you price, Prime status, and an image thumbnail. Hovering over each product image displays: product title, price, quantity, delete, and “save for later”.

There is also a save for later panel under the cart as well, which expands accordian style.

This experience and the cooresponding interactions are not included on iPad/tablet.

Design Workflow

Over the last year, I have made it a goal to continue to refine my design process. Iterating on design includes the process and tools as well as the art that you are creating. As a user experience and user interface designer, I have be able to work efficiently. These are the tools that I use on a day-to-day basis:

Sketch

I’ve used many programs over the years: Photoshop, Illustrator, Fireworks, etc. None really hit a sweet spot for me in terms of creating mockups, prototypes, and user interface elements. Once Adobe announced the decision to kill off Fireworks, I made the switch to Sketch. I have loved every moment of it.

The app is completely vector and Mac native. Thoughtful features include: multiple art boards, infinite canvas, retina support ( @2x, @3x ), SVG generation, OSX Versions support, etc. Highly recommended.