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
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.
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
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
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
-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.
- 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.