Challenge Summary
Welcome to Living Progress - Business Disability Forum - Desktop Design Challenge!
The Business Disability Forum (BDF) already have an electronic version of the Accessibility Maturity Model (AMM) available on its website, but it is static and provides no dynamic content and limited feedback to those who complete it. We are looking to address these issues through the Living Progress Challenge.
The AMM is designed to help businesses to address their accessibility and digital requirements by providing them with a tool to self assess where they are, and therefore, identify areas for improvement.
By supporting business to become more disability smart and making it easier for them to recruit and retain disabled employees and customers, we can have a huge impact on people with disabilities, and help to improve business by making them more diverse.
Previously we ran a wireframe challenge to build the screens needed for this tool and you will be provided with the wireframes we built.
Note: Please do not submit a colored version of wireframes as they are just meant to guide you, outline necessary screens, and further explain the application basics. You are highly encouraged to enhance the wireframes with your own design style / ideas / solutions during this design challenge.
Round 1
Submit your initial design for a checkpoint feedback:
1- Landing Page.
2- AMM Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Final design plus checkpoint feedback:
1- Landing Page.
2- AMM Page.
3- Results Page.
4- Reports Page.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Description:
The Business Disability Forum (BDF) already have an electronic version of the Accessibility Maturity Model (AMM) available on its website, but it is static and provides no dynamic content and limited feedback to those who complete it. We are looking to address these issues through the HPE Living Progress Challenge, and expect that creating a more dynamic tool would dramatically increase uptake and impact wherever technology is used.
Currently the AMM is a one dimensional tool that allows users to input their scores and provides them with a PDF report of their scores. We would like this to become a more dynamic tool that allows users to input their scores, but also to provide them with a more useful output. We would like the tool to collect all the data recorded onto it and provide the users with a comparative score against the average scores for their sector (e.g. financial, oil and gas, nonprofit etc.) to provide them with a peer preview. We would also like them to be able to track their scores over time and for this information to be clearly mapped to show areas where they have improved or where they have gone backwards.
We would also like to utilize the online resources that we have also developed and make it easier to signpost to these. For example, we have a number of best practice guides and case studies that are available to download. Once the AMM has been completed, we would like it to highlight to the users some useful information, in the form of these guides, that would help them to boost their scores.
You can view the current AMM on our Technology Taskforce website at the bottom of this page:
http://technologytaskforce.org/accessible-technology-charter/accessibility-maturity-model/
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- This is going to be a web App.
- Desktop view: 1280px width and height as required.
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
User Stories:
- The key users who are likely to interact with this application are accessibility experts based within private and public sector organizations. It may also be used by their management to review progress and track any patterns:
-- While this is absolutely correct the tool may sometimes be completed by colleagues from different parts of an organisation e.g. Human Resources who are not overly techy and may find the concept of accessibility overwhelming. If the design can appear user friendly this will encourage greater usage.
-- Accessibility Professional (to use the tool to self assess and document progress)
-- Nonprofit Charity (to support Accessibility Professionals, provide additional guidance and monitor macro trends).
-- Administrator (to manage users and access).
Required Features:
- As an accessibility professional from an organization, I want to use the tool to understand my organization’s performance and progress over time, highlighting areas for improvement and best practices and case studies from other organizations on how to improve in practice.
- As an accessibility professional from an organization, I want to compare my scores to other organizations and industries.
- As a nonprofit charity, BDF want to monitor the usage, usability and improvement in scores of organizations choosing to use the AMM tool over time.
- Dynamic feedback based on user input, in the form of a downloadable report, signposting to other resources on the website and data visualization of how the user’s organization compares to other organizations that have used the tool.
- Tool must be fully responsive, in line with BDF’s brand.
- Flexible data visualization reporting/accessible infographics that represent key customer and workforce population statistics and measures.
WCAG Compliance Requirements:
- Design must meet the AA conformance level of WCAG 2.0 guidelines.
- We need to meet a minimum of Conformance Level AA, preferably Level AAA: https://www.w3.org/TR/WCAG20/#conformance-reqs
Required Screens:
- Please refer to:
-- AMM Scorecard_March2016_V1.0 (FINAL).xlsx.
-- Best practice guide - How to use the AMM v1.0.docx
- We need to convert this document to an online web tool.
1- Landing Page:
- Please refer to landingpage-accessibilityprofessional.html
- In this page we need to explain the tool and how to use the tool.
- Please refer to Best practice guide - How to use the AMM v1.0.docx & Instructions Tab in AMM Scorecard_March2016_V1.0 (FINAL).xlsx
2- AMM Page:
- Please refer to amm-workings-firsttime.html
- Please refer to Workings Tab in AMM Scorecard_March2016_V1.0 (FINAL).xlsx
- We can show instructions here on how to use the tool as tool tips.
- We would like this to become a more dynamic tool that allows users to input their scores, but also to provide them with a more useful output.
- We would like the tool to collect all the data recorded onto it and provide the users with a comparative score against the average scores for their sector (e.g. financial, oil and gas, nonprofit etc.) to provide them with a peer preview.
3- Results Page:
- Please refer to amm-results.html
- Please refer to Results Tab in AMM Scorecard_March2016_V1.0 (FINAL).xlsx
- We would also like them to be able to track their scores over time and for this information to be clearly mapped to show areas where they have improved or where they have gone backwards.
- We would like to highlight to the users some useful information, in the form of guides, that would help them to boost their scores.
4- Reports Page:
- Please refer to amm-report.html
- We will show user his AMM report in this page.
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
Supporting Documents:
- Wireframes (wireframe.zip).
- AMM Scorecard (AMM Scorecard_March2016_V1.0 (FINAL).xlsx.)
- Best practice guide (Best practice guide - How to use the AMM v1.0.docx)
- Branding Guidelines (bdf_colour_palette.pdf).
Target audience:
- Accessibility Professional (to use the tool to self assess and document progress)
- Nonprofit Charity (to support Accessibility Professionals, provide additional guidance and monitor macro trends).
- Administrator (to manage users and access).
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience
- How well you interpret the example screens and show us new ideas and concepts.
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 layered PSD file, or Adobe Illustrator as a layered AI file.
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.