Challenge Summary
Welcome to the "GE - Next Gen Air & Surface System Management Design Concepts Challenge".
For this challenge, we need you create design concepts by utilize our previous wireframe winning submissions from the last challenge, Each wireframe challenge winner has judge's comments as input for the designers to continue solving problems. Read more details information described on challenge specification below.
As a reminder, as a party to Topcoder’s Competition Confidentiality Agreement, which covers all Confidential Information provided in this challenge, including the name of the client, the goal of the challenge, and any non-public information provided to assist in this challenge.
Good luck and let us know any questions in the forum.
Notes:
- Submit as much application features as you can for our review.
- Your MarvelApp need show clear click-flow to let us understand your design concepts
Notes:
- Submit all application features like mentioned on challenge spec and all checkpoint feedbacsk
- Your MarvelApp need show clear click-flow to let us understand your design concepts
Our Client GE Aviation just completed a wireframe challenge to get the initial ideas, layout and clickflow for their Next Gen Air & Surface System Management. For this challenge we need your help to explore more about how User Interface and User Experience by combining features we like from the winning wireframes, also suggest solutions based on GE - Next Gen Air & Surface real-life problems.
What is the GE - Next Gen Air and Surface System Management?
GE - Next Gen Air and Surface System Management delivers quality intelligence for decision making in the confusing and ever-changing airspace and airport surface environments. The system captures, curates, crafts, and displays accurate real-time data, data trends, recommendations, and predictions based on advanced analytics; helping the users make informed and effective decisions based on their roles.
Here’s how it works:
- The system connects to all operational relevant data bases, weather, air traffic, airports and airport networks, FAA, crew personnel, etc.
- The product is adaptable and customizable delivering the information and trends appropriately to the users’ roles.
- From deep insights about a tactical operation to full-picture airport network capacity, the product allows the user to easily glance, drill down to get detail information to estimate the disruption impacts, prepare the plan to handle the foreseeable disruption, and recovery time and resource lost due the disruptions.
Core Competency
Serve up the right information at the right time to help users avoid disruption in air and surface operations
Target Audience
- Airline Traffic Control (ATC) Specialist
- There are robust persona details in the Client Input Doc
Judging Criterias
Your submission will be judged based on the product success criterion:
- Design Concepts combining 1st, 2nd & 3rd Placement of previous winning wireframe
- Solving Design Problems
- User experience and information architecture
- The overall experience of the application/ toolset
- Expanding upon and creating unique features for the provided concepts
- Visual-driven, clear, concise, and meaningful data display
- Easy to navigate and gather information to make decision
- Keep dynamic collaboration between–ATC, FAA, operation personnel, crews, local airport, airport networks, airlines–seamless
- Adaptable and customizable
- Trustworthy Recommendations
Submission Challenge Requirements:
1). Wireframe Winning Submissions Feature Combinations
Please check 3 Wireframe winning submissions from these links:
- GE - Next Air & Surface Wireframe - 1st Place: http://tc-wireframe.herokuapp.com/ge-future-air-surface/ff1/index.html
- GE - Next Air & Surface Wireframe - 2nd Place: http://tc-wireframe.herokuapp.com/ge-future-air-surface/r2/240966/index.html
- GE - Next Air & Surface Wireframe - 3rd Place: https://marvelapp.com/28cc52f/screen/31767594
a). Wireframe - 1st Place:
- This is most robust wireframe result we received.
- The design integrates maps, list, and timeline coherently.
- It hits most key functionalities we requested.
- The system is flexible enough to serve up the right information and functionality at the right time.
- The UX presents both live snapshot of information and triggers to solution appropriately. List of potential disruptions ties in with simulation, process and solution.
Problems to solve:
- Navigation might be too flat. We’d like designers to solve the cluttered screens with navigation hierarchy or elegant interaction model.
- Strategy Details UX is not thought through. The user can Run Simulation while the panel is blocking the simulation itself. When I hit Accept, there’s no clear feedback that the focus moves to the right and I can still click Details to move the timeline around. Maybe this is where the system is too flat. Making plan details on the separate page might simplify the system UX.
- Collaboration - We’d like to see more on how this system handles plan details and how peer collaboration works.
- We’d encourage you to build the features upon or at least it will help you better understand the product capabilities we are looking for.
- We need you to display the correct data on your Design Concepts. Please grab actual content from this page reference: https://www.panynj.gov/airports/flight-status.html
Wireframe - Click Flow:
a). Timeline Slider
- Move the timeline slider to the first alert zone, around 15:45 or click directly on the alert.
- Click directly on the alert in the first alert in the disruptions menu on the left of the screen.
b). Disruption Details
You can see the Details for this disruption and the 2 recommendations processed by the system crossing all the available data from all the sources and taking into account all the variables in real time.
c). Run Simulation on Timeline
- Click the Run Simulation button to visualize on the map viewport the prediction and the consequences for taking this Action.
- User can hide the alert window for better vision and navigation.
- All the timeline and some alerts indicates that the user is in a 'simulation' for better understanding.
- User can stop the simulation by clicking the same button or by canceling the simulation in the Map popup alert.
c) Process Recommendation
- If the recommendation is acceptable, the controller can click Process button to execute the recommended action and send the relevant communications to the managers and to the involved parties.
- Each member has to acknowledge the action and the system will update the following events. Each party will be informed and will execute his part of the new plan.
d) Reports/Messaging
- On the Messaging window, all the involved users receives this message. Can review the simulation for better understanding and Authorize by his role.
Notes:
- Click the arrow on the top left of left sidebar to Highlight interactive elements.
- All the 'mechanics' will be the same for a 'Air Map' view, related to flights and routes conflicts.
- The 'optimized' items in the timeline will appear in different color for security and better understanding for everyone. All the crew and teams will see easily when a flight or gate etc.. has been modified.
- The mechanism just crashed at random, use the DEMO buttons or reload.
b). Wireframe - 2nd Place Features we liked:
- We love flexibility on the solution planning.
- Flat navigation but covers enough key functionalities
- Map, Alerts, Filter makes sense in terms of hierarchy
c). Wireframe - 3rd Place Features we liked:
- Solution list – But how do it execute the plan. Also need editable and collaborative functions. We either don’t have that magic nor it should be automated.
- Map layout
- Timeline that works with multiple airport is pretty cool idea
2). Design Problems
a). Scenario #1:
Situation: It is 9 AM and weather will reduce the number of flights able to land at JFK from 3 PM to 8 PM from the usual 40 to 34
Todo: Users need a list of affected flights (both arrivals and departures)– the list view would need to show for each flight:
- Flight number (make airline agnostic for this purpose – use “X”s if necessary)
- Departure Airport (3 letter code)
- Departure time (note if late/on time)
- Destination Airport (3 letter code)
- Scheduled Arrival time (note if late/on time)
- Aircraft type
- Delay minutes
- Relative impact to crew in terms of that crew needed for next flight if nothing done – how bad
- Relative impact to passengers in terms of missed connections if nothing done – how bad
- Relative impact to that plane’s maintenance if nothing done – how bad
- Downstream impact – where is that aircraft needed later that day
- Need to see aggregate impact of disruption to the network (so delay minutes totaled)
-You can display 10 flights impacted
- Users need option to either cancel, delay, or divert the flight – when decision is made need to see how the suggested actions change delay minutes and the other impacts above. The Benchmarks would be:
- total delay minutes
- number of cancellations
- number of diversions
- number of downstream delays
- number of back up crews called up, if any (due to crew time outs)
- number of passenger misconnects
- aircraft that miss their maintenance
b). Scenario #2
Situation: In an hour, three arriving planes are coming in early but their assigned gates are occupied and those planes are not scheduled to be off until after the new arrival time
Todo: Users need a list of gates with conflicts, and then by gate they would need to know for each one:
- Flight scheduled to arrive at gate – flight number, departure airport, scheduled on time, scheduled in time at gate vs. what original arrival time was, aircraft type (note – this is important because not all gates can handle all aircraft types)
- Flight at gate – flight number, destination airport, scheduled time off gate (and therefore length of conflict), scheduled departure time, aircraft type
- What time the arriving aircraft needs to be off the gate to get to its next destination
- What other gates are available at the scheduled in time for arriving flight with conflict – and when those gates are next needed and what types of aircraft those gates can handle
- What time all other gates free up compared to the arriving flight’s schedule in time – when they free and when they are needed again (answering the question is there a window that they can be used, and would the delay be less if using one of these gates instead of the scheduled one) and what types of aircraft those gates can handle
The users need the ability to swap gates or push a flight at a gate out earlier based on the information above
The Benchmarks in this scenario would be:
- Total dwell time (time standing still) while taxiing in or total taxi in time (would be long because they would taxi while waiting for gate to open up)
- Total delay time from when plane was scheduled to arrive
Design Guidelines:
- Client Input Document: https://drive.google.com/file/d/0B6kvOdxpqnKMY3AzNUd4XzducVk/view?usp=sharing
- GE Branding Document: https://drive.google.com/open?id=0Bza1qtSwQr8UdlBndzJYQzRKenM
- Desktop Screen Size: 1440px(w) by 900px(h) - Minimal scrolling of the entire screen
Submission Design Presentation
- You must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- If you need an MarvelApp Project, send email OR via challenge forum to these following email address: tgerring@topcoder.com & lunarkid@copilots.topcoder.com
- Important! Make sure to include the shared URL/Link to your MarvelApp inside your "notes.txt"
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 image files based on Challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop or Illustrator or Sketch and saved as editable elements.
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
For this challenge, we need you create design concepts by utilize our previous wireframe winning submissions from the last challenge, Each wireframe challenge winner has judge's comments as input for the designers to continue solving problems. Read more details information described on challenge specification below.
As a reminder, as a party to Topcoder’s Competition Confidentiality Agreement, which covers all Confidential Information provided in this challenge, including the name of the client, the goal of the challenge, and any non-public information provided to assist in this challenge.
Good luck and let us know any questions in the forum.
Round 1
Initial GE - Next Gen Air & Surface System Management Design ConceptsNotes:
- Submit as much application features as you can for our review.
- Your MarvelApp need show clear click-flow to let us understand your design concepts
Round 2
Final GE - Next Gen Air & Surface System Management Design ConceptsNotes:
- Submit all application features like mentioned on challenge spec and all checkpoint feedbacsk
- Your MarvelApp need show clear click-flow to let us understand your design concepts
Our Client GE Aviation just completed a wireframe challenge to get the initial ideas, layout and clickflow for their Next Gen Air & Surface System Management. For this challenge we need your help to explore more about how User Interface and User Experience by combining features we like from the winning wireframes, also suggest solutions based on GE - Next Gen Air & Surface real-life problems.
What is the GE - Next Gen Air and Surface System Management?
GE - Next Gen Air and Surface System Management delivers quality intelligence for decision making in the confusing and ever-changing airspace and airport surface environments. The system captures, curates, crafts, and displays accurate real-time data, data trends, recommendations, and predictions based on advanced analytics; helping the users make informed and effective decisions based on their roles.
Here’s how it works:
- The system connects to all operational relevant data bases, weather, air traffic, airports and airport networks, FAA, crew personnel, etc.
- The product is adaptable and customizable delivering the information and trends appropriately to the users’ roles.
- From deep insights about a tactical operation to full-picture airport network capacity, the product allows the user to easily glance, drill down to get detail information to estimate the disruption impacts, prepare the plan to handle the foreseeable disruption, and recovery time and resource lost due the disruptions.
Core Competency
Serve up the right information at the right time to help users avoid disruption in air and surface operations
Target Audience
- Airline Traffic Control (ATC) Specialist
- There are robust persona details in the Client Input Doc
Judging Criterias
Your submission will be judged based on the product success criterion:
- Design Concepts combining 1st, 2nd & 3rd Placement of previous winning wireframe
- Solving Design Problems
- User experience and information architecture
- The overall experience of the application/ toolset
- Expanding upon and creating unique features for the provided concepts
- Visual-driven, clear, concise, and meaningful data display
- Easy to navigate and gather information to make decision
- Keep dynamic collaboration between–ATC, FAA, operation personnel, crews, local airport, airport networks, airlines–seamless
- Adaptable and customizable
- Trustworthy Recommendations
Submission Challenge Requirements:
1). Wireframe Winning Submissions Feature Combinations
Please check 3 Wireframe winning submissions from these links:
- GE - Next Air & Surface Wireframe - 1st Place: http://tc-wireframe.herokuapp.com/ge-future-air-surface/ff1/index.html
- GE - Next Air & Surface Wireframe - 2nd Place: http://tc-wireframe.herokuapp.com/ge-future-air-surface/r2/240966/index.html
- GE - Next Air & Surface Wireframe - 3rd Place: https://marvelapp.com/28cc52f/screen/31767594
a). Wireframe - 1st Place:
- This is most robust wireframe result we received.
- The design integrates maps, list, and timeline coherently.
- It hits most key functionalities we requested.
- The system is flexible enough to serve up the right information and functionality at the right time.
- The UX presents both live snapshot of information and triggers to solution appropriately. List of potential disruptions ties in with simulation, process and solution.
Problems to solve:
- Navigation might be too flat. We’d like designers to solve the cluttered screens with navigation hierarchy or elegant interaction model.
- Strategy Details UX is not thought through. The user can Run Simulation while the panel is blocking the simulation itself. When I hit Accept, there’s no clear feedback that the focus moves to the right and I can still click Details to move the timeline around. Maybe this is where the system is too flat. Making plan details on the separate page might simplify the system UX.
- Collaboration - We’d like to see more on how this system handles plan details and how peer collaboration works.
- We’d encourage you to build the features upon or at least it will help you better understand the product capabilities we are looking for.
- We need you to display the correct data on your Design Concepts. Please grab actual content from this page reference: https://www.panynj.gov/airports/flight-status.html
Wireframe - Click Flow:
a). Timeline Slider
- Move the timeline slider to the first alert zone, around 15:45 or click directly on the alert.
- Click directly on the alert in the first alert in the disruptions menu on the left of the screen.
b). Disruption Details
You can see the Details for this disruption and the 2 recommendations processed by the system crossing all the available data from all the sources and taking into account all the variables in real time.
c). Run Simulation on Timeline
- Click the Run Simulation button to visualize on the map viewport the prediction and the consequences for taking this Action.
- User can hide the alert window for better vision and navigation.
- All the timeline and some alerts indicates that the user is in a 'simulation' for better understanding.
- User can stop the simulation by clicking the same button or by canceling the simulation in the Map popup alert.
c) Process Recommendation
- If the recommendation is acceptable, the controller can click Process button to execute the recommended action and send the relevant communications to the managers and to the involved parties.
- Each member has to acknowledge the action and the system will update the following events. Each party will be informed and will execute his part of the new plan.
d) Reports/Messaging
- On the Messaging window, all the involved users receives this message. Can review the simulation for better understanding and Authorize by his role.
Notes:
- Click the arrow on the top left of left sidebar to Highlight interactive elements.
- All the 'mechanics' will be the same for a 'Air Map' view, related to flights and routes conflicts.
- The 'optimized' items in the timeline will appear in different color for security and better understanding for everyone. All the crew and teams will see easily when a flight or gate etc.. has been modified.
- The mechanism just crashed at random, use the DEMO buttons or reload.
b). Wireframe - 2nd Place Features we liked:
- We love flexibility on the solution planning.
- Flat navigation but covers enough key functionalities
- Map, Alerts, Filter makes sense in terms of hierarchy
c). Wireframe - 3rd Place Features we liked:
- Solution list – But how do it execute the plan. Also need editable and collaborative functions. We either don’t have that magic nor it should be automated.
- Map layout
- Timeline that works with multiple airport is pretty cool idea
2). Design Problems
a). Scenario #1:
Situation: It is 9 AM and weather will reduce the number of flights able to land at JFK from 3 PM to 8 PM from the usual 40 to 34
Todo: Users need a list of affected flights (both arrivals and departures)– the list view would need to show for each flight:
- Flight number (make airline agnostic for this purpose – use “X”s if necessary)
- Departure Airport (3 letter code)
- Departure time (note if late/on time)
- Destination Airport (3 letter code)
- Scheduled Arrival time (note if late/on time)
- Aircraft type
- Delay minutes
- Relative impact to crew in terms of that crew needed for next flight if nothing done – how bad
- Relative impact to passengers in terms of missed connections if nothing done – how bad
- Relative impact to that plane’s maintenance if nothing done – how bad
- Downstream impact – where is that aircraft needed later that day
- Need to see aggregate impact of disruption to the network (so delay minutes totaled)
-You can display 10 flights impacted
- Users need option to either cancel, delay, or divert the flight – when decision is made need to see how the suggested actions change delay minutes and the other impacts above. The Benchmarks would be:
- total delay minutes
- number of cancellations
- number of diversions
- number of downstream delays
- number of back up crews called up, if any (due to crew time outs)
- number of passenger misconnects
- aircraft that miss their maintenance
b). Scenario #2
Situation: In an hour, three arriving planes are coming in early but their assigned gates are occupied and those planes are not scheduled to be off until after the new arrival time
Todo: Users need a list of gates with conflicts, and then by gate they would need to know for each one:
- Flight scheduled to arrive at gate – flight number, departure airport, scheduled on time, scheduled in time at gate vs. what original arrival time was, aircraft type (note – this is important because not all gates can handle all aircraft types)
- Flight at gate – flight number, destination airport, scheduled time off gate (and therefore length of conflict), scheduled departure time, aircraft type
- What time the arriving aircraft needs to be off the gate to get to its next destination
- What other gates are available at the scheduled in time for arriving flight with conflict – and when those gates are next needed and what types of aircraft those gates can handle
- What time all other gates free up compared to the arriving flight’s schedule in time – when they free and when they are needed again (answering the question is there a window that they can be used, and would the delay be less if using one of these gates instead of the scheduled one) and what types of aircraft those gates can handle
The users need the ability to swap gates or push a flight at a gate out earlier based on the information above
The Benchmarks in this scenario would be:
- Total dwell time (time standing still) while taxiing in or total taxi in time (would be long because they would taxi while waiting for gate to open up)
- Total delay time from when plane was scheduled to arrive
Design Guidelines:
- Client Input Document: https://drive.google.com/file/d/0B6kvOdxpqnKMY3AzNUd4XzducVk/view?usp=sharing
- GE Branding Document: https://drive.google.com/open?id=0Bza1qtSwQr8UdlBndzJYQzRKenM
- Desktop Screen Size: 1440px(w) by 900px(h) - Minimal scrolling of the entire screen
Submission Design Presentation
- You must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- If you need an MarvelApp Project, send email OR via challenge forum to these following email address: tgerring@topcoder.com & lunarkid@copilots.topcoder.com
- Important! Make sure to include the shared URL/Link to your MarvelApp inside your "notes.txt"
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 image files based on Challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop or Illustrator or Sketch and saved as editable elements.
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
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.