Main screen UI overhaul

[misaochan]

Neslihan has started on the UI overhaul at #712 . The main goals of the new UI are:

• to make the 'Upload from gallery' and 'Upload from camera' buttons more obvious (either through the design below or a floating action button)
• to have a separate tab for viewing other Commons images near the user, while the main tab allows them to view their own contributions
• to display notifications to the user when they are near a place that needs photos, or their images are nominated for deletion, or used in an article, etc

I am copying a screenshot of the main design below, but please refer to her PR for more details. Feedback on the proposed designs are most welcome.

Edit: Removed screenshots because they are outdated, refer to Neslihan's below.

Other questions for discussion:

Re: the tab for "Pictures that other people have uploaded near you":

• Should we store images in database?
• Should we store only image urls in database?
• Should we upload information by location changes? We can add a button to refresh, or we can update it per x km.
• How many photos from nearby places should be displayed initially?

[misaochan]

Also, to add:

When this UI has been implemented, I am guessing we will want to remove the camera and gallery buttons from the action bar. I wonder if it would be a good idea to put "camera" and "gallery" in the nav drawer in that case, probably right below "home"?

That might be redundant, but redundancy of our main feature might not be such a bad thing. :) Also, the nav drawer might get a bit crowded when we do that, so we might have to find a way to separate the 3 main items from the others. Some apps like gmail use a divider between groups of items, which might work for us.

[neslihanturan]

I also think it is not a bad redundancy. I was a little busy for 2 days (and also tomorrow will be) that's why couldn't add any code to UI thing. My opinion about our questions are:

• Don't store images in db.
• Yes.
• No idea
• 20 photos.

[misaochan]

Don't worry about it. :) We can actually put the UI overhaul into our renewal proposal if needed, so no rush.

My opinions are

1. No
2. Yes
3. Either way is fine with me for displaying the results, but if we are caching the image URLs they need to be associated with a location, otherwise I'm not sure what the point of the cache would be
4. I think we could set a default (maybe 50-100?) and let the user choose in Settings

[misaochan]

It was suggested to me by Jordan Adler that we use a floating action button for 'Upload' instead. That would solve the issue of users scrolling past the top square and then not being able to easily access upload. But we would need to redesign the top 2 cells in that case.

What do you guys think?

[misaochan]

Also, is it a bad thing to have TWO floating action buttons (gallery and camera)?

[misaochan]

And, how do we make this design work in a landscape orientation?

Also, worth noting that if the renewal is approved, we will be providing two types of notifications - nearby place that needs a picture, as well as account notifications (your photo was deleted etc). Do we want both of them in the same box?

[neslihanturan]

So such design is easier to implement maybe?

[misaochan]

That looks good to me! :) would anyone like to chime in on whether they think the latest mockup is better than the one in the opening post?

Re: the floating action button, the current design is meant to only show the small buttons (upload and gallery) when the + button is tapped, right? I can't decide if that is preferable to having 2 buttons that are visible all the time. The design above looks very elegant IMO but I'm not sure if users will be happy if they have to do one extra tap whenever they want to upload?

[neslihanturan]

I think extra tab on floating button is even better because it prevents from activity being changed by accidental clicks. Plus I also liked this design.
Plus, on other tab, we can use a floating button to select location from map and explore that location.

[misaochan]

Also, uh, a wild idea - what do you guys think if we use Nearby as the second tab instead, and have "contributions from other people near you" in the nav drawer where nearby used to be (possibly titled as "Browse")? We could keep this design (don't worry neslihan!), just swap things around. If we do this, then Nearby would need a FAB for swapping between list and map, and swipe down for refresh.

(I am proposing this because Nearby appears to be our most popular feature)

[misaochan]

Good point re: the accidental clicks, I agree with the single button in that case.

Additional note: I think it might also be a good idea to have the 1st tab say "My contributions" and the action bar say... I dunno, "Wikimedia Commons"? Instead of "My recent uploads", which wouldn't make sense when we're in the second tab.

We also need to think about where we want to display the number of uploads in this UI.