TwoCodeGirls

From crowdresearch
Revision as of 12:44, 5 June 2015 by Ankitasastry (Talk | contribs) (SUMMER MILESTONE 2: MICRO MACRO TASK AND REQUESTER WORKFLOW DESIGN by TwoCodeGirls)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

SUMMER MILESTONE 2: MICRO MACRO TASK AND REQUESTER WORKFLOW DESIGN

For this week’s milestone, we decided to design the entire Requester workflow. There are 2 parts to it:

Requester profile: What the public sees

Requester dashboard: What the requester sees

REQUESTER PROFILE

The page is split up into two parts. Left panel and center panel. Left panel consists of:

-Requester image
-Rank (Maybe a star rating based on workers reviews)
-Country flag: Image 
-Joined on: Date

Central panel consists of three tabs:

1. About (Landing tab): General description about the requester.

-Name
-Country
-Age/sex
-Interests: Domains like audio, design.
-Qualifications: Skills they are proficient in
-Links for LinkedIn, Facebook, Twitter etc.
-Contact me
 DESIGN FEATURE:  On clicking the button, an email tab popups with requester’s email id filled in. (Similar to gmail’s new mail popup)

2. Tasks: Need-a-worker tasks posted by the requester (Not ongoing tasks)

DESIGN FEATURE: Drop down scrollable list which contains the tasks in individual panels. On clicking a task, panel expands and contains:
-Task description
-Domain/Type: Coding/Development, Audio/Sound, Design/UI/UX, Finance.
-Required skills: For web design: HTML5, CSS, JQuery.
-Skill level: Example: Python Level 5, Photoshop Level 2)
-Start/End date
-Milestones: For the given timeframe, expected deliverables. This would be in the form of a Gantt chart.
 DESIGN-FEATURE: Interactive chart where workers can click on individual milestone tabs to see more details.
-Payment details/method: Amount. Hourly, Weekly, Over-all, Half-before-half-after, Bonuses.
-Method: PayPal, Bitcoins (?), hard cash, bank drafts.
 DESIGN-FEATURE: Workers can view the amount in different currencies.
-Bids made: Displays the total number of bids made so far. (Only the number, no details on the bidders)
 DESIGN-FEATURE: Time left to make a bid: Countdown timer that displays time left for bidding.
-BID button.

3. History: Public can view requester’s completed tasks. Entire point of this tab is for workers to review past requests and get a general idea about the requester. Other requesters can compare these tasks with theirs and if similar, follow up with workers who’ve worked on them.

DESIGN FEATURE: Drop down scrollable list which contains the tasks in individual panels. On clicking a task,panel expands and ontains:
-Task description
-Worker(s): who have completed he task. (Link to the worker’s profile)
-Payment: Complete, On-going.

Below the tab panel, at the bottom of the page, we can display some reviews of the requester by ex-workers. Overall, the requester profile should be as clean and minimalistic as possible. It should flow from one panel to another. It’s a single page in which each tab populates the central container with different data.

Following are the attached mock-ups.

RequesterProfileMockup.png



REQUESTER DASHBOARD

The following are the components of the dashboard: - Left panel - Central main panel

Left panel consists of:

-Requester image
-Rank (Maybe a star rating based on workers reviews)
-Country flag: Image 
-Joined on: Date
Edit option is present. On selection, About page in requester profile pops up.
Create New Task: On clicking it, a wizard pops up that presents the requester with a series of dialog boxes that helps them in creating a task. The  steps are:
Step 1:
Task name
Domain: Coding, Web design, Logo design, Database creation, Tax returns, Auditing and so on.
Task description
Step 2:
Requirements: Skill sets like HTML, CSS.
Skill level: Novice, Expert OR Level 1..5.
Step 3:
Start date/end date: Drop down calendar.
Milestones (OPTIONAL): A Gantt chart creator pops up which automatically creates a timeline based on the entered start/end date.  Requesters then  create milestone labels with small descriptions, drag and drop them to corresponding time frame.
DESIGN FEATURE: Interactive chart with sliders for timeline 
Bid start/end date: Drop down calendar
Step 4:
Payment: Amount 
DESIGN FEATURE: Currency calculator/converter
Type: Before, After, Mid, Hourly, Weekly, Daily
Payment method: PayPal, Cash, Bank draft
Step 5:
Get a task split up estimate: Requesters can ask moderators to split up their task into micro tasks and prepare a Gantt chart for them. (OPTIONAL) 
Post: Button 

Central panel consists of six tabs:

1.Approve tasks: Split up into two sub panels.

Panel 1 contains submitted tasks yet to be approved by the moderators. 
DESIGN FEATURE:Drop down scrollable list which contains the tasks in individual panels. On clicking a task, panel expands. 
Features:
-Task description
-Progress bar for different stages of approval. 
Panel 2 contains approved tasks yet to be designated to a worker. 
DESIGN FEATURE:Drop down scrollable list which contains the tasks in individual panels. On clicking a task, panel expands. 
Features:
-Task details
- Number of bids
-Bidder’s profile: Details about the worker.
DESIGN FEATURE: Sub panels placed column/row wise that contains:
-Worker’s name
-Skill set
- Ranking 
-Link to the worker’s profile
-Mail option
-Accept Bid button 
-Countdown timer: for the task to start 
     

2. Active tasks: Displays the ongoing tasks.

DESIGN FEATURE:Drop down scrollable list which contains the tasks in individual panels. On clicking a task, the central container splits up further into panels.
Left main panel consists of the Gantt chart. A marker indicates the current week day. Task labels before the marker are in a particular color (say  yellow). Tasks which follow under the marker (i.e ongoing milestones) are in red. Those yet to fall are in green. Color schemes indicated the  milestones achieved/yet to be achieved. On clicking a task label, the right panel gets populated with the following features:
-Worker Name: Link to their profile
-Progress bar
-Submitted content button: On clicking it, a separate screen pops up where requester can see what has been submitted for the previous milestones so  far.
-Review button: On clicking it,a separate screen pops up where requester can see the current submission made. 
-Features:
- Comments:
-Accept Button: Accepts the milestone submission
-Reject Button: Rejects the milestone submission

3. Payment/Invoice:

Features:
-Credit/balance: Left in the online wallet.
-Invoices till date:  DESIGN FEATURE:Drop down scrollable list which contains the invoices in individual panels. On clicking an invoice, panel expands  which contains:
-Task detail
-Worker detail
-Transaction details such as payment method, amount, date, etc.
-Upcoming payments to be made.
-Add money to your wallet option


4.History:

DESIGN FEATURE:Drop down scrollable list which contains the tasks in individual panels. On clicking a task, panel expands. 
Features:
-Task details
-Worker details
-Invoice link
-Feedback
-Transaction details

5.Analytics:

-Contains a detailed analysis for each of the completed tasks. It shows the time taken, cost spent, rate of work submission, quality of work.
-We can show that for similar tasks posted by other requesters, what was the amount paid, the milestones, workers etc. This may help the requester in   the future for creating new tasks.
-We can recommend workers based on the domains the requester is interested in, friend connections and ranking.

6.Inbox:

- View emails from workers, requesters, payment invoices.
- Notification mails regarding payment, bids, deadlines etc.


NOTE: We have combined the research engineering tasks of requester profile and dashboard design with the micro-macro tasks of design a new task, authoring a task, monitoring progress,results and payment.

Once we get an approval for requester profile and dashboard, we shall commence with the coding part.

Feel free to get in touch with us via slack, trello in case of any queries/clarifications. Feedback in all forms are welcome.