Tag: interface

Product design picks for June

~ Michelle ~ Leave a comment

A bell for runners so you can tell people when you’re coming up behind them – similar to a bell on a bicycle. I think this is pretty genius. This could also just be an app, but I suspect the ring reverberates better if it’s a physical one.

Designer: Kevin John Nadolny

runbell_2

source

 

An LED that helps you communicate with other drivers. You can view it up to 50 feet away. There are shortcuts to the most used messages, and the controller has large buttons.

Designers: John Stanley, Nina Stanley, Harsha Venna & Harshit Aggarwal

source

 

A clock that shows you the time in a new way. Because I work as a UX designer, I’m always looking for new interaction patterns and new interfaces – both digital and physical. This one is simply and unique.

Designer: Mattis Boets

source

Mobile is Changing Web

~ Michelle ~ Leave a comment

Many web-based companies are choosing to align their web and mobile interfaces so that their visual branding is the same on all platforms. The result is that websites begin to include mobile elements in their interface. Below are examples of how mobile design is influencing the web.

————————————————————————————————————————————————————————

1. Basement Menus: YouTube is now using the “hamburger” icon to represent a hidden menu (usually to the left of the icon).

Image

2. Circular profile icons were/are a mobile trend. (Designers sometimes places profile icons on top of product images in mobile to save on screen space). Now they’re on web too. [Below: Etsy]

Image

3. Pinterest uses the default iOS 6 share icon for its share button. This icon has become universal to people to frequently use mobile software.

Image

4. No, that’s not a screenshot of my phone. That’s responsive web below. Designers are choosing to optimize their websites for mobile, as well as using mobile-looking buttons and text fields for say…login screens.

Image

5. Disclosure arrows are used in mobile to indicate that you can tap on a row or cell. They also show up on twitter (web) to let you know that you can see more Tweets, Following, Followers, etc.

Image