[OBO MykoMap] Evaluate options for displaying lots of text within a MM

[ColmDC]

Please track against the clockify project [OBO MykoMap]

Description

Consider the following use cases which require more real estate to be made available for text than the current MM panel design provides.

Use Cases:

• We need to provide detailed instructions on how to use MM features - DotCoop suggestions
• Use context sensitive help bubbles to explain how to use the map functionality the first time the map is loaded - OBO request

and propose options for new functionality to support these cases.

Acceptance Criteria

• The designs work well on large screens, but basic functionality still needs to work on narrow screens.

[ColmDC]

@ms0ur1s can we chat about this soon?

[ms0ur1s]

@ms0ur1s can we chat about this soon?

Hey @ColmDC, yep I'm available whenever you are.

[ColmDC]

https://dev.maps.solidarityeconomy.coop/obo-public/

[ColmDC]

A little context for OBO requirements for more text real estate. https://docs.google.com/document/d/1qc5-tIHb8-CnCY4DqabyCcja-9w_1M6HkhCn9ijJxU4/edit?usp=sharing

[lin-d-hop]

Hi @ColmDC and @ms0ur1s

This issue is confusing. Neither of the specified use cases are best served by the description to 'make more space for text available'. And the GDoc doesn't provide more context.

When you both chatted did you come to any conclusions?
Or should we do a Feature Candidate exercise to explore how we might best meet these use cases?

Thanks :)

[wu-lee]

I could be wrong, feel free to correct me if so, but I think this is referring to the problem Owned by Oxford had, where:

• They want users to see a helpful usage guide when the map is first opened.
• The only place to put that currently is the "about" panel
• But that's not really got the space for the detail they wanted.
• It's also designed for a slightly different use-case: describing the provenance of the map and its data.
• As such currently it can't be opened by default (Mykomap allows the side panel to be set to open by default, but only on the default panel - the directory)

See this issue for a link to the original documents we had to work from in this case, and an attempt to summarise that: DigitalCommons/owned-by-oxford-project#26

An alternative might be to have a pop-up "welcome" dialogue which opens when the map is first opens. Perhaps a bit like this (Leaflet based but non-Mykomap) map https://homemakeroxford.org/map/

A work-around in this case might be to put the guide in the embedded site.

More generally, the "about" panel seems fairly limited in the amount of text it could usefully show.

[ColmDC]

currently it can't be opened by default

Being addressed by #231 which is not in In Review.

[ColmDC]

Do we think this is clear enough @ms0ur1s and @lin-d-hop ?

Essentially we need some design options for how we could provide application usage instructions. The issue of making use of an extra tab in the side panel being too small is probably not so much of an issue given the need to also support on a mobile.

[lin-d-hop]

Not yet @ColmDC I'l try unpick with Marcel

[ColmDC]

@ms0ur1s @lin-d-hop

How can we unblock this one?

[lin-d-hop]

Hi @ColmDC
Marcel and I just just chatting. There is a lot of information scattered across a lot of places for this, so I'm wondering if the following will work:

1. An extra panel in the side panel that can include free text and a 'read more' button.
2. On click of the button a modal pops up that can have as much information as is wanted.
3. All the text is specified in configs.

Given the requirements seem to be whittled down to 'more text real estate', does this meet the requirements? If so Marcel can create some designs.

[ColmDC]

Given the requirements seem to be whittled down to 'more text real estate', does this meet the requirements?

Yes. I believe it does.

[ms0ur1s]

@ColmDC and @lin-d-hop designs are linked below. I also added an extra icon for instructions and used the info symbol for the about us.

https://xd.adobe.com/view/7c3814a7-8d55-43db-a623-6585d6d7d444-296b/grid

[ColmDC]

Thanks @ms0ur1s .

Would the read me button be greyed out when the modal popup was displayed?

Did you consider any other positions? Docked on the right for example. I'm not recommending that, just wondering if you did consider that and prefered the centre.

On Mobile:

Would touching the Read more button induce a scroll down to the extra text or would it be more like the tab switchces?

[ColmDC]

This may be orthogonal to the design, but noting here anyway.

On run up of the app, OBO folk wanted the detailed instructions to be visible, so #231 needs to also cover having this pop dialog's presence configurable.

[ms0ur1s]

Thanks @ms0ur1s .

Would the read me button be greyed out when the modal popup was displayed?

That makes sense, if not greyed then at least lighter perhaps. I'll update the designs accordingly.

Did you consider any other positions? Docked on the right for example. I'm not recommending that, just wondering if you did consider that and prefered the centre.

Tbh, I didn't consider any position other than centred, because it seemed the logical position. I think it would be strange to have the side panel docked to one side and the information pane docked to the other.

[ms0ur1s]

@ColmDC, designs updated

[ColmDC]

Have shared with client for their preferences.

[ColmDC]

Have shared with client for their preferences.

Did you have a preference @ms0ur1s ?

[ms0ur1s]

Have shared with client for their preferences.

Did you have a preference @ms0ur1s ?

Probably five or six I @ColmDC.

[ColmDC]

Let's go with 5 then.

[lin-d-hop]

Blocked awaiting bigger MM chat.