Challenge Summary
Welcome to Living Progress - Business Disability Forum - Desktop Wireframe 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.
Round 1
Submit your wireframe for a Checkpoint feedback
- Submit an initial version of your solution.
Notes.jpg: Any comments about your design for the Client.
Round 2
Final wireframe plus Checkpoint feedback
- Submit final version of your solution.
Notes.jpg: Any comments about your design for the Client.
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 an Excel Document 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 3 documents via this link, that will give you a better understanding of the current AMM. The first document shows the different ways in which organisations have completed the AMM, the second document is an Excel file where you can access the detail of the AMM and self score yourself. The third document is a printable version of the AMM, but does not including any areas to score on.
We are looking for wireframe (Axure) solutions based on requirements below. We’re also looking to the community to come up with interesting ideas for the workflow - we’re absolutely open to creative solutions!
At the end of this wireframe challenge, we are looking to have a complete solution for the user experience and flow.
Wireframe Expectations:
- Produce HTML click through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
- The website must be very easy to use and intuitive. Keep that in mind when designing your solution.
- You MUST cover all screens mentioned in required sections below, if any requirement is missing in final submission the client will not look at it, so make a checklist for the required screens to make sure you designed all of them.
- Please show us your proposal as a movie or series of wireframes that communicate the user’s intended interaction with your proposed solution.
- You MUST use wireframes note pane in every single page you design to explain what items are addressed in that page from the documentation, what things you added/changed/removed, use it to make your idea clearer and help the client to give you constructive feedback.
Notes:
- This is going to be a web App.
- Your wireframe submissions need to be able to drill down for all page flow.
- Show your wireframe solution for:
-- Desktop view: 1280px width and height as required.
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
- This is a solution that we would eventually look to deploy on our main BDF website http://businessdisabilityforum.org.uk/, so the dimensions of it and the design should fit within the constraints of our current website design.
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:
-- 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
Suggested Pages:
- 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:
- 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 Workings Tab in AMM Scorecard_March2016_V1.0 (FINAL).xlsx
- We can show instructions here on how to use the tool.
- 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 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.
Supporting Documents:
- 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).
Learn Axure:
New to Axure? Here are some quick tutorials to help you get started.
http://www.axure.com/learn
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:
- User Experience of application.
- Completeness and accuracy of the wireframe as defined in the spec requirements.
- How well your wireframes provide a consistent 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
Generated HTML files with all the requested contest requirements stated above.
Source Files
Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.
Final Fixes
As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.
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.