Difference between revisions of "Design Mockup Creation"

From crowdresearch
Jump to: navigation, search
(Information Flow)
(Information Flow)
Line 49: Line 49:
 
** We will need LANDING PAGE FOR THE REQUESTOR i.e. DASHBOARD  
 
** We will need LANDING PAGE FOR THE REQUESTOR i.e. DASHBOARD  
 
** Below is example Sequence  
 
** Below is example Sequence  
** For this week and next week we focus on '''ONBOARDING and TASK DESING DASHBOARD.'''
 
 
 
[[File:Neil Req.png|550px|center|thumb|Fig 2. Requestor Activity Sequence]]
 
[[File:Neil Req.png|550px|center|thumb|Fig 2. Requestor Activity Sequence]]
 +
 +
 +
For this week and next week we focus on '''ONBOARDING and TASK DESING and IGNORE REST.'''
 +
[[File:NeilInfoFlow2.png|1250px|center|thumb|Fig 2. Requestor Activity Sequence]]
 +
  
 
* If a user is Worker: '''WORKER DASHBOARD'''
 
* If a user is Worker: '''WORKER DASHBOARD'''
Line 57: Line 60:
 
   
 
   
 
[[File:Neil Work.png|550px|center|thumb|Fig 2. Worker Activity Sequence]]
 
[[File:Neil Work.png|550px|center|thumb|Fig 2. Worker Activity Sequence]]
 +
 +
For this week and next week we focus on '''ONBOARDING and Worker Dashboard and IGNORE REST.'''
 +
[[File:NeilInfoFlow2.png|1250px|center|thumb|Fig 2. Requestor Activity Sequence]]
  
 
==Design 1 ==
 
==Design 1 ==

Revision as of 06:43, 17 April 2015

Introduction

This section contains tasks associated with the design of a basic front-end for requestors and workers. The goal here is to have Visual/design aspects decided and implemented. Designers and people with UX experience are especially welcomed!

Tasks

  1. Create forms for the requestors to input their tasks.
  2. Create user friendly interface where workers can see list of tasks
  3. Create user friendly Requestor DashBoard
  4. Create user friendly Worker Dashboard
  5. Please add your proposal under the heading
  6. Include the link to GitHub for implementation

Technology

  1. Bootstrap
  2. HTML
  3. Angular

Targeted Modules & Focus

  • User Management
    • Login
    • Create Account
    • User Roles
    • User Profiles
  • Dashboard for workers
    • List of Available jobs
    • Selecting a desired job.
    • Executing & Submit the job
    • Profile with list of jobs completed and payment accumulated.
    • Publish tasks
  • Dashboard for requestors
    • Create Project & design Tasks
    • Create Qualification
    • Publish Tasks
    • Review Results
    • Mechanisms for viewing the jobs that workers executed.
    • Profile with list of jobs that were requested and the amount of money spent on each.
  • Mockup Designs supporting above functionalities

Information Flow

Flow 1

  • Crowd will visit NextGenCrowdSourcingDOTorg
  • User Management: Who is the crowd?
    • Random surfers or General People who are curious about crowdsourcing
    • Requestor, who wants to post the job
    • Worker who wants employment
    • What will the crowd see?
      • LANDING PAGE DESIGN: 1) Clear Description of the Platform, 2) Success Stories of Requestors & Workers: How platform changed their business and lives 3) Login, Registration option
  • If a user is requestor: REQUESTOR DASHBOARD
    • We will need LANDING PAGE FOR THE REQUESTOR i.e. DASHBOARD
    • Below is example Sequence
Fig 2. Requestor Activity Sequence


For this week and next week we focus on ONBOARDING and TASK DESING and IGNORE REST.

Fig 2. Requestor Activity Sequence
  • If a user is Worker: WORKER DASHBOARD
    • We will need LANDING PAGE FOR THE WORKER i.e. DASHBOARD
Fig 2. Worker Activity Sequence

For this week and next week we focus on ONBOARDING and Worker Dashboard and IGNORE REST.

Fig 2. Requestor Activity Sequence

Design 1

  • NOTE During the INITIAL STAGE our goal is to finish basic forms. Below is example of dashboard can be used as a first starting step toward achieving that goal. We don't need to target any drag and drop controls, instead we can follow the idea: i.e. what is happening after each screen. MORE TO BE ADDED


REQUESTOR DASHBOARD WORKFLOW


Dashboard Dashboard Dashboard Class Class Class Class


Dashboard

Task Design Dashboard: Task Categorization & Selection

Dashboard Dashboard Dashboard Class Class Class Class

Lego Blocks for designing the complex crowdsourcing tasks

Dashboard

Task Design Dashboard: Drag & Drop Task Design

Dashboard Dashboard Dashboard Class Class Class Class

Dashboard

Task Design Dashboard: Automated Code generation & customization

Dashboard Dashboard Dashboard Class Class Class Class

Class

Task Design Dashboard: Expert Workforce Management

Dashboard Dashboard Dashboard Class Class Class Class

Class

Task Design Dashboard: Task & Trend Analytics

Dashboard Dashboard Dashboard Class Class Class Class

Class

Task Design Dashboard: Dark Theme

Dashboard Dashboard Dashboard Class Class Class Class

Class

Github Repo Links for the implementation

Team Members

  • Vishnu, Bita, Christopher, Pranav , Achal

Horizontal Team: Neil, Saiph, Jsilver, Christopher, Rohit