Community Page - Design

[ailsaleen]

Hypothesis We believe that showing the extent of the Open Referral UK community will encourage users to adopt the standard, as it will reduce the 'first mover' barrier to entry - users can be assured that the standard is mature and that the adoption pathway is tried and tested.

User Stories

• As a user, I would like to see at a glance which organisations have adopted Open Referral, so that I can see if there are any that I know, which could cause me to trust the standard more.
• As a user from a local authority, I would like to see which software suppliers have already adopted the standard, so that I can consider procuring software from one of them
• As a user, I would like to see a website or contact details of community members, so that I can reach out to organisations for more information.
• As a user, I would like to access this content on any device (mobile/tablet/desktop).
• As a dyslexic user I want to be able to understand and comfortably read tabular data.
• As a user of assistive technologies, I need to understand how this data is structured.
• any other user stories here?

Design thoughts/questions

• Logos: probably not? because it will be easier for orgs to sign up without submitting a logo
• Should the organisations be differentiated/ separated by type? e.g. councils vs software providers (or is this one obvious enough by the names & logos)
• Should the organisations be differentiated/separated by what stage of adoption they are in? (interested, in the process of adopting, have adopted)?
• What about partners e.g. MHCLG, LGA or CAST? they can't adopt it themselves but are involved
• What should we do with Adur & Worthing, who are a lead council on the project but haven't adopted it? they should be on the site in some capacity.
• CTAs on this page (Join the community, anything else?)
• CTAs for each community member - contact info and/or a website?

Useful links This should tie in with the designs for the community dashboard on the Homepage. Chia, Ananda - we should talk about how /if that work should be split.

Some Examples

• Open Active: https://www.openactive.io/about/our-members/
• Open Active also has an Airtable that shows different stages of adoption for different organisations: https://airtable.com/shrJS0nMq1OoTSlx8/tblYz37UPZJW3HhMA
• ODI: https://theodi.org/global-network-directory/
• Discourse: https://www.discourse.org/customers
• Local Digital funded projects? https://localdigital.gov.uk/funded-projects/
• I'm sure there are other better examples :D
• https://localdigital.gov.uk/declaration/

[anandamaryon]

Join us page mockup v1: https://www.figma.com/proto/1qiA6bdGXhAoy2Ex5GUUsE/ORUK-wireframes-0.2?node-id=728%3A0&viewport=1501%2C1553%2C1&scaling=min-zoom&page-id=0%3A1

[anandamaryon]

Bonus task:

Look into whether we could include a 'compliant data feeds' section on here?

Something like this: https://status.openactive.io/

[anandamaryon]

Mike's document that lists the current organisations adopting ORUK: https://docs.google.com/document/d/1KHzLrFzolQk756s2k18RA1WKkqwg3FM75cBgD-3YUyI/edit#heading=h.7ew53rq83swk

[chiayingt]

A mock-up page for a compliant data feeds https://www.figma.com/proto/1qiA6bdGXhAoy2Ex5GUUsE/ORUK-wireframes-0.2?node-id=789%3A3119&viewport=396%2C83%2C0.059872932732105255&scaling=min-zoom&page-id=680%3A0

[MikeThacker1]

The mockup closely matches the OpenActive page and so columns aren't appropriate to ORUK. I suggest the columns are:

• Organisation (e.g. Leeds Council)
• Developer (e.g. Ayup (could be the same as Organisation though)
• Endpoint up - green tick if live
• Services feed - green tick if valid
• Service {id} feed - green tick if valid for a sample record
• Search enabled - green tick if standard search/filter parameters are supported
• Summary - link to (maybe popup) text describing
• Explore - link to the feed in the API query tool We'd need some code behind this and need to decide how much we automate it, but this is what I had in mind originally.

Would like to test with the likes of Placecube.

[MikeThacker1]

Also I'd suggest changing "Submit a compliant data feed" to "Contact us to add or update your feed" with a simple email link.

[chiayingt]

@MikeThacker1 I've revised the table (same link), feel free to comment on the link directly or reply here :)

[MikeThacker1]

The revised mockup is great. If we're going to demo it, can we make the rows:

• Blackburn with Darwen | Placecube
• Bristol | Placecube
• Buckinghamshire | FutureGov
• Elmbridge | Placecube
• Hull|PCG
• Leeds|Ayup

[UsmanAfzal]

I've added a few more user stories. Need to take into account how this content will look on a smaller device. Part of the solution to consider are dyslexic users that prefer reduced colour contrast (however not an issue in wireframes).