Improve UX when pasting images and there is an error
See original GitHub issueIf you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!
Expected Result:
Text/image gets pasted
Actual Result:
Alert pops up which is bad UX
Action Performed:
When copy/pasting something from Slack into E.cash, there is an alert()
being used when there is an error pasting images. Not only is it invasive to the UX (you have to click to make it go away), but it prevents anything from getting pasted.
Suggestion:
- Don’t use an alert and use something more appropriate if there is indeed something that the user needs to know (maybe an error message down by the compose field).
- Allow the rest of the text to be pasted if something fails with images being pasted (I think this just means not calling e.preventDefault() ).
Code is here
Workaround:
Upload images directly in E.cash
Platform:
Web Desktop App
Version Number: 1.0.28-0 Notes/Photos/Videos: Expensify/Expensify Issue URL: https://github.com/Expensify/Expensify/issues/160750 Upwork job: https://www.upwork.com/jobs/~0103d5a375d57f66de
Issue Analytics
- State:
- Created 2 years ago
- Comments:17 (13 by maintainers)
Top Results From Across the Web
Designing error pages that actually work | by Amanda Conlon
Error pages can be frustrating for users, but for a designer they can present an opportunity to turn lemons into lemonade.
Read more >Error management and UX design
Adopting a user-oriented approach to re-think the error management of a digital product allows for overall UX improvement.It implies ...
Read more >How the user should be informed that the file she submitted is ...
Yes, no error message. Instead, filter the selection of files to only include readable image files (e.g., by extension). Okay, you'll still need...
Read more >Designing Better Inline Validation UX - Smashing Magazine
Inline validation demands immediate attention. When an error appears, most users almost instinctively head to the erroneous input field to fix ...
Read more >UX Writing: Handy Tips on Text Improving User Experience
UX writers' task is creating texts that support and enhance users' communication with interfaces, let them clearly understand what's going on, and lighten...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Nice one! I just got back from vacay and it looks like you’re officially hired in Upwork, so thanks a ton for pushing forward from here.
@JmillsExpensify Growls have landed Thanks to https://github.com/Expensify/Expensify.cash/issues/2812. We can proceed with this issue. PR will be added soon. 🥳