Challenge Summary
Welcome to the "RUX - 72HR BD-IBPS Design Concepts Challenge"! In this challenge we are looking for your help to come up with a high fidelity UI for a web application focused on the visualization of NEEDS, IDEAS, and DEMANDS in a “train map” style visualization. You will be focused on creating the concepts for desktop devices only. We are looking for your best (new) ideas and concepts!
What is a RUX Challenge?
The RUX (Rapid User Experience) challenge uses the same format as our famous LUX Challenge except it is not "Live" at an event. The RUX Challenge Series provides you with an opportunity to show digital leaders from some of the largest companies in the world just how good your concept and user experience (UI/UX) design skills are.
RUX (Rapid User Experience) challenges are fast, fun, and have more chances for you to capture prize money!
Note: You do not need to have RUX challenge experience to join this challenge - Just jump in and give it a try! Make sure to follow the challenge details, the challenge forum and ask questions.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums
The goal of this challenge is to take the provided design problem, analyze the user experience and provide design concepts and visual ideas on how the application might look and work!
Background Information
A global medical technology company is looking for a wireframe that conceptualizes the user flows for a web application focused on the visualization of NEEDS, IDEAS, and DEMANDS in a “train map” style visualization.
This company is advancing the world of health by improving medical discovery, diagnostics and the delivery of care. It leads in patient and healthcare worker safety and the technologies that enable medical research and clinical laboratories. The company provides innovative solutions that help advance medical research and genomics, enhance the diagnosis of infectious disease and cancer, improve medication management, promote infection prevention, equip surgical and interventional procedures and support the management of diabetes.
We recently finished a wireframe challenge where we studied the overall concepts and user flows for this application. On this RUX challenge you will be working on creating the final UI using the winning wireframe from the previous challenge as your main content reference. You need to push the wireframes beyond what has been provided. If you have a better approach to solve the problem, please propose it!
Translation of Terms
Needs: A business user has identified a gap, problem or business opportunity that is
not being met today.
Ideas: The Idea is created once the Global Process Leader – GPL reviews the Need
and validates it is aligned with the corporate strategy and is worth pursuing based on
benefits.
Demand: A Demand is created when the Idea is accepted and then will be assessed,
managed and forecasted, for products and services.
RUX Challenge Timeline and Rolling Checkpoint
- Submission Start: 08/13/2018 at 16:00 EST
- Rolling Checkpoint Start: 08/15/2018 at 08:00 EST
- Submission End: 08/16/2018 at 16:00 EST
We are offering 5 Prizes Placements
1) 1st Placement: $2000
2) 2nd Placement: $1500
3) 3rd Placement: $1000
4) 4th Placement: $750
5) 5th Placement: $500
- Plus 8 placements for Rolling Checkpoint prizes @ $50 each!
Note: Important Rolling Checkpoint Details
- @high-def (Issa) will be available for early submissions and Rolling Feedback!
- We will answer questions and provide Rolling Feedback as fast as possible.
- You must watch the Forum for your feedback!
*All initial qualifying checkpoint submissions will win $50 (8 Placements)
Design Consideration
- Think about the Customer Experience
- Easy to monitor data, create NEEDS and IDEAS, filter and search information.
- Should be clean, open, and modern looking
- Streamlined design and user flow
- Show us new concepts and ideas for how things could be designed and function. Think of how it is currently shown in the wireframe and if there is a better way to interact with this information.
- We want you to explore ideas beyond the wireframes. This is important!
- Think on modern and easy to use solutions.
- We are open and looking for your ideas and solutions. Remember the application should remain easy to use, fast, and not cumbersome for the user.
- Create a clickable prototype that demonstrates the navigation and user flow of the app.
Required Screens / Functionalities
1) Landing Page / Dashboard
- This screen shows the Processes (L1), Sub-Process Steps (L2), and Activities (L3-L4) that are on your plate with a break down of what has been completed and what is left of the assignments, and the order of operations of the assignments. A visual task map of what needs to be done.
- When needs or ideas are approved by a manager it automatically shows up on the appropriate person’s Landing Page visualization for action to be taken.
- There should also be some sort of high-level dashboard indicating the number of Needs, Ideas, and Demands and their status level, specific to the user. This dashboard could be a part of the Landing Page or possibly a separate screen.
-Typically, a user will have rights to various queues of workstep processes and activities. Instead of showing all the tasks assigned to them in a single list, we will have various queues listed. Based on the queue selected, we will show the user the list of tasks. They can receive actions through a group queue and/or individually assigned. The user should be able to filter the tasks based on the selected queue workstep and/or activity.
- Please add a method of drilling down further into the Needs, Ideas, and Demands by adding a filter for Accepted, Rejected, & In Progress. (This isn’t shown in the wireframe, but we would like that added.)
- In the overview section, please also include a Demands Assigned to Me Chart, this was also left out of the wireframe, but is being requested by the client.
- A Search feature should also be included which will allow the user to do a general search, based on keywords, and identification numbers.
2) Create a Need and Idea Forms
- Users fill out forms which are passed through a chain of managers for approval.
- Example PI Integrator creates a need by completing a form, the GPL can accept or reject. - If accepted, they fill out a form and it becomes an Idea and that goes to the appropriate BRM who can also Accept or Reject, if they accept then they fill out a form to send it to the Functional BRM.
- The Functional BRM can Accept or Reject. If they accept, they fill out a form with
attributes to support the new idea and then it covers into a demand that will be
assessed managed and forecasted. The demand goes to the appropriate person in IT.
- If in any of the steps, someone Rejects, then the process stops up to that point and a rejection email is sent to everyone who was a part of that flow up to that point. The reason for a rejection should be mentioned.
- Each form should have a way to Reassign a request that was made to the wrong department, and have it directed to the right one.
3) Train Stop Visualization
- A visualization of NEEDS, IDEAS and DEMANDS in a “train map” style visualization.
- There are 4 levels in the map:
- The top level being L1 (Ideas to Realization) - L4.
- A viewer should be able to zoom in and out and see the different levels of detail.
- Also there should be a way to tell if the workflow is going smoothly or if there is a slowdown or stoppage in workflow.
- The map should indicate these things.
- This is a visualization of the table in the Landing Page
4) Presentation Screen - 1920x1080 (16:9 Ratio)
- In a RUX challenge, this screen is the way to showcase your concept so keep it simple and make it look good!
- If you were walking into a meeting and needed to sell your idea - use this screen to showcase your concept.
Supporting Material
- Access all supporting material on this folder. This folder includes:
- - Branding Colors
- - Iconography
- - Wireframes
https://drive.google.com/open?id=1ts_5YrIscBcP2xOPcIZWPF9enE9QJoxO
- Please use the provided colors only. Do not use or provide new colors.
- Use Sans Serif Style fonts like: Open Sans, Roboto, Helvetica, Verdana, etc. Remember to declare your source.
- You can also access the deployed wireframe on this link:
https://ibps-final.herokuapp.com/final-fix2/index.html
Target Users
- Final company users looking to propose ideas
Branding
- This challenge is open in matter of colors and font usage.
- So think on Professional/Clean Look and Feel interfaces
- Easy to read and easy to visualize.
General Requirements
Screen Sizes
- This application is going to be a web application. So focus on Desktop devices.
- Use 1280px width and height increasing when is necessary.
- Use proper grid layouts and correct sizes for all elements.
Marvel Prototype - Important
- We need you to upload your file into Marvel App.
- We want to use Marvel App to provide direct and fast feedback! We can also track your design updates and screen versions within Marvel App!
- No additional functionality is required! Just make sure your screen(s) are in the correct viewing order (number them 00, 01, 02, 03, etc.)
- You must include your Topcoder Marvel App URL within your .Notes file
Judging Criteria
Your submission will be judged on the following criteria:
- Overall new concepts and execution/design of your concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as a layered PSD file, or Adobe Illustrator as a layered AI file, XD or Sketch!
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
What is a RUX Challenge?
The RUX (Rapid User Experience) challenge uses the same format as our famous LUX Challenge except it is not "Live" at an event. The RUX Challenge Series provides you with an opportunity to show digital leaders from some of the largest companies in the world just how good your concept and user experience (UI/UX) design skills are.
RUX (Rapid User Experience) challenges are fast, fun, and have more chances for you to capture prize money!
Note: You do not need to have RUX challenge experience to join this challenge - Just jump in and give it a try! Make sure to follow the challenge details, the challenge forum and ask questions.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums
The goal of this challenge is to take the provided design problem, analyze the user experience and provide design concepts and visual ideas on how the application might look and work!
Background Information
A global medical technology company is looking for a wireframe that conceptualizes the user flows for a web application focused on the visualization of NEEDS, IDEAS, and DEMANDS in a “train map” style visualization.
This company is advancing the world of health by improving medical discovery, diagnostics and the delivery of care. It leads in patient and healthcare worker safety and the technologies that enable medical research and clinical laboratories. The company provides innovative solutions that help advance medical research and genomics, enhance the diagnosis of infectious disease and cancer, improve medication management, promote infection prevention, equip surgical and interventional procedures and support the management of diabetes.
We recently finished a wireframe challenge where we studied the overall concepts and user flows for this application. On this RUX challenge you will be working on creating the final UI using the winning wireframe from the previous challenge as your main content reference. You need to push the wireframes beyond what has been provided. If you have a better approach to solve the problem, please propose it!
Translation of Terms
Needs: A business user has identified a gap, problem or business opportunity that is
not being met today.
Ideas: The Idea is created once the Global Process Leader – GPL reviews the Need
and validates it is aligned with the corporate strategy and is worth pursuing based on
benefits.
Demand: A Demand is created when the Idea is accepted and then will be assessed,
managed and forecasted, for products and services.
RUX Challenge Timeline and Rolling Checkpoint
- Submission Start: 08/13/2018 at 16:00 EST
- Rolling Checkpoint Start: 08/15/2018 at 08:00 EST
- Submission End: 08/16/2018 at 16:00 EST
We are offering 5 Prizes Placements
1) 1st Placement: $2000
2) 2nd Placement: $1500
3) 3rd Placement: $1000
4) 4th Placement: $750
5) 5th Placement: $500
- Plus 8 placements for Rolling Checkpoint prizes @ $50 each!
Note: Important Rolling Checkpoint Details
- @high-def (Issa) will be available for early submissions and Rolling Feedback!
- We will answer questions and provide Rolling Feedback as fast as possible.
- You must watch the Forum for your feedback!
*All initial qualifying checkpoint submissions will win $50 (8 Placements)
Design Consideration
- Think about the Customer Experience
- Easy to monitor data, create NEEDS and IDEAS, filter and search information.
- Should be clean, open, and modern looking
- Streamlined design and user flow
- Show us new concepts and ideas for how things could be designed and function. Think of how it is currently shown in the wireframe and if there is a better way to interact with this information.
- We want you to explore ideas beyond the wireframes. This is important!
- Think on modern and easy to use solutions.
- We are open and looking for your ideas and solutions. Remember the application should remain easy to use, fast, and not cumbersome for the user.
- Create a clickable prototype that demonstrates the navigation and user flow of the app.
Required Screens / Functionalities
1) Landing Page / Dashboard
- This screen shows the Processes (L1), Sub-Process Steps (L2), and Activities (L3-L4) that are on your plate with a break down of what has been completed and what is left of the assignments, and the order of operations of the assignments. A visual task map of what needs to be done.
- When needs or ideas are approved by a manager it automatically shows up on the appropriate person’s Landing Page visualization for action to be taken.
- There should also be some sort of high-level dashboard indicating the number of Needs, Ideas, and Demands and their status level, specific to the user. This dashboard could be a part of the Landing Page or possibly a separate screen.
-Typically, a user will have rights to various queues of workstep processes and activities. Instead of showing all the tasks assigned to them in a single list, we will have various queues listed. Based on the queue selected, we will show the user the list of tasks. They can receive actions through a group queue and/or individually assigned. The user should be able to filter the tasks based on the selected queue workstep and/or activity.
- Please add a method of drilling down further into the Needs, Ideas, and Demands by adding a filter for Accepted, Rejected, & In Progress. (This isn’t shown in the wireframe, but we would like that added.)
- In the overview section, please also include a Demands Assigned to Me Chart, this was also left out of the wireframe, but is being requested by the client.
- A Search feature should also be included which will allow the user to do a general search, based on keywords, and identification numbers.
2) Create a Need and Idea Forms
- Users fill out forms which are passed through a chain of managers for approval.
- Example PI Integrator creates a need by completing a form, the GPL can accept or reject. - If accepted, they fill out a form and it becomes an Idea and that goes to the appropriate BRM who can also Accept or Reject, if they accept then they fill out a form to send it to the Functional BRM.
- The Functional BRM can Accept or Reject. If they accept, they fill out a form with
attributes to support the new idea and then it covers into a demand that will be
assessed managed and forecasted. The demand goes to the appropriate person in IT.
- If in any of the steps, someone Rejects, then the process stops up to that point and a rejection email is sent to everyone who was a part of that flow up to that point. The reason for a rejection should be mentioned.
- Each form should have a way to Reassign a request that was made to the wrong department, and have it directed to the right one.
3) Train Stop Visualization
- A visualization of NEEDS, IDEAS and DEMANDS in a “train map” style visualization.
- There are 4 levels in the map:
- The top level being L1 (Ideas to Realization) - L4.
- A viewer should be able to zoom in and out and see the different levels of detail.
- Also there should be a way to tell if the workflow is going smoothly or if there is a slowdown or stoppage in workflow.
- The map should indicate these things.
- This is a visualization of the table in the Landing Page
4) Presentation Screen - 1920x1080 (16:9 Ratio)
- In a RUX challenge, this screen is the way to showcase your concept so keep it simple and make it look good!
- If you were walking into a meeting and needed to sell your idea - use this screen to showcase your concept.
Supporting Material
- Access all supporting material on this folder. This folder includes:
- - Branding Colors
- - Iconography
- - Wireframes
https://drive.google.com/open?id=1ts_5YrIscBcP2xOPcIZWPF9enE9QJoxO
- Please use the provided colors only. Do not use or provide new colors.
- Use Sans Serif Style fonts like: Open Sans, Roboto, Helvetica, Verdana, etc. Remember to declare your source.
- You can also access the deployed wireframe on this link:
https://ibps-final.herokuapp.com/final-fix2/index.html
Target Users
- Final company users looking to propose ideas
Branding
- This challenge is open in matter of colors and font usage.
- So think on Professional/Clean Look and Feel interfaces
- Easy to read and easy to visualize.
General Requirements
Screen Sizes
- This application is going to be a web application. So focus on Desktop devices.
- Use 1280px width and height increasing when is necessary.
- Use proper grid layouts and correct sizes for all elements.
Marvel Prototype - Important
- We need you to upload your file into Marvel App.
- We want to use Marvel App to provide direct and fast feedback! We can also track your design updates and screen versions within Marvel App!
- No additional functionality is required! Just make sure your screen(s) are in the correct viewing order (number them 00, 01, 02, 03, etc.)
- You must include your Topcoder Marvel App URL within your .Notes file
Judging Criteria
Your submission will be judged on the following criteria:
- Overall new concepts and execution/design of your concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as a layered PSD file, or Adobe Illustrator as a layered AI file, XD or Sketch!
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.