交互设计案例分析 之Facebook

version: 58.0

updated in June 24th,2016

Example 1:

If yr friends on facebook friends list like something on facebook, a thumb icon will show beside the feature content which will tempt ppl into hitting the thumb icon.

Wiljo and you actually have same friend(mutual friend - Eleanor Stieva), so facebook will show a "invite friend"icon here to give you a chance to know new friend who have mutual friends with you.

Example 2:

All bkg is gray, but if you hit and open a line, then you back to this list  page, this line which you just opened will change to white background.

Open the "Kayla DuFour" line, then back to this page, background of "Kayla DuFour" line changes to white.

Example 3:

Hit this feature and go into detail page

In detail page, all the photos and text content show in verticle. When you flip up or down you will see more content.  

 

drag to left or right, and if you drag down to bottom edge or drag up to top edge, you will close detail page and back to previous page. Very good experience. :)