ground-android icon indicating copy to clipboard operation
ground-android copied to clipboard

[Data collection] Simplify data collection entry point

Open gino-m opened this issue 1 year ago • 9 comments
trafficstars

Some points from today's PM/UX sync:

  • [ ] Replace swipeable bottom cards with a single "+ Add site" CTA
  • [ ] On tap on a point or polygon, replace "Add site" CTA with a single, dismissable UI showing the job and LOI name, and if allowed by survey organizers, a "+ Collect data" CTA.

@rawbzz @amegantz for final designs and copy.

gino-m avatar Apr 17 '24 19:04 gino-m

image

amegantz avatar May 29 '24 20:05 amegantz

@rawbzz What happens when the user pans the map away from the selected LOI? Do we:

  1. Deselect the LOI when it goes outside the viewport
  2. Allow the user to pan and zoom back to the LOI by tapping some affordance on the card or
  3. Lock the map viewport when an LOI is selected (least preferred)

@anandwana001 FYI

gino-m avatar Aug 22 '24 14:08 gino-m

@rawbzz Also - if there are multiple jobs which allow "Free form" data collection (i.e. user can add LOIs), how does the user select the desired job after clicking "Add a site"?

gino-m avatar Aug 22 '24 14:08 gino-m

@gino-m

  1. If a user pans away from the LOI location, i was under the impression that clicking that location point icon would re-center the user back to where they are selected.
  2. Not sure if i understand the second question.. job is different from a task right?

rawbzz avatar Aug 23 '24 14:08 rawbzz

@rawbzz Gentle ping.

@lecrabe, @kenstershiro, @jo-spek Any objections to this change? We had this in the queue for beta but it didn't make the cut.

gino-m avatar Sep 09 '24 20:09 gino-m

No objections from my side. Sounds great and a lot more intuitive than swiping bottom cards, which proved to be rather confusing in the field.

Plus it would be great if the card of finished geometries could hold their area --> https://github.com/google/ground-android/issues/2096

jo-spek avatar Sep 10 '24 09:09 jo-spek

@anandwana001 Have you started work on this? If not @sufyanAbbasi would like to pick it up.

gino-m avatar Sep 10 '24 16:09 gino-m

@anandwana001 Have you started work on this? If not @sufyanAbbasi would like to pick it up.

Sure, @sufyanAbbasi can pick it up

anandwana001 avatar Sep 10 '24 16:09 anandwana001

Hi @sufyanAbbasi, any updates on this one? Do you think it can get done in the iteration which starts today?

gino-m avatar Oct 09 '24 14:10 gino-m

@rawbzz Also - if there are multiple jobs which allow "Free form" data collection (i.e. user can add LOIs), how does the user select the desired job after clicking "Add a site"?

Not sure if i understand the second question.. job is different from a task right?

Surveys have jobs (e.g. collect tree species, collect plant species) and each job has a different set of tasks (e.g. type of leaf) and its own set of LOIs. In the previous UX, each job had its own "add LOI card" for each job but the new UX isn't able to disambiguate by job.

Maybe pressing "Add Site" prompts the user to select a job from a list to start collecting data for?

Image Image

sufyanAbbasi avatar Nov 01 '24 20:11 sufyanAbbasi

Hi! As a first step can we show to list of relevant jobs as a list in a modal? Iiuc @rawbzz has designs for this in Figma but I'm on my phone and can't check now.

On Fri, Nov 1, 2024, 4:29 PM sufyanAbbasi @.***> wrote:

@rawbzz https://github.com/rawbzz Also - if there are multiple jobs which allow "Free form" data collection (i.e. user can add LOIs), how does the user select the desired job after clicking "Add a site"?

Not sure if i understand the second question.. job is different from a task right?

Surveys have jobs (e.g. collect tree species, collect plant species) and each job has a different set of tasks (e.g. type of leaf) and its own set of LOIs. In the previous UX, each job had its own "add LOI card" for each job but the new UX isn't able to disambiguate by job.

Maybe pressing "Add Site" prompts the user to select a job from a list to start collecting data for?

Screenshot.2024-11-01.at.1.28.03.PM.png (view on web) https://github.com/user-attachments/assets/49ce905b-9e63-4743-aaa8-326058e560ea Screenshot.2024-11-01.at.1.28.06.PM.png (view on web) https://github.com/user-attachments/assets/20cdafeb-0fcd-42e3-8ffe-aa822b3486b0

— Reply to this email directly, view it on GitHub https://github.com/google/ground-android/issues/2446#issuecomment-2452544895, or unsubscribe https://github.com/notifications/unsubscribe-auth/AABXVUSZYGD3NFV6AXASTKDZ6PQD7AVCNFSM6AAAAABGL6E6OWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINJSGU2DIOBZGU . You are receiving this because you were mentioned.Message ID: @.***>

gino-m avatar Nov 03 '24 13:11 gino-m

This one right @gino-m ? Image

rawbzz avatar Nov 05 '24 13:11 rawbzz

This one right @gino-m ? Image

That's the one! I'd recommend the dialog title being simply "Add a site" or "New site". The user defined job names shown in the list will hopefully disambiguate. @amegantz for input.

gino-m avatar Nov 05 '24 13:11 gino-m

Awesome, thank you!!

sufyanAbbasi avatar Nov 05 '24 19:11 sufyanAbbasi

@amegantz @rawbzz "Add a site" feels a bit off as the main entry point, as seen from the perspective of a first-time data collector: "What is a site, and do I really want to add one? I just want to start collecting data." It also doesn't make it clear we're also collecting data about the site - on the surface it could be interpreted as distinct from actually collecting data.

One idea could be replace the "+" icon with the generic geometry pin (Image) with a "+" instead of a square in the center. This would serve as a visual cue:

  • To all users: Like "+", that this is how the user adds data.
  • To users who understand they're adding a new site+data: That this will add a new site as well as data.

The label could then say something more universal, like "Collect". (Gemini's top picks were "Collect data" or "Collect").

Alternatively, we could remove the label altogether and rely on the "+" icon alone - clean and simple.

I know I suggested avoiding the terminology job, but if you agree with the above then we would need to update the "Add new site to" dialog header for consistency. At the end of the day "Select a data collection job" might be clearer anyway.

Lastly, wondering if we can replace the two-step process of selecting a job with a single tap, perhaps making the jobs shown in the dialog very obvious primary actions somehow?

Thoughts?

gino-m avatar Dec 04 '24 21:12 gino-m

Hey @sufyanAbbasi ! After some further discussions we have some updated designs!

Image

Bottom shim gradient details:

Image

Image

Image

Thanks @rawbzz @vittorino !

gino-m avatar Dec 16 '24 21:12 gino-m

Update: mostly code complete but needs tests, will hold off from current app release due to impending field campaign

kenstershiro avatar Jan 08 '25 15:01 kenstershiro