Observation Interface Design - differentiating observation ID from individual IDs

iNaturalist Next Discussion
1

To me, the IDs made by others vs. the overall ID are hard to differentiate between each other. For example:

IMG_9078
IMG_90781242Ă—2511 143 KB

The ID nearest to the picture (the overall ID) melds too much with the IDs made by others (the second ID and beyond, purposefully left out here for the privacy of the other user(s)), even with the activity and details tabs there to somewhat separate the two. It still looks like I have somehow gave an ID twice. Editing this in some way to contrast between the two will help with the clarity more.

Suggestions on how to fix it:

  • Let there be a thicker line separating at the bottom of the activity and details tabs.
  • Let the overall ID “block” be a different colour.
  • Colour the two tabs below it something different. Grey or green perhaps?
  • Colour the supporting IDer’s username bar area above the ID to the grey like how it is on the website.
  • When scrolling, let the overall ID become a banner over the supporting IDs, instead of just the activity and details tabs being the only clear banner while the overall ID gets a shadow over it. (idk if this is just one of the things that was a bug from the get go that was going to be tweaked.)

Other design suggestions are welcome!

4 Likes
2

The overall ID should be on the top in my opinion. Be the same kinda format as the website which will overall reduce confusion on this. Probably could confuse new users since they do look very similar. If I didn’t know the difference between the observation ID, and individual IDs, I’d think to myself why is this repeated?

1 Like
3

Could there be a background color scheme to the community ID that indicates whether it represent just one ID? Maybe yellow - to green research grade and maybe a different color orange/red there’s some kind of conflict to be resolved.