Endangered-Language-Alliance / ela-website

Endangered Language Alliance website
1 stars 0 forks source link

Map(s) considerations #8

Closed abettermap closed 3 years ago

abettermap commented 3 years ago

i can see a few scenarios for map-ness. i'm open to 1 layout (2 tops) depending on page (e.g Projects vs. Project) as it makes sense, but i think we agreed on (or at least what i had in mind) for maps was just one consistent layout. regardless of page/post type. that said, i think the question may be more of how to present the rest of the content next to or below it.

Options for map

i'm sure there are MANY and we'll evolve this as we go through the usual iterations, but let's get the pretend-visualization-imagination goggles on since i can't code all these for full-on demos in the short time frame! just going for map vs. not map general layoutness here so try to see past style details a bit.

Thin map above, content below

i think this is the way to go for mobile and tablet portrait at least:

image

Side by side, 35% map 65% content

this won't work out on mobile, but desktop maybe.

image

Zoom

i could type all this out but i have like 150 questions, so let me know when you're free. i'm open (except tomorrow if Moderna statistics are accurate).

basically questions will come down to priorities and decisions again:

grid/list + map, or just map

do we show a grid/list at all for these super-custom landings, or just map? (i like the list)

if list, what to include?

taking Languages page for example, as a user i'd like to see in list:

  1. lang name
  2. very small feat img (like 25% of size in my screenshot)
  3. subtle chip-like things for the cities (we need to discuss this though, the multi-location was not in the SOW and presents large challenges/discussion that exponentially-ish increases complexity of the decisions to make)
  4. excerpt

orrr, if your priorities are only to show that level of detail on an instance page, e.g. /projects/jewish or /languages/neo-aramaic, then as a grid perhaps :

  1. heading
  2. sm featured img
  3. super truncated excerpt

obvi want to see more than 1-2 langs or projects on first view, so really gotta crank down what we show in custom landings like this.

Interaction

SOW only covers some basic interaction at best (click point, get popup w/link to next level down). but all the info/content available (way beyond SOWness) we/I have added capabilities for, will trigger new questions, ideas, suggestions, etc. This ain't my first language map UI-rodeo, i know how this works. 😉 BUT given the confines of reality and time, gotta narrow it down to the basics. it's a website, not web app, so keep that in the back of your head when making some of these decisions.

i could think of another dozen things to say/ask, so let's save for Zoom. whatever we come up with for /languages landing should be reusable enough (at least for the overall map-vs-content layout) for the other 3 map scenarios: projects list, project instance, and lang instance.

rperlin-ela commented 3 years ago

Thin map above, content below

i think this is the way to go for mobile and tablet portrait at least:

Makes sense.

I could see just leaving the header (e.g. Languages) and I'm not sure that text below is a crucial, though I could certainly fill something in there. We can see how intuitive the whole thing feels as it comes together, but I'm easy

Side by side, 35% map 65% content

this won't work out on mobile, but desktop maybe.

Looks good

i could type all this out but i have like 150 questions, so let me know when you're free. i'm open (except tomorrow if Moderna statistics are accurate).

Sunday eve/good chunk of Monday is free

grid/list + map, or just map

do we show a grid/list at all for these super-custom landings, or just map? (i like the list)

I think list but keeping it more minimal on the main Langugages and Projects, more detail on instance pages. Your breakdown sounds like it would work.

abettermap commented 3 years ago

let's zoom Sunday eve. i'll crank on it this weekend, and am not as affected by the 'derna as i feared.

I could see just leaving the header (e.g. Languages) and I'm not sure that text below is a crucial, though I could certainly fill something in there. We can see how intuitive the whole thing feels as it comes together, but I'm easy

sounds good although i don't have a good way to let you edit the intro for projects and languages landing, so let's keep it out unless/until there's a need.

instances - potential layout

what do you think of this layout? does it communicate the right-ish order/priority you're after? anything missing? or extraneous?

image

abettermap commented 3 years ago

the thumbs might be better above the line actually

rperlin-ela commented 3 years ago

Looks pretty good to me. Any time post-8:30 pm EST on Sunday good for Zooming, let me know and I’ll send a link

On May 14, 2021, at 12:47 PM, Jason Lampel @.***> wrote:

the thumbs might be better above the line actually

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Endangered-Language-Alliance/ela-website/issues/8#issuecomment-841367542, or unsubscribe https://github.com/notifications/unsubscribe-auth/AMNKB5EV3LNEXJ33OGMDBSTTNVH37ANCNFSM443S422A.

abettermap commented 3 years ago

Sounds good, let's say 830 Eastern Sunday night and shoot me a link!