BRS: Post Project User Interface Enhancements

Version 1.0 June 2012

Revision History
Name Kaushik Shankar Date 2/14/2013 Reason For Changes 1st Draft Version 1.0

Contents
1 2 INTRODUCTION ............................................................................................................................................. 2 PRO SIDE ....................................................................................................................................................... 2 2.1 2.2 2.3 2.4 2.5 CREATE ACCOUNT .............................................................................................................................................2 SIGN IN ...........................................................................................................................................................4 INVITED TEAM MEMBER LOGIN ...........................................................................................................................4 WHERE WOULD YOU LIKE TO GO? (RENAME SECTION!) ............................................................................................6 ACCOUNT SETTINGS...........................................................................................................................................6

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements

1 Introduction
Freelancers view details of a project and if interested submit proposals for the projects posted. The existing user interface is being enhanced to re-organize and simplify the information being gathered and update the brand with the new look being implemented in other areas. The related functionalities are also updated to reflect the changes associated with the introduction of fixed and hourly type projects and other changes in the post project functionality. These changes affect the following areas: Project Details Employer side Project Details which integrates the submit proposal process on the freelancer side Search for Projects

Project Agreement and Change Order employer and freelancer sides While the basic functionality remains the same, some new parameters and approaches are being introduced and these have an impact on the database structures.

2 Pro side
This section explains the Pro side view of the Multi User Accounts. Multi User Accounts allows other users to view profiles to a limited extent.

2.1

Create Account

Find below screenshots of the Pro side of the Create Account page. The contents of this page are described in a linear fashion depending on whether the user is an invited admin, invited team member, or new user.

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements

This screenshot displays the account creation page for a new user. 1) The header displays two options: I want to hire because I am an Employer and I want to work because I am a Freelancer. The Pro side displays the 2nd option. The 1st option will be covered in section x. If the user is already registered, clicking Sign in here! will direct them to the sign in page, covered in section x. 2) Each text box displays the information that the user has to fill in to register for an account. As the user enters information in each box, the :( emoticon on the right will change to a :). The user can select the box to the left of the Send me updates about Guru.com; this will fill the box with a checkmark. Selecting the Terms of Service, Privacy Policy, and/or IP Policy will direct the user to the respective pages in a new window (or tab?)

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements Once the information is filled in, selecting Create Account will continue the registration process.

2.2

Sign in

This section describes the sign in page for the freelancer(Invited Admin). Find below the screenshot.

1) The user fills in their username and password in the respective text boxes. Selecting the check box next to Im at home, remember her on this computer will fill in the box with a checkmark, and save the account information for future logins. Selecting Sign In will sign the user into their account. Sign In as an option will only show up if the username is recognized. (This is mentioned in the mockup. Does the entire bottom screen disappear, that is, section 2???) 2) Selecting I forgot my user name or password will direct the user to the screen where they can enter information to recover their password or username. Selecting Register will direct the user to the Create an Account page, covered in section 2.3.

2.3

Invited Team Member Login

This section describes the login page that appears for an invited team member.

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements

1) If the user already has an account, selecting Sign in will direct them to the sign in page covered in section 2.2. The text boxes will be filled with the relevant information by the user. As the information is filled out, the :( will change to :). Selecting the box next to Send me updates about Guru.com will fill in the check box. Selecting Terms of Service, Privacy Policy, and IP Policy will direct the user to the respective pages in a new window. Selecting Create Account will continue the registration process for the user.

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements

2.4

Where would you like to go? (Rename section!)

2

1) The user can select between three options: Screen name, which will direct them to their own account, Dbdyx which will direct them to the profile of John Adams, or Dbdyx, directing them to the profile of Ted Mosby. Selecting Settings will open the account settings page, covered in section 2.5. 2) Selecting the axle next to Me will drop down a menu..(of???)

2.5

Account Settings

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements

1) The user can choose between which account is selected when they log in by selecting the appropriate bubble. Selecting remove from teams will remove the selected account from the account access settings. Selecting Save Changes will save the changes that the user made. 2) Selecting the axle to the left of me will.????

2.6

Project View Owners and Admins

This section will describe the project view for owners and administrators. Find below a screenshot of the main page.

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements

1 b

1) The right panel displays project details. a) Selecting All underneath All Projects will fill in the checkboxes of all the projects that are listed (shown in section b). The user can then archive the selected sections by selecting Archive. None will become selectable if All has been clicked. This will remove the checkboxes from all the projects shown in section b. On the right, the user can search for a project by entering its ID. Selecting the magnifying glass or hitting enter will perform the search based on the parameters entered in the text box. Selecting the ? icon next to Projects on the top left will open a help page (or is it a pop up?) b) The project details are listed. At the top is a recently awarded project; below those will be the already accepted projects. A recently awarded project has different options to choose from than already accepted projects. CONFIDENTIAL Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements

Respond to Project Awards: Selecting Respond to Award will allow the user to accept or decline the project. Selecting the green chat bubble will allow the user to message the poster (??) Selecting the purple envelope icon will allow the user to send an email to the poster (???) Selecting the user icon (above the username/ID) will direct the user to the posters profile. Selecting the title of the project (Complete Real Estate Website), its posting section (Websites& Ecommerce) and proposal will direct the user to their respective pages (Project page, posting section, proposal viewing page).

Project details Selecting the user icon (above the username/ID) will direct the user to the posters profile. Selecting the project title (PDA/Mobile to PC Data Transfer Utility) will direct the user to the project details page. Selecting any of the categories below the title will open up their respective pages (Discussions, Milestones, Tasks, Files, Time). Selecting Define Project Agreement will??? (Please explain these color coded circles. I can infer that selecting the plus sign on the left circle will expand the circles; same if one selects the 32 more at the right side) Selecting Actions will open a drop down menu (with?) Selecting the checkbox on the far left (next to the posters user icon) will fill in the checkbox. This will allow the user to modify the project details on the main page.

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees

BRS: Post Project User Interface Enhancements

10

CONFIDENTIAL

Disclose and Distribute Solely to Guru.com Employees