falling-fruit / falling-fruit-web

Mobile-friendly website for Falling Fruit
https://beta.fallingfruit.org
GNU General Public License v3.0
41 stars 26 forks source link

Change verbiage for ''Drag files or click to upload'' on mobile #566

Closed wbazant closed 2 weeks ago

wbazant commented 2 weeks ago

There's no dragging on mobiles. Pick something else for it to say! Check if there's something already translated.

ahmedhalac commented 2 weeks ago

Hi @ wbazant. I would like to work on this.

wbazant commented 2 weeks ago

Sure do you want to propose the new verbiage? Find out what the live site and the current mobile app say for uploading images, and we can decide together if that's good or if we need something new. Reusing will be better because we have translations for these.

ahmedhalac commented 2 weeks ago

@wbazant, perhaps the best wording for this situation is 'Select files to upload'. It's platform neutral since it doesn't specify a tap or click and it's translation friendly.

ezwelty commented 2 weeks ago

The mobile app says "Take a photo" (which is misleading because one can also add from gallery). The live website says "Choose file" below a "Photo" header.

How about no words? Could we get away with some combination of a dashed square, camera icon, and/or plus symbol?

wbazant commented 2 weeks ago

We have a "Upload images" header, so no words - just a good icon - could be clear enough! @ahmedhalac Would you try make the form look intuitive for the user with just the right symbol / symbols? We use the Boxicons library, and can also add a .svg. An AI tool like Aider might have interesting proposals if you give it the code with the form.

ahmedhalac commented 2 weeks ago

@wbazant sure. I will see what I can do.