Challenge Summary
Welcome to the "RUX - Enterprise Maps Tools Re-Design Challenge"! In this challenge, we are looking for you to redesign, enhance, and improve the UI/UX of our Cloud Assessment & Transformation Tool which is called as Enterprise Maps (EM). We are looking for your best ideas and concepts to WOW our customer!
Let us know if you have any questions!
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.
The goal of this challenge is to take the provided design problem, analyze the user experience and provide better design concepts and visual ideas on how the application might look and work!
RUX Challenge Timeline and Rolling Checkpoint
- Submission Start: 11/11/2017 at 11:00 AM EST
- Rolling Checkpoint Start: 11/12/2017 at 23:00 PM EST
- Submission End: 11/14/2017 at 11:00 AM 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
Adam Morehead [adroc] or Trevor Gerring [tgerring] 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)
Enterprise Maps (EM) Tools Background Details
The Enterprise Maps tool being used to help the user to perform the following actions:
- Managing transformation
- Command map and govern enterprise architecture in graphical and tabular format
- Helps in identifying cloud transformation use case
- Helps determine which app is cloud-ready and which are not based on 5 steps process (listed below)
- It helps in decision by analyzing various factors of Application like: Cost, Architecture complexity, Technology stack, Business strategy, etc.
This EM uses 5 steps process as:
- Initial data like from external tool or spreadsheet
- Surveys covering areas like financial, technical and business with Yes & No options
- Cloud analysis dashboard
- Model deployment
- Export to Cloud service automation tool
Challenge Goals
- Redesigning and improve the UI/UX of selected screens from EM Tools
- Simplify the flow and make decision simple yet powerful which can be by adding any other data source (if required) and be plotting the data in a better way.
Documentation
- Screenshot of Current EM Tools Screens (EMaps _CloudTransformation UI.PDF)
- Detailed video covering all steps: https://www.youtube.com/watch?v=LfPsE2m_u1Y
Screen Requirements
- We are looking to capture the improvements list that you offers in your designs. Feel free to add any Screens that you think is necessary to capture the user experience and flow.
- We are looking for a user experience that engages the user to understand the tools and possibilities of the site to achieve better end user understanding, and possibly make their interaction with the application very pleasing.
1) EM - Cloud Transformation Wizard Screens
- The key features of the EM tools are the 5 steps assessments that able to determine and suggest which all applications are Cloud ready which helps in cloud strategy.
- Left status sidebar, each column shows the count of artifact & surveys that are present in the EM
- Needs to show progress bar of the 5 steps assessment so the user can easily notice in which steps they are currently at.
- Tab at the bottom shows the overall status of applications (artifacts) present in EM with respect to Cloud Transformation Strategy.
- The 5 steps assessments details can be found below:
1.1) Import Data Screen (Desktop + Mobile)
Page 1 of EMaps _CloudTransformation UI.PDF
- The user will import a list of applications and their contact in this step.
- User can import contact, data centers, applications and Servers/VMs in this step
- The columns in main content show the various sources from where data can be imported into the EM tool.
- In each column, there will be several link options to choose the import data source.
- The current functionality to import data looks not efficient, is there any ways to make it more efficient?
- Is there any way to see the imported data? What if the data source beyond those 4? How can we handle it?
- The hyperlink on each column not very intuitive and not look like a clickable links/buttons, how can we improve it? And do we really need so much hyperlink in this screen?
1.2) Run Survey Screen (Desktop)
Page 2 of EMaps _CloudTransformation UI.PDF
- Cloud Assessment types (survey) which determine the application feasibility of migrating it to cloud.
- Three type of Survey, Technical assessment, Business Assessment, and Financial Assessment
- In each survey type, needs a button to trigger survey questionnaire for multiple apps at the same time
- In each survey type, show total number of app that is already assessed
- How can we see the survey list?
- Even though user already complete several app surveys, the button on each column still showing “Start Survey” that indicates no survey ever been done, how can we fix this?
- This area needs lot more innovation considering the survey covers major decision and impact on final take. Something like a decision tree, trend or anything more impactful that why some users are voting towards any application; can some more data be linked which help understanding users' decision pattern?
1.3) Analyze Result (Desktop)
Page 3 of EMaps _CloudTransformation UI.PDF
- EM will analyze the provided data and show the result in two ways:
- Cloud Transformation Heat Map and
- Cloud Transformation Status (Table list)
- The user can dig and see more details of each result analysis by clicking the result area.
- Heat Map (Hyperlink) highlighting the Annual Cost involved in a given application and the cloud migration compatibility status.
- Transformation Status (Hyperlink) showing the recommendation status of application
- The layout on this screen too crowded and look clutter. Any fresh approach considering scenarios like just a few apps or too many apps in eco-system. Any other thoughts like how to differentiate between non-critical application to system/business critical application and their trend based on received various inputs?
1.4) Model Deployment (Desktop)
Page 6 of EMaps _CloudTransformation UI.PDF
- Multiple options to model the application deployment in the cloud.
- How can we provide more clear information about the instructions for each column?
1.5) Build Service Design (Desktop)
Page 7 of EMaps _CloudTransformation UI.PDF
- Columns where the user can select the various options to publish the Model deployment as Service Design into Cloud Offerings.
- How can we provide more clear information about the instructions for each column?
2) Analyze Result (Cloud Transformation Status) Screen (Desktop + Mobile)
Page 4 of EMaps _CloudTransformation UI.PDF
- This screen shows more details of the result analysis in table/list view
- The table showing the assessment scores (survey), Annual hardware cost, Recommendation and the selected transformation strategy
- Needs to provide tabs showing the overview of the app assessment score (Create Assessment tab only for now)
- Migration recommendation is given by EM based on the Technical and Business assessment scores
- Annual hardware costs for hosting the app in the on-premise location
- Transformation decision adopted by the end user for each app based on the scores and also on the operational costs of the app.
3) Analyze Result (Cloud Transformation Heat Map) Screen (Desktop & Mobile)
Page 5 of EMaps _CloudTransformation UI.PDF
- This screen show more details of the result analysis in heat map display
- Heat Map showing the Cloud Migration compatibility (Color variance). The size of the box varies based on the cost involved in that application.
4) Any Additional Functionality or Screens
- Do you have any additional concepts or ideas for this Tools?
- We are open and looking for your ideas and UX solutions.
5). 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.
Screen Sizes
This application is going to be developed as a Responsive Web Application
- Desktop: 1366px width with Height adjusting accordingly
- Mobile: 750px width with Height adjusting accordingly
Design Branding
- Use color scheme and logo from the screenshot document
- Font and Style: Open to Designer
- This should be a professional looking application with an engaging and modern theme
- We are looking for your concepts and ideas to improve the UI/UX of the EM Tools!
MarvelApp Prototype
- We need you to upload your screens to Marvel App.
- Please send your Marvel app request to fajar.mln@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it within your notes while you upload).
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of 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
Target Audience
- Business and Technical teams
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.
- Submit Marvel Appp for your design.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Illustrator, or Sketch!
Final Fixes
This RUX might have Final Fixes!
Let us know if you have any questions!
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.
The goal of this challenge is to take the provided design problem, analyze the user experience and provide better design concepts and visual ideas on how the application might look and work!
RUX Challenge Timeline and Rolling Checkpoint
- Submission Start: 11/11/2017 at 11:00 AM EST
- Rolling Checkpoint Start: 11/12/2017 at 23:00 PM EST
- Submission End: 11/14/2017 at 11:00 AM 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
Adam Morehead [adroc] or Trevor Gerring [tgerring] 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)
Enterprise Maps (EM) Tools Background Details
The Enterprise Maps tool being used to help the user to perform the following actions:
- Managing transformation
- Command map and govern enterprise architecture in graphical and tabular format
- Helps in identifying cloud transformation use case
- Helps determine which app is cloud-ready and which are not based on 5 steps process (listed below)
- It helps in decision by analyzing various factors of Application like: Cost, Architecture complexity, Technology stack, Business strategy, etc.
This EM uses 5 steps process as:
- Initial data like from external tool or spreadsheet
- Surveys covering areas like financial, technical and business with Yes & No options
- Cloud analysis dashboard
- Model deployment
- Export to Cloud service automation tool
Challenge Goals
- Redesigning and improve the UI/UX of selected screens from EM Tools
- Simplify the flow and make decision simple yet powerful which can be by adding any other data source (if required) and be plotting the data in a better way.
Documentation
- Screenshot of Current EM Tools Screens (EMaps _CloudTransformation UI.PDF)
- Detailed video covering all steps: https://www.youtube.com/watch?v=LfPsE2m_u1Y
Screen Requirements
- We are looking to capture the improvements list that you offers in your designs. Feel free to add any Screens that you think is necessary to capture the user experience and flow.
- We are looking for a user experience that engages the user to understand the tools and possibilities of the site to achieve better end user understanding, and possibly make their interaction with the application very pleasing.
1) EM - Cloud Transformation Wizard Screens
- The key features of the EM tools are the 5 steps assessments that able to determine and suggest which all applications are Cloud ready which helps in cloud strategy.
- Left status sidebar, each column shows the count of artifact & surveys that are present in the EM
- Needs to show progress bar of the 5 steps assessment so the user can easily notice in which steps they are currently at.
- Tab at the bottom shows the overall status of applications (artifacts) present in EM with respect to Cloud Transformation Strategy.
- The 5 steps assessments details can be found below:
1.1) Import Data Screen (Desktop + Mobile)
Page 1 of EMaps _CloudTransformation UI.PDF
- The user will import a list of applications and their contact in this step.
- User can import contact, data centers, applications and Servers/VMs in this step
- The columns in main content show the various sources from where data can be imported into the EM tool.
- In each column, there will be several link options to choose the import data source.
- The current functionality to import data looks not efficient, is there any ways to make it more efficient?
- Is there any way to see the imported data? What if the data source beyond those 4? How can we handle it?
- The hyperlink on each column not very intuitive and not look like a clickable links/buttons, how can we improve it? And do we really need so much hyperlink in this screen?
1.2) Run Survey Screen (Desktop)
Page 2 of EMaps _CloudTransformation UI.PDF
- Cloud Assessment types (survey) which determine the application feasibility of migrating it to cloud.
- Three type of Survey, Technical assessment, Business Assessment, and Financial Assessment
- In each survey type, needs a button to trigger survey questionnaire for multiple apps at the same time
- In each survey type, show total number of app that is already assessed
- How can we see the survey list?
- Even though user already complete several app surveys, the button on each column still showing “Start Survey” that indicates no survey ever been done, how can we fix this?
- This area needs lot more innovation considering the survey covers major decision and impact on final take. Something like a decision tree, trend or anything more impactful that why some users are voting towards any application; can some more data be linked which help understanding users' decision pattern?
1.3) Analyze Result (Desktop)
Page 3 of EMaps _CloudTransformation UI.PDF
- EM will analyze the provided data and show the result in two ways:
- Cloud Transformation Heat Map and
- Cloud Transformation Status (Table list)
- The user can dig and see more details of each result analysis by clicking the result area.
- Heat Map (Hyperlink) highlighting the Annual Cost involved in a given application and the cloud migration compatibility status.
- Transformation Status (Hyperlink) showing the recommendation status of application
- The layout on this screen too crowded and look clutter. Any fresh approach considering scenarios like just a few apps or too many apps in eco-system. Any other thoughts like how to differentiate between non-critical application to system/business critical application and their trend based on received various inputs?
1.4) Model Deployment (Desktop)
Page 6 of EMaps _CloudTransformation UI.PDF
- Multiple options to model the application deployment in the cloud.
- How can we provide more clear information about the instructions for each column?
1.5) Build Service Design (Desktop)
Page 7 of EMaps _CloudTransformation UI.PDF
- Columns where the user can select the various options to publish the Model deployment as Service Design into Cloud Offerings.
- How can we provide more clear information about the instructions for each column?
2) Analyze Result (Cloud Transformation Status) Screen (Desktop + Mobile)
Page 4 of EMaps _CloudTransformation UI.PDF
- This screen shows more details of the result analysis in table/list view
- The table showing the assessment scores (survey), Annual hardware cost, Recommendation and the selected transformation strategy
- Needs to provide tabs showing the overview of the app assessment score (Create Assessment tab only for now)
- Migration recommendation is given by EM based on the Technical and Business assessment scores
- Annual hardware costs for hosting the app in the on-premise location
- Transformation decision adopted by the end user for each app based on the scores and also on the operational costs of the app.
3) Analyze Result (Cloud Transformation Heat Map) Screen (Desktop & Mobile)
Page 5 of EMaps _CloudTransformation UI.PDF
- This screen show more details of the result analysis in heat map display
- Heat Map showing the Cloud Migration compatibility (Color variance). The size of the box varies based on the cost involved in that application.
4) Any Additional Functionality or Screens
- Do you have any additional concepts or ideas for this Tools?
- We are open and looking for your ideas and UX solutions.
5). 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.
Screen Sizes
This application is going to be developed as a Responsive Web Application
- Desktop: 1366px width with Height adjusting accordingly
- Mobile: 750px width with Height adjusting accordingly
Design Branding
- Use color scheme and logo from the screenshot document
- Font and Style: Open to Designer
- This should be a professional looking application with an engaging and modern theme
- We are looking for your concepts and ideas to improve the UI/UX of the EM Tools!
MarvelApp Prototype
- We need you to upload your screens to Marvel App.
- Please send your Marvel app request to fajar.mln@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it within your notes while you upload).
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of 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
Target Audience
- Business and Technical teams
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.
- Submit Marvel Appp for your design.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Illustrator, or Sketch!
Final Fixes
This RUX might have Final Fixes!
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.