Coder Social home page Coder Social logo

Improve error handling UX about ajl.ai HOT 7 CLOSED

mitmedialab avatar mitmedialab commented on September 22, 2024
Improve error handling UX

from ajl.ai.

Comments (7)

kadamwhite avatar kadamwhite commented on September 22, 2024

Here's the proposed flow I've begun to implement:

  • An error occurs within the API
  • Client receives the error
  • A modal is shown to the user with the error text, a Retry button, and a Restart Workload button
  • If user clicks "retry," request is posted again without any change
  • If user clicks "restart workload", they go back to the first step of their active workload

Open question: Should the "cancel" option be "new workload," instead?

from ajl.ai.

boazsender avatar boazsender commented on September 22, 2024

Which is the "cancel" option?

I don't think "retry" should be an option. I can't imagine an error state that could be retryable.

I think "request new workload" is the right default.

from ajl.ai.

kadamwhite avatar kadamwhite commented on September 22, 2024

The two buttons were "cancel" (request new workload) and "retry", sorry that was confusing.

OK; the retry option seemed potentially useful as a fail-safe for timeouts and other types of issue outside our control, but I can omit it.

from ajl.ai.

kadamwhite avatar kadamwhite commented on September 22, 2024

Re-purposing this issue to handle fleshing out the UX of receiving an API error, as noted above

from ajl.ai.

boazsender avatar boazsender commented on September 22, 2024

This looks good. please test what happens when you loose internet connection.

Please also ad a "start over" action to throw away the workload.

from ajl.ai.

kadamwhite avatar kadamwhite commented on September 22, 2024
  • TEST whether the current error system allows you to retry when connectivity is interrupted
  • Also add a default "Start Over" which throws away your work and returns you to the homepage
  • (use navigator.online tag?)

from ajl.ai.

kadamwhite avatar kadamwhite commented on September 22, 2024

If a network error occurs between the initial load of the app bundle and the receipt of the annotations, a Network Error is shown, with a "retry" button. Pressing Retry will re-execute the request.

I'd like to be able to better differentiate between types of error; @gnarf have we considered returning more verbose error objects with unique codes and more status information?

from ajl.ai.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.