Mobile experience on desktop

Spotify has created an excellent example of my theory of by scaling mobile ui to the desktop we should not loose the design elements that are ready made for mobile. Complete with recognizable icons, design techniques and motion graphics, this website shows how design for the mobile can be used in a desktop experience. Below is my breakdown of how this website does this.

This is the first website that uses a truly transforms the webpage into what feel like a application. The mobile version creates a parallax-like site in which by scrolling down you are sent to a different screen with other options. While this is a nice idea i found to be not very user friendly and quite confusing at times. The color schemes match the different sized screens perfectly and the only slight difference in the experience between the two is the addition of small changes to layout in the larger version of top albums page to allow for extra information about the artist names. Compare the desktop and the mobile versions below.

As you can see this is a really powerful way of displaying content, and there is very little difference in style between the mobile versions on the left and the desktop versions on the right. This is obviously great in terms of marketing as it allows the branding to be correct across all platforms available to the user. This is a must in successful marketing!!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s