First off, great job so far! I just wanted to raise a couple of suggestions to improve the usability/UX of your prototype. It's not urgent stuff, so don't worry if it's you don't have time to implement them straight away, but I do think they could improve your final product (and I suspect they might come up in user testing anyway):
The no-drop cursor which appears when you hover over the description in "/search" feels kinda unnatural because it suggests that the user has done something wrong. In the w3schools docs, a no-drop cursor is reserved for when you're dragging an incompatible file over a drag-and-drop component. I would strongly consider removing this.
I'm not sure that your comparison button is obvious enough for your user to understand what it does. Remember, the golden rule of UX is "Don't make me think" - make your user interfaces simple enough that your user can navigate your site naturally, without confusion. I think as a rule of thumb, you should try and avoid icons that are not totally obvious, or that users aren't already used to (like the "burger" icon for a menu). It might make more sense to convert this button to actual text, e.g. "Compare (2)".
The hover-for-description animation on each search result is a nice touch, however I think it implies that the description is clickable. I'd consider either making the whole thing a link to the charity's profile page (and putting the website on to this page), or adding a link to the "website" section.
OK, that's it from me for now - see you all tomorrow! 🎉 :school_satchel:
Hi guys,
First off, great job so far! I just wanted to raise a couple of suggestions to improve the usability/UX of your prototype. It's not urgent stuff, so don't worry if it's you don't have time to implement them straight away, but I do think they could improve your final product (and I suspect they might come up in user testing anyway):
The no-drop cursor which appears when you hover over the description in "/search" feels kinda unnatural because it suggests that the user has done something wrong. In the w3schools docs, a no-drop cursor is reserved for when you're dragging an incompatible file over a drag-and-drop component. I would strongly consider removing this.
I'm not sure that your comparison button is obvious enough for your user to understand what it does. Remember, the golden rule of UX is "Don't make me think" - make your user interfaces simple enough that your user can navigate your site naturally, without confusion. I think as a rule of thumb, you should try and avoid icons that are not totally obvious, or that users aren't already used to (like the "burger" icon for a menu). It might make more sense to convert this button to actual text, e.g. "Compare (2)".
OK, that's it from me for now - see you all tomorrow! 🎉 :school_satchel: