TwoCodeGirls

From crowdresearch
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. Features:

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 scroll-able list which contains the tasks in individual panels. On clicking a task, panel expands. Features:

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 time-frame, expected deliverable. 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 requester can compare these tasks with theirs and if similar, follow up with workers who’ve worked on them. DESIGN FEATURE: Drop down scroll-able list which contains the tasks in individual panels. On clicking a task,panel expands. Features:

Task description

Worker(s): who have completed the 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 minimalist 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 is the mock up of the About tab. Other tabs will be added later.

Requester profile About.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: 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.(OPTIONAL) 
Post: Button 

Requester Dashboard.Left Panel.jpg

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 scroll-able 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 scroll-able 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 

Requester Dashboard. Central Panel. Tab 1.jpg

2. Active tasks: Displays the ongoing tasks.DESIGN FEATURE:Drop down scroll-able 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
Review button: On clicking it, a separate screen pops up where requester can see previous/ongoing milestone submissions. 
Features:
Comments:
Accept Button: Accepts the milestone submission
Reject Button: Rejects the milestone submission

Requester Dashboard. Central Panel. Tab 2.jpg

3. Payment/Invoice:

Features:
Credit/balance: Left in the online wallet.

Invoices till date:  DESIGN FEATURE:Drop down scroll-able 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

Requester Dashboard. Central Panel. Tab 3.jpg

4.History:

DESIGN FEATURE:Drop down scroll-able list which contains the tasks in individual panels. On clicking a task, panel expands. 
Features:
Task details

Worker details

Invoice link

Feedback

Transaction details

Requester Dashboard. Central Panel. Tab 4.jpg

5.Analytic:

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.

Requester Dashboard. Central Panel. Tab 5.jpg

6.Inbox:

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

Requester Dashboard. Central Panel. Tab 6.jpg

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.