Design Mockup Creation
- 1 Introduction
- 2 Front End Engineering Angular Js & Design Teams
- 3 Angular JS Tasks
- 4 Design Tasks
- 5 Landing, Registration, Ranking
- 6 Information Flow
- 7 Design 1
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!
- Create forms for the requestors to input their tasks.
- Create user friendly interface where workers can see list of tasks
- Create user friendly Requestor DashBoard
- Create user friendly Worker Dashboard
- Include the link to GitHub for implementation
Front End Engineering Angular Js & Design Teams
Directly-Responsible Individual (DRI) Rohit Nistala
Front End Engineering Angular Js
|Member||CodeModule||Link to the Git|
|Neil Gaikwad||Ranking front end back end|
Deadline: Friday, 24th 9am PST
Angular JS Tasks
- Build modules as per provided design end to end - Add routes, UIRouter and any other necessary components
Directly-Responsible Individual (DRI) Neil Gaikwad
Front End Design
|Member||Page||Link to Git|
|Neil Gaikwad||Landing Page||SerializationRESTCompatible|
Targeted Modules & Focus
- User Management
- 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
Landing, Registration, Ranking
- 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
- REQUESTOR DASHBOARD; If a user is requestor
- We will need LANDING PAGE FOR THE REQUESTOR i.e. DASHBOARD
Below is example Sequence. For this and next week we focus on 1) ONBOARDING 2) TASK DESIGN and IGNORE REST.
- WORKER DASHBOARD If a user is Worker
- We will need LANDING PAGE FOR THE WORKER i.e. DASHBOARD
Below is example Sequence. For this and next week we focus on ONBOARDING and TASK SELECTION and IGNORE REST.
- NOTE During the INITIAL STAGE our goal is to finish basic forms. Below 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: MORE TO BE ADDED
REQUESTOR DASHBOARD WORKFLOW
Task Design Dashboard: Task Categorization & Selection
Lego Blocks for designing the complex crowdsourcing tasks