User Experience Designer

Sharing design-related articles, quality work that inspires me, and things I've made or am currently tinkering with.

mikewheaton.ca

Drawnimal

Drawnimals brings together e-learning and having fun with pen and paper by motivating children to draw around the iPhone or iPad and encouraging them to think outside of the box. The app helps them leave the digital screen with a simple physical interaction. It shows the children how to draw the main features of animals and the lovely animations motivate them to learn the alphabet.

Read More

Level is a wall shelf that changes its shape depending on the content. When we put books in a category, that grows by increasing the volume available and enabling storage of more books. Thanks to the weight of the books, the shelf reveals the category with more books. So we can compare who read more books, or what kind of books we read more.

It would be interesting to apply this dynamic to content within an app, such as encouraging users to literally balance their budgets or keep their to-do list under control.

This article on the McWrap demonstrates the value of understanding customers’ real-world behaviors in designing packaging.

The McWrap is a fusion of the fresh and the machined. When a McWrap is made correctly, it’s assembled in 60 seconds, and the lettuce and chicken peek out of the top, suggesting farm-to-table freshness. It’s also designed to fit easily in a standard cup holder; 65 percent of McDonald’s customers order at the drive-through.
This article on the McWrap demonstrates the value of understanding customers’ real-world behaviors in designing packaging.

The McWrap is a fusion of the fresh and the machined. When a McWrap is made correctly, it’s assembled in 60 seconds, and the lettuce and chicken peek out of the top, suggesting farm-to-table freshness. It’s also designed to fit easily in a standard cup holder; 65 percent of McDonald’s customers order at the drive-through.

This article on the McWrap demonstrates the value of understanding customers’ real-world behaviors in designing packaging.

The McWrap is a fusion of the fresh and the machined. When a McWrap is made correctly, it’s assembled in 60 seconds, and the lettuce and chicken peek out of the top, suggesting farm-to-table freshness. It’s also designed to fit easily in a standard cup holder; 65 percent of McDonald’s customers order at the drive-through.

Always design a thing by considering it in its next larger context — a chair in a room, a room in a house, a house in an environment, an environment in a city plan.
– Eliel Saarinen, architect

Google Material Design
We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design.

Read More

Google Material Design
We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design.

Read More

Google Material Design

We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design.

Read More

Ways to simplify a product

The book Simple and Usable Web, Mobile, and Interaction Design describes four methods of simplifying a product, using a TV remote as an example:

  1. Remove—get rid of all the unnecessary buttons until the device is stripped back to its essentials.
  2. Organize—arrange the buttons into groups that make more sense.
  3. Hide—hide all but the most important buttons behind a hatch so they don’t distract users.
  4. Displace—create a very simple remote control with a few basic features and control the rest via a menu on the TV screen, displacing the complexity from the remote control to the TV.

Arrow navigation is a simple way to find your way back to your favorite places and share them with your friends. Just add a location and the arrow will point you there.

Read More

Arrow navigation is a simple way to find your way back to your favorite places and share them with your friends. Just add a location and the arrow will point you there.

Read More

Arrow navigation is a simple way to find your way back to your favorite places and share them with your friends. Just add a location and the arrow will point you there.

Read More

Indifference towards people and the reality in which they live is actually the one and only cardinal sin in design.
– Dieter Rams

UI Concept: Morphing Buttons

image

Mary Lou presents an interesting UI concept she calls morphing buttons. The idea reminds me of the visual effect iOS7 uses when you tap on an application icon: the icon zooms in to fill the whole screen, transforming smoothly into the application itself. In this case instead of the application icon we have the button.

Why good storytelling helps you design great products

image

One of the biggest flubs that product teams make is confusing designs that look great with designs that actually work well. It’s a simple mistake, but it can have grave consequences: If your product doesn’t work well, no one will even care how it looks, after all.

The best way I’ve found to get around this confusion is a technique called story-centered design. The idea is to create a series of narrative use-cases for your product that illustrate every step in the user’s journey through it. I’ve used this technique with dozens of startups and it always helps teams move past the surface visual details to make better decisions on what really matters: how their product finally works.

Read More