The main information the color conveys isn't just that there are different types, but that the types have varying levels of difficulty.
The bronze < silver < gold metaphor has been used for ages, so any new symbols should try to convey that sense of escalation.
Edit: Thanks to the comments from GammaGames and Woodrow Barlow, here is a smaller ...
If you want to convey priority of one item over another then there are two obvious different approaches to take;
If one thing is 'bigger' than the other than it takes more priority over the others. Likewise if there are more of one thing than another then that theoretically makes it more desirable.
While the size option is ...
I just noticed that Graphic Design SE has badges in distinctive shapes.
So, I made a mock-up along the lines and increased the color contrast. now its clearly visible against a white background and meets the non-text contrast guidelines.
Graphic Design SE Badges:
There is no major problem here that needs addressing
I'm glad people are thinking about accessibility issues for things like this, it's important to make websites accessible, but I'm not sure why you don't include the most common form of colourblindness in your images. Viewed under Deuteranopia and Protanopia (i.e. red-green colourblindness) the colours are ...
I offered an answer on or.meta.se June 11 2019, intended for sighted persons. It wouldn't be difficult to modify it to work for color blindness. My question there has a link pointing to my meta.se answer. There I explain that different shaped badges are used on sites such as Music.se and Graphic Design.se:
In addition to different shapes it's also possible ...
Clicking the Faces center. If you draw a small dot in the center of each face, you would have less overlapping.
You can click near the dot and select the corresponding face. In Blender (with wireframe mode) it is like that:
edit: Here is a gif:
You could do it as in Adobe XD that let's you select layers underneath a layer by holding ALT. So basically whenever the user wants to select a face that is behind it can do so by holding the ALT button.
Cycling through the faces may be a simple solution, but what is the problem you are trying to solve?
Clicking can cycle through all possible faces under the cursor, or if clicking needs to also deselect a face, Alt+Clicking or Option+Clicking can do the cycling. This does have some issues if the objects are more complex than cubes or if there can be many ...
There are multiple ways to handle these problems. if a user doesn't archive/ delete the list then it must be consuming space on your server and it will eventually add extra cost. deleting by the system itself after a specific time is also not a good idea if the user itself is adding a list. we can show them the data size whenever they add a new one, how much ...
I see no possible thing that will motivate me go through thousands (did I get you correctly?) of lists and archive some that I don’t use. Sounds like I need to hire someone to hand do this job for me all next month.
If I make 100 playlists on Apple music, why the hell should I care how platform deal with it. Why I have to delete / archive playlists, I need ...
Since you are basically testing for motivation and how the logic of the questions matches up with the mental models of the users, a basic paper form will still do the job.
An higher fidelity of this approach will be to use a basic HTML form and then install Hotjar to do a form field analysis. The insights this will give you include "time spent on field", "...
I think it's a great idea considering how you intend to target 2 different key audiences.
My 2 cents would be to show that the "Short summary" is the one active by default and should perhaps be placed on the left. Also you could consider adding "view full case study" at the bottom of each short summary so viewers do not have to find it difficult to switch ...
(1) Ellipses + read more
This will create confusion as the entire is ideally clickable. Also, read more usually shows the full content in the current view (according to common patterns).
(2) Ellipsis + tooltip
I will not advise the usage of tooltip since once users already know what it does it will become redundant having it on each column.
(3) Just make ...
Display on hover, in my opinion, works with scenarios where there's just one or a few previews on the page, not on a page where there are tons of preview links. There are a lot of subcategories and the user's mouse will hover over them on a frequent basis, there will be a lot of pop ups on the screen as the user move their mouse and that can get annoying. ...
During each in-person usability session I'd encourage the tester to think out loud, so that you gain both insight into their immediate impression and understanding of each page, as well as their thought patterns and realisations as they go through the motions.
As things stand today in Stack Exchange, for audio screen reader users they never hear about the coloured (colored) icon because it is tagged aria-hidden="true".
However, not all visually deficient users use screen readers (i.e. 8% of males have red/green blindness). Also bear in mind that this is not exclusively an accessibility issue - absolutely ...
Vertically below each other in an order that makes sense to your users.
The issue with putting fields horizontally next to each other is that they are sometimes missed.
Have a search for LukeW, he is a UX researcher at Google and has some amazing content on form best practices.
The answer depends too much on things you didn't tell in the question, but to share a few thoughts:
Let users at anytime be able to enter a location manually so they can save it for later or share it with someone. Or is it only relevant at that specific time and only for that user?
What the begin state has to be without location data, is not something to ...
In this situation, the location data is in no way vital to your apps functionality. For that reason I would be developing the application assuming you do not have that permission and only use the permission to enhance the user's experience.
I've recently developed a very similar solution for an ongoing project I'm working on. I defaulted to showing an ...