alan-turing-institute / autspaces Goto Github PK
View Code? Open in Web Editor NEWCode respository for AutSPACEs: the Autistica/Turing citizen science platform
License: MIT License
Code respository for AutSPACEs: the Autistica/Turing citizen science platform
License: MIT License
This issue is to make sure that the platform can be used with a screen reader. This is to make it more accesible for a people with diverse needs, as well as to meet some of the preferences of members of the community.
This requires technical skills to accomplish. As an element of the design though, anyone is welcome to review.
This was highlighted by a number of community members in focus group discussions. Some mentioned screen readers specifically, while others mentioned more generally the importance of the platform being accesible to a wide range of users with diverse needs, e.g.:
More can be found in the community recommendations folder
As a: Designer I would like to show the community a wireframe design of the screen reader functionally across components developed so far. This will demonstrate the function of the screen reader which will be activated by a screen reader toggle on / off button. The screen toggle will then be taken forward for developers to prototype as required. So that the community can provide feedback on the wireframe design, which can be taken into the prototype design stage on the project board as a concepts to ensure the platform is being developed in the correct way
Acceptance Criteria:
Review issue designs, research and wireframes take onto board for prototyping as required priority.
Define how this user story will close
Notes:
Associated pull request - Sprint 5 MVP Structure (File Management Demo) Components to design - wireframe and then share with developers
Current Status: Considerations Design - Design Research Wireframes Interactive & Dev Ref Research
We need metrics to ensure that we are reaching and empowering a diverse group.
(Could also potentially create a workshop with Insight group members?)
We need to consult with a wide range of autism researchers to understand how to best build the platform from their perspective.
As a project participant
I want relevant metaphors
So that I can get a better understanding of project goals and feel more involved
On one of the presentation slides, there was a visual metaphor for iterative development of a skateboard, bicycle and car. The idea is to have the final vehicle be a train, with multiple carriages representing the different ways that people can be affected by autism.
the platform to last for a long time
it can expand and grow in a positive way
There is a plan in place for after the official involvement and funding ends
There is a community around the platform
There is clear documentation and on boarding processes
As a person affected by autism
I want to be made aware of the project
So that I can contribute and enrich the project
There's a question over how to encourage community participation. A couple of ideas are as follows:
As a developer
I would like
A wireframe design and justification that showcases a modular prompt option to alter the contrast etc, with a accessibility panel to prompt the user that they can use a series of accessibility options including contrast, background colour changer, font size increaser.
Review owner:
Internal development team
Alan Turing
User Feedback Labels:
Accessibility
Accessibility Panel
Contrast
As a developer
I want a document to detail how the platform can work with Open Humans
So that I understand how the information is stored and retrieved.
Acceptance Criteria
Be able to login and log out
Store experience data information
Create an md file in the repository
As a person affected by autism
I want to be made aware of relevant developments
So that I can have a better quality of life
Technology and general ideas about how to best live continually develop, but people aren't necessarily made aware of developments that may be relevant to them. The idea is to have an ideas centre or something similar, that can be used as a central place to look for these developments
We have a contributors.md file that lists all our community members..... although maybe its better to merge this into one table in the README file as made by the all-contributors bot.
This issue will always stay open as a place for us to update that table 😺
Brain in Hand
Here's the link: https://www.autistica.org.uk/about-us/media-communications-guide
The external login via open humans and the whole concept of authorisation of data usage for projects might be confusing without further explanation. The wireframe should include information and instructions regarding this process.
Anyone interested in explaining processes in a short and easy way :)
Multiple people from focus groups and user testing sessions have mentioned that they would like a strap line throughout the platform, while others think it would clutter the layout too much.
This is a question for everyone:
Would you like a strapline?
Any suggestions for straplines?
All best,
Georgia
The external login via open humans and the whole concept of authorisation of data usage for projects might be confusing without further explanation. The wireframe should include information and instructions regarding this process.
Anyone interested in explaining processes in a short and easy way :)
I would like
A wireframe design and justification that showcases a improvement to the experience page with the further explanation for the user about what the Upload feature is. Add a upload section - Upload Modular Panel Explaining what its function is and that the user has a number of options:
Options
Use another term instead of Upload - Submit Media (Present User Options) - Media Messaging - Submit Media.
Make the upload functionality more of a integral part of the experience page form - more part of the input form.
A wireframe design and justification that showcases the upload image hand platform component
I would like show to the wider community a Fujitsu design concept for the platform
Axure updated with the final UI design for the component
A picture/screenshot image of the final UI design of the component held within Axure
Justification of the component design available in Github repository as an md file
Values
Ways of working
Data management
Internal development team
Alan Turing
A wireframe design and justification that builds on the current showcase of the screen reader feature for accessibility. The screen reader will need to be more selective in its functionality. Have a button that would allow the user to select a particular block of text clearly.
With regards to the platform - make sure the information is simplified.
Make it a meaningful, clear statement as to how the support can be useful, to motivate people to take part.
For those involved who are autistic or familiy members, run a demonstration which shows the goals and aims of the project as well as contribution.
Make sure that the messages are clear and unambiguous - some more things could be jotted down or bulletted - get feedback on what people like and dislike.
For the platform, suggest asking consent to alter words if the information is sensitive - don't wannt to cause distress. Remind people when they access this platform, that they may encounter distressing experiences, and subjective views which might be upsetting. Inform people, caution risk.
Have a notice for people entering the platform - you don't want to mislead anyone.
Make sure that the FG summaries can be easily searched and make the most of the metadata !
I think it would be great to write a community involvement strategy and publish it on GitHub. I think this should include information on:
What are your thoughts? It would be great to have feedback on whether to include other information, or if you have any input on any of these topics.
Thanks everyone!!
Sprint 6 User Feedback Pages Reviewed Links With Images
1-Landing Page
https://c6q95y.axshare.com/#g=1&p=0-home-light-non-newsletter-lang-drop__1___1_&view=b
1-Landing Page Image
2-Open Humans Login
https://c6q95y.axshare.com/#g=1&p=oh-login&view=b
2-Open Humans Login Images
3-Enter Experience
https://c6q95y.axshare.com/#g=1&p=3_-_add-event-across-device&view=b
3-Enter Experience Image
4-Rating Scales
https://c6q95y.axshare.com/#g=1&p=add-event-messaging&hi=1
4-Rating Scale Images
5-Views
https://c6q95y.axshare.com/#g=1&p=5-event-views-together&view=b
5-Views Toggle Images
As a platform user
I want to be able to easily access related resources
So that I can find out more about other conditions that may affect me
Multiple conditions may affect someone alongside autism (for example, dyslexia and ADHD). The idea is to have a section of the app that links to other sites that specialise in these areas, which will help people explore things that may affect them
know how accesible the project is
so that I can know how to take part and if I am able to
This was a contribution from autistic person via the Google form.
The acceptance criteria was developed by @fjThomasStanley.
We need to think about diversity and inclusion in recruitment. In previous focus groups we’ve made some attempts to make sure the group is at least slightly diverse when it comes to ethnic minorities, gender, and parent/autistic people ratios, but our instrument has been researcher discretion. Maybe longer term we need to think through more how we might measure this, and put in the protocol strategies to proactively engage to redress disbalances? (We need to do this actively to reflect our values). This might be something worth considering when developing a future iteration of the ethics protocol.
We need to make it easier for people to provide their signature when giving their consent to take part in user testing. This is based on feeedback from an autistic participant who took part in user testing, and wanted to
This would be a great thing to do for the first round of user testing when the normal sprint cycle resumes in September.
There are lots of options for this. Most participants have printed out their consent forms and then scanned them, but this isn't possible for everyone and can be time consuming and awkward.
Docusign might make this easier.
There are also other options such as using the "draw" tool on Microsoft word or the Whiteboard tool on Zoom. Providing step by step instructions to using these in the emails we send out might help.
have a screen or background that's simple and clear
it's not too distracting
The interface is refined so that there are not unnecessary features
There is feedback from user testing which demonstrates that the platform is not distracting or confusing to autistic users.
Goal for Interface from OS (24-02-2020) #4
"As an autistic person I want autistic people to be involved throughout the project so that our voices are heard"
"As a researcher I want autistic people to be involved throughout the project so that their experience and needs are made central"
Feedback on GitHub diagram:
Diagram on position paper would make a good interactive tool on GitHub: for example, you could have speech bubbles which pop up over icons to explain them more - giving fuller description and purpose.
Can't see many problems: it's a good way of explainihng things
More explanation of MIT and CC-BY licenses would be useful - not clear from description
Feedback on Newsletter:
It's really lovely
Good to mention events
Good to mention that you have an autistic speaker, and acknowledging autistic speakers
It's a nice summary - personal tone is helpful
Good to have pictures - the poster is eye-catching - not plain, but useful and adds extra interest
Liked the style and context
A wireframe design and justification that showcases a option to increase the users font size. This function will be part of a accessibility panel to be accessible on every page of the platform.
A wireframe design and justification that showcases the option to alter the contrast, to include a series of varied contrasts. For those with strong visual impairments a black background option with yellow text will be part of this.
As a: Designer, I would like to create for the community a wireframe design for the a Dashboard Template which will house a collection of features, whilst focusing on notifications - communications within the system and handle:
So that the community can provide feedback on the wireframe design, which can be taken into the prototype design stage on the project board as a concept to ensure the platform is being developed in the correct way
Acceptance Criteria:
Review issue designs, research and wireframes take on board area as required.
Define how this user story will close
Notes:
Associated pull request: Sprint 5 MVP Structure (File Management Demo) Components to design - wireframe and then share with developers
Current Status:
Considerations Design - Design Research Notes, Wireframe
Provide a more interactive drop down tagging system components that shows the types of tags the user can choice from.
Include location tags including: Transport, Hospitals, School, Transport for London, COVID etc. Combine use of titles and icons to represent tubes, buses, hospitals etc - ref to PECS & Mulberry Set.
User Feedback Labels:
Experience Page
Tagging System
The external login via open humans and the whole concept of authorisation of data usage for projects might be confusing without further explanation. The wireframe should include information and instructions regarding this process.
Anyone interested in explaining processes in a short and easy way :)
Have non-verbal means of inputting information to the platform
It enables non-verbal users to share their experiences
There are non-verbal means of inputting information to the platform
Which been tested with a range of users including non-verbal autistic users
Axure updated with the final UI design for the component
A picture/screenshot image of the final UI design of the component held within Axure
Justification of the component design available in Github repository as an md file - Fujitsu wireframes folder
Values
Ways of working
Data management
Focus group summaries
Internal development team
Nonverbal members of the community
Alan Turing
This user story was created by combining multiple insights from focus groups held in Autumn 2019. These focus groups were a mixture of autistic people, their families, and people from Autistica, the Turing, and Fujitsu. The data from the focus groups and more details about how it was collected and processed can be found here:
Specifically, here:
There's a nice example of a tool that allows multiple ways of inputting information at https://crisislogger.org
Be able to express myself publicly in a way which others can relate to
I want my input to be useful to other people
Platform can collect inputs which others can see
As a user of the platform
I want to have the option of having the computer read text as speech
So that I can get a better understanding of what I need to do
The external login via open humans and the whole concept of authorisation of data usage for projects might be confusing without further explanation. The wireframe should include information and instructions regarding this process.
Anyone interested in explaining processes in a short and easy way :)
be able to share my experiences without guilt or shame
it's easier to be honest
There is a good moderation process in place.
The platform is a welcoming environment - for this we need to collect feedback on how autistic people find the experience
I would like
A wireframe design and justification that showcases a clearer definition of the type of experience we are trying to capture. ie just negative, current / recent experiences.
For example statement that we are trying to create a log to capture peoples current challenging (barrier) experiences.
Remove the term daily life.
A wireframe design and justification that showcases the summary of what a given page is about. Which can be read by a screen reader.
As a general user
I want access the URL for the platform to be short and specific
So that I can easily navigate to the platform without having to remember a long address
Be able to enter my experience in writing
It's easier for me to share that way and I can be more specific.
The platform can take input in writing from users.
Multiple people from focus groups and user testing sessions have mentioned that they would like a strap line throughout the platform, while others think it would clutter the layout too much.
This is a question for everyone:
Would you like a strapline?
Any suggestions for straplines?
All best,
Georgia
A glossary of technical terms
I get confused about the meaning of technical terms when I read them in the project documentation.
A markdown file to be created under the project-communications folder of the repository that contains a list of all technical terms in alphabetical order with their definition. The document must be linked on the main readme page of the project. The list technical terms should be shown as a table with columns (Term, Definition, Topic area).
Technical terms should include the following topic areas:
Values
Ways of working
Data management
"As a contributor I want my data to be gathered and processed legally"
"As a researcher or contributor I want to ensure I comply with the law and at minimum meet legal ethical requirements"
The external login via open humans and the whole concept of authorisation of data usage for projects might be confusing without further explanation. The wireframe should include information and instructions regarding this process.
Anyone interested in explaining processes in a short and easy way :)
A wireframe design and justification that showcases the Brain in hand platform component
I would like show to the wider community a Fujitsu design concept for the platform
Axure updated with the final UI design for the component
A picture/screenshot image of the final UI design of the component held within Axure
Justification of the component design available in Github repository as an md file - Fujitsu wireframes folder
Values
Ways of working
Data management
Internal development team
Alan Turing
As a: Designer, I would like to create for the community a wireframe design with a help feature as a general component on every page. To be found in the sub header, and on certain components as required. The help feature will automatically activate instructional overlays for the user. These instructional overlays will be diagrammatic and provide further directed explanation and instructions to the user on the key steps and functionality.
So that the community can provide feedback on the wireframe design, which can be taken into the prototype design stage on the project board as a concept to ensure the platform is being developed in the correct way
Acceptance Criteria:
Review issue designs, research and wireframes take on board area as required.
Define how this user story will close
Notes
Associated pull request: Sprint 5 MVP Structure (File Management Demo)
Components to design - wireframe and then share with developers
Multiple people from focus groups and user testing sessions have mentioned that they would like a strap line throughout the platform, while others think it would clutter the layout too much.
This is a question for everyone:
Would you like a strapline?
Any suggestions for straplines?
Please comment on this issue, below, with your ideas
This issue is about adding a "help" function to every page of the platform which will instruct and guide users.
We need everyone's help to review! Please look at @jiraslama's designs to see if you like the help feature and if it's helpful, as well as letting us know what instructions you might need. You can also help by letting us know if you think this should be a priority.
Developers - this is a designer task which is being undertaken by the Fujitsu team, however anyone with deisgn or development skills is welcome to collaborate.
As a: Designer, I would like to create for the community a wireframe design with a help feature as a general component on every page. To be found in the sub header, and on certain components as required. The help feature will automatically activate instructional overlays for the user. These instructional overlays will be diagrammatic and provide further directed explanation and instructions to the user on the key steps and functionality.
So that the community can provide feedback on the wireframe design, which can be taken into the prototype design stage on the project board as a concept to ensure the platform is being developed in the correct way
Acceptance Criteria:
Review issue designs, research and wireframes take on board area as required.
Define how this user story will close
Notes
Associated pull request: Sprint 5 MVP Structure (File Management Demo)
Components to design - wireframe and then share with developers
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.