Self-Service Challenge Creation Wireframe Challenge

Welcome to Self-Service Challenge Creation Wireframe Challenge. Client of this challenge is looking to allow their customers create and publish challenges by themselves; currently, the challenge creation process is handled by ‘admins’ internally.

In this challenge, we need your cool ideas to come up with a wireframe that provides great user experience for first-time/long-time customers in creating a "challenge spec" by employing interactive help bits – so, it provides a seamless ‘challenge creation’ process.

About the Client:
Client is a one of the leading crowdsourcing company like topcoder where customer gets innovative solutions from the smartest people, members provide ideas and solutions to important business, social, policy, scientific, and technical challenges.

At the end of this challenge, we are looking to see a creative ideas, interactions and user experience "wireframe concepts" that help us realize a better customer experience.

Round 1

Initial Wireframe Concepts for checkpoint review
Any additional features or screens that will help explain your idea

 

Round 2

Final Wireframe Concepts with any checkpoint feedback implemented
Any additional features or screens that will help explain your idea

Currently, client handles the creation of a challenge internally as and when a customer approaches for solutions from the crowdsourcing community, going forward we are looking to allow the customers create the challenges themseleves. Through this wireframe - we are not looking to recreate this challenge creation process, we are just looking for ways to give the users a lot of help information but not get in the way as someone write a challenge spec for the first time (and may not be experienced with it). We want to integrate video, and other interactive bits to help users compile a complete challenge specification.

Wireframe Expectations:
- Produce HTML click-through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
- The website must be very easy to use and intuitive. Keep that in mind when create your solution for the layout and flow information.
- You MUST cover all requirements mentioned in challenge details below.
- Use note pane in every single page you design to explain what items are addressed in that page from the documentation, what things you added/changed/removed, use it to make your idea clearer and help the client to give you constructive feedback.

Required Pages:
A) Create New Challenge:
- All challenges will run 30 days in length. This will not be changeable at this time.
- User creating a new challenge will need to enter the below fields (we have shared the details of each of the fields in the attached document)…

1) Organization and its Details
2) Challenge Title
3) Challenge Brief/Summary Statement
4) Challenge Overview
5) Background
6) Challenge
7) Challenge Judging Criteria
8) Project Deliverable Criteria
9) Images and Tags
10) Legal Agreement

Possible Action buttons:
In this page, we need below action buttons..
- Users will have the ability to preview the challenge
- Users will have the ability to save the challenge as a draft.
- Upon preview and once satisfied with the spec, they will able to publish the challenge to make it active.

IMPORTANT!! Wireframe Ideas to be considered for Challenge Creation Process:
To help you get started with your wireframes, please go through and employ these below ideas appropriately...

1) Wizards are a great way to simplify the overall process and allow to groups fields to be broken down to steps.
2) Your wireframes should incorporate a process flow, which indicates where the person is in the creation process. For example, a list of things that need to be accomplished that checks off when the user is done. It shows people what the sections are so that they know what is coming and can make better decisions of what goes where. It gives a good snapshot of what is coming next.  But it also allows movement back and forth in a very easy manner.
3) Videos are a great way to help users in filling up a field within the form – for example: best practice guidance, validation rules where applicable, etc. Looking for you to show on how and where this can be included?
4) Interactive images do help users to complete their specs with ease, example: https://www.youcaring.com/create-fundraiser.aspx
5) Tooltips provide great help on per field basis, so a user understands the purpose of the fields.

What else you think could help users ease the overall process of creating a challenge?

B) List of Created Challenges:
- Users will have the ability to access the challenges that were created.
- How do you think a user will continue to edit a draft challenges, please show the flow.
- Note: A user will have not have the ability to delete challenges and also they will have the ability to edit challenges only while it is a draft, pending.
- Challenges that were already published (status: "open") will have the ability to only add additonal supporting files and will not have the ability to edit the details. 
- They will need to have the ability to filter the list of challenges..

Filters:
They will have the ability to filter the list of challenges that were created and also be able to save the filter, below are the required filters...
- - Current status: Pre-paid, Draft, pending, open, under Evaluation, Awarded, closed, expired, on hold, cancelled, withdrawn.
- - Start and end dates
- - Organization Name
- - Challenge Name

C) Challenge Management Page:
- For now assume "challenge management" will have challenge details and also show the submissions that were received for this challenge. 

Challenge Details Page:
- How should the challenge details page for the person who created it should look like?
- User will have the ability to add any additional supporting files to the challenge while it is active.

Messages:
- Members participating in each of the challenge will have its dedicated messages page where members (participants) can interact with the challenge holder to discuss an any questions/doubts.
- Come up with a layout/flow on how these need to be shown.

Solutions (submissions):
- We would like you to create a page where the "seeker" (the organization..) will manage the solutions (submissions) that are being received for this challenge.
- Submissions received for a challenge need to shown here..
- Assume this to be a list of submissions that were recieved for the challenge
- Come up with creative ideas on displaying the list of submissions..
- Provide some sort of filters to easily find a submission..(maybe submissions received on a specific date range)
- Each of the submission will have the below details
- - Submission ID
- - Submission date timestamp
- - Submitted by (this could be an organization name or an individual)
- - Member Name 

Feel free to add any additional pages that is required to show the flow.

Axure References:
New to Axure? Here are a few axure tutorials to help you get started..
- http://www.axure.com/learn
- http://www.axure.com/tutorials
- http://www.totalwireframe.com/tutorial_complete.html

Target Audience:
Existing and Potential Customers

Judging Criteria:
Your submission will be judged on the following criteria:
- Wireframe Concepts! Did you try or suggest something new?
- Completeness and accuracy of the areas of functionality and content
- How well your wireframes provide a consistent user flow and clear information architecture for the application

Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Generated HTML files with all the requested contest requirements stated above.

Source Files
Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.

Final Fixes
As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.