• Blog
  • Categories
    • All posts
    • Concepts
    • Illustrations
    • Thoughts
    • Reviews
    • Freebies
    • Sketches
  • Projects
    • UX Recipe App
    • UX Recipe Show
    • Paper Smartwatch Kit
    • How Romanians Plan Their Electric Car Trips
  • HCI2025
  • About
Pixels, dots and points of view

pixels, dots and points of view

  • Blog
  • Categories
    • All posts
    • Concepts
    • Illustrations
    • Thoughts
    • Reviews
    • Freebies
    • Sketches
  • Projects
    • UX Recipe App
    • UX Recipe Show
    • Paper Smartwatch Kit
    • How Romanians Plan Their Electric Car Trips
  • HCI2025
  • About

Devil is in the details #2: UI Easter Eggs & Microinteractions

While browsing and searching the Internet for inspiration you discover a lot of intriguing pieces of interfaces and interactions that put a smile on your face or make you say: "Oh, very nice, you sneaky designer you!" Here are some interesting UI Easter Eggs and microinteractions I recently came across.

ReamMe.io's Mascot

This little interaction always makes me praise its originality. Just head over at ReadMe's login page and play around with the inputs to see the mascot cover its eyes when you're typing a password.


The Float Label

I admit I'm an undeclared fan of the float label and I'm glad it gains popularity which each app. Read more about float labels right from its source.

Or discover more about its interactive form proposal.

 


Star Wars Lightsabers

I'm not that much of a Star Wars fan (sudden dramatic music in the background), but I'll go see the new movie when it comes out. Moreover if you visit Starwars.com (on mobile or responsive view :P) and click on the hamburger menu icon, the menu appears, but the icon changes into two battling light sabers (smart because it also means X  as in Close).


Facebook Wireframe Preloader

Have you ever noticed that when loading your timeline, Facebook first displays a wireframe preview for the posts? Well I did. Nice touch.


InVision Favicon Message

If you don't use InVision, you should at least read their blog. It's packed with useful resources. It's also interesting how the tab name changes its message when you open a new one and navigate away.


Slack Color Preview

Slack is a very powerful communication tool if you master all its not-so-obvious features and integrations. For instance if you paste a hex color in a conversation it also displays the color.


Vimeo Farts

For this Easter Egg there is no need for an image preview. Just head over at Vimeo, search "fart" and scroll down. Here's a shortcut.


Cards Against Humanity

This game is not for saints. It's for those who like to see which has the sickest and twisted imagination. And to keep that dark humor intact, the CAH store greets you right in the face when you try to buy a pack from an inferior country (called Freedonia).

Gamespot Konami Code

Who hasn't played NES games? Well, if you go to Gamespot and type the famous Konami Code (the one that granted you 30 extra lives in Contra: up, up, down, down, left, right, left, right, B, A) and then press Enter, you will be redirected to the Contra NES cheat sheet.


Oatmeal ASCII art

If you don't know who Oatmeal is, you're missing a lot of great stuff. It has so many memorable cartoons, one is even hidden in the source code.


Where to get more

These only represent 1% of the tip the iceberg. The king of microinteractions showcase remains LittleBigDetails. For more on microinteractions and how to make the best out of them, check out the book. Nonetheless explore, explore and don't forget to explore. Use Flipboard, Medium, Twitter, Designer News or whatever burst your inspiration bubble.

New subscribe feature

Lately I've been working under the blog's hood and improved it as much as Squarespace allows me to. So I added a subscribe feature for you to get the latest news from the blog right on your inbox. It's based on Mailchimp's RSS campaigns, so on each Wednesday you'll receive an email with what's new on the blog.

If you are interested, head over at pxdotpt.com/subscribe/ and register now.


 

tags: ui, easter, eggs, microinteractions, details
categories: Thoughts
Monday 01.05.15
Posted by Alecsandru Grigoriu
Newer / Older

Pixels, dots and points of view - a blog by Alecsandru Grigoriu
View RSS feed