There are several options. Show more realistic results to user.
Add a button or an interaction to open a modal/ new view.
In this new view, show more meaningful data. Such as filter top 3 categories, results with atleast %90 accuracy etc. Choice is up to you.
Add suggestion system so that a user can reject a category or attribute. Or they can propose a new one to improve the results. Assume our backend uses this information to improve it's capabilities. This is for showcase for now ofcourse.
// TODO: Filter shown annotations by count or confidence
constdummyJSON=["Upload an image to start the process."];// TODO: Filter shown annotations by count or confidenceconst[previewJSON,setPreviewJSON]=useState(dummyJSON);const[previewImage,setPreviewImage]=useState("https://i.stack.imgur.com/y9DpT.jpg"
// TODO: Filter shown annotations by count or confidence
constdummyJSON=["Upload an image to start the process."];// TODO: Filter shown annotations by count or confidenceconst[previewJSON,setPreviewJSON]=useState(dummyJSON);const[previewImage,setPreviewImage]=useState("https://i.stack.imgur.com/y9DpT.jpg"
I've looked at a color palette and some sample fonts for UI Design of the web page. I thought we could possibly use Split Colors, with the colors being:
Gold: #F1B236
Blue: #0057F2
Purple: #6B33A1
As for font, a serious yet modern font might make Kalas-Iris seem more approachable to our target audience. From sans-serif family, Space Grotesk might be good for that purpose.
Below is a sample logo idea i made using these colors and this font.