May 4 2012

Mockups and Ideas

  • User provides his/her registered email address and password to login to the app;
  • User should sign up for the app when he/she use it at first time.

  • User provides his/her personal information including name, password and email address to sign up the app.

  • The app ranks the contacts automatically when user completes the login or registration.

  • User selects Contacts Ranking view, in which contacts are ranked by credits in descending order;
  • User presses the gear tab to set the app;
  • User searches a contact by inputting the contact’s name in the search box;
  • User enables the footprint to share his/her current location with the corresponding contact;
  • When a contact’s social networks information has updated, a green mark appears behind the corresponding contact to notice the user with the updating;
  • User selects one particular contact to view the contact’s information.

  • User sets personal details, language, sound effects, push notification and the enabled social networks in the Setting view;
  • User clicks the Logout tab to logout the app.

  • In Info view, there are three subsections: Profile, Statistics and Social;
  • In Profile section, user views the selected contact’s current location (if the contact permits user to view it) on the map by press the refresh tab;
  • User presses the edit tab to edit the contact’s information;
  • User presses the telephone numbers to call the contact;
  • User presses the SMS tab to send messages to the contact;
  • User presses the email address to send emails to the contact.

  • In Statistics section, user views the communication frequencies and records with the contact;
  • User views the communication frequencies by selecting the aimed year and month;
  • User views the communication frequencies in five categories: Overall, Calls, SMS, Video and Meet;
  • User views the detail communication records with the user by time.

  • In Social Section, user slides on the top of the screen to select social network;
  • User views the contact’s information by categories including Photos, Status. News, Notes and Links.

  • User selects the Social Networks tab to enter the social networks view.

  • In Social Networks View, user slides on the top of the screen to select social network;
  • User selects the information’s ranking mode between RANK FIRST and Most recent;
  • User views all the contact’s information by categories including Photos, Status. News, Notes and Links.