Challenge Summary
Welcome to the Hercules Escalation Ticket Mobile Design Challenge.
The goal of this challenge is to create new fresh look and feel for the Hercules Escalation Ticket application in mobile layout only.
We are looking for quick turnaround in refreshing the UX/UI on some mobile pages and for you to analyze the experience and think about a better interface to the customer. This challenge is only focused on the listed tasks. You are not redesigning the application only refreshing, fixing and updating specific items.
Let's discuss any questions you have.
Round 1
Submit initial design for client feedback
- Updated "Hercules Escalation Ticket" pages for these screens:
1). Look Up User
2). Customer Support
3). Create Ticket
4). Summary
Notes.jpg: Any comments about your design for the Client
Round 2
Final designs with checkpoint feedback included.
1). Look Up User
2). Customer Support
3). Create Ticket
4). Summary
- Any Milestone feedback from Round 1
Notes.jpg: Any comments about your design for the Client
Hercules recently did customer user testing of their "Escalation Ticket" mobile application design, and they are now looking to make usability and user experience improvements to the page based on the feedback they received.
Design Guidelines:
- We are looking for new and modern designs.
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application.
- We have provided some design guidance and would like you to follow the Design Brand (Sales-Space-Storyboard.zip)
- Please use them as an inspiration and make sure you do not COPY them.
- Use client's provided font size in your submission (XFinity-Sans-Fonts.zip)
- All text and graphic in your submissions need to be editable
- Required screen sizes: Mobile Retina Portrait (750px x 1334px)
"Hercules Escalation Ticket" User Experience Design Updates
Note:
- We are looking for you to improve the user experience of "Hercules Escalation Ticket". You can try NEW graphic design elements to try and improve the overall page experience.
- This is our current application look (screenshot: empower-appscreens.png)
1). Look Up User
- This screen to search user based on Customer ID
- Show us how the search result look
- Follow search result format
- Need quick button that will take user to Customer Support screen
2) Customer Support
- This screen is customer support screen
- Place menu button on top left of header bar
- Show Customer Support title
- Suggest proper typography to displays Customer information
- There are some icons below the information
- Make sure the icon design explain the functions properly
- You need show active and inactive style for the icons
- Create ticket button need to be prominent
- Show Troubleshooting and Find Helpful Articles
3). Create Ticket
- User landed on this screen after click Create Ticket
- You need create some way to let user select Topic
- The available topic options are:
-- Internet
-- Voice
-- TV
-- Home
-- Other
- Create selected state for the option
- Below, there's text input and text area
- Submit button need to be prominent
4). Summary
- This screen will capture all values from the previous step
- Think about how you design the page to let user easy to read all information
IMPORTANT
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
Target User
- Potential Customers
- Current Customers
Judging Criteria
- How well you update and improve the "Comcast Escalation" pages
- Cleanliness of your graphics and design
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.