May 4 2012

Web Map

The web map is used to introduce the specific operation process orders of our product RankFirst.


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.

  • May 4 2012

    Personas and Scenarios

    In the following words, I will introduce three personas that all these people have potential requirement to our mobile applications.

    Persona 1:
    Jensen Button
    36 years old, Male, Manager of Insurance Company.

    Jensen has worked in this insurance company couple of years. He is a promotional manager. There are dozens of door-to-door salesmen in his department. His daily work is dispatching these salesmen to different areas of the city. Every day, after the work area dispatching, salesmen leave the company and go to their work area. Jensen often worries about whether salesmen work in the right area. Hence, Jensen may make phone calls to salesmen or send short messages to salesmen to check how are their works going sometimes.

    Persona 2:
    Lucy Dean
    18 years old, Female, Student

    It can be said, Lucy who just stepped in the university is a popular girl. Her friends group much bigger then a general student. Most of these friends are Lucy’s schoolmates of A Level and before. Others are new friends in her university. Sometimes, Lucy is proud of this, because her friends are everywhere; sometimes this also makes her puzzle. In the Facebook of Lucy, there are several hundred friends. There is also hundreds of information from different people on her wall. The huge number of information cause that she always lose the information from her close friends.

    Persona 3:
    Mike Sui
    20 years old, Male, Student.

    Mike Sui is a webmaster. He likes to run through different website. He feels that web is a colourful world and thousands of funny contents are post on the web. Certainly, he is a user of Facebook, Twitter, and Linkedin. So, to check these social networks via his mobile phone is necessary for him. But, these three social networks have different apps. He has to turnoff one app and turn on another one.


    May 4 2012

    Story Boards

    User Login


    1. User provides his/her registered email address and password to login to the app.
    2. The app ranks the contacts automatically when user completes the login.


    User Sign Up


    1. User presses the Sign Up tab to sign up for the app.
    2. User provides his/her personal information including name, password and email address to sign up the app.
    3. The app ranks the contacts automatically when user completes the sign up.


    View Contacts Ranking


    User selects Contacts Ranking view, in which contacts are ranked by credits in descending order. 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.


    Setting


    1. User presses the gear tab to set the app.
    2. User could set 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.


    View Contact’s Profile


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


    View Communication Statistics


    1. User press the Statistics tab to view the communication frequencies and records with the contact.
    2. User view the communication frequencies by selecting the aimed year and month. User view the communication frequencies in five categories: Overall, Calls, SMS, Video and Meet. User view the detail communication records with the user by time.


    View Contact’s Social Networks Information


    1. User press the Social tab to view the contact’s information of social networks.
    2. User slides on the top of the screen to select social network. User view the contact’s information by categories including Photos, Status. News, Notes and Links.


    View Overall Social Networks Information


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