6

Users that have no access to a page should not be able to click at it at all. If you let a user click on a button only tell them later that they have no access to its content it can make them frustrated or trust the design less. Some suggestions: I would recommend making the tabs look like a process (maybe with arrows) or at least name them 1. Process one ...


5

I have worked on similar project. Having different styling for subsite is not a bad thing, and at the same time it is not advisable and recommended to have it with drastic visual design changed, Here are some of the reasons why: There is already a parent website that is familiar with your target audience, if they are used to using it they wouldn't ...


5

Display the upgrade message as they did not make an error. Allow for a CTA to upgrade. Spotify does a simple job of this. If I try to download, I get a top level banner, info style, with call to action for Premium: The animation pushing down the UI, and the color contrast make it easy to notice. It directly references the action I attempted: Download, and ...


4

Most applications/websites either have an icon (often a question mark) to indicate you can hover over it (but then the hover only works on the icon, not the label) or no special formatting at all. The answer here suggests using a dotted line as well; I vaguely remember old Windows (3.x) help files working the same way. Stack Exchange has a lot of labels / ...


3

Try to use color as well as shape to encode differences. In your case, you have to distinguish between two categories of events. The more you can take advantage of visual distinctions, the better: Tamara Munzer has some research on encoding for categorical attributes in her book Visualization analysis and design: Spatial region and motion are not possible,...


3

I would suggest colour coding different actions that can take place within a timeline and further more instead of a single dot you could also include an icon ( eg paperclip ) and make the tooltip permanent and not on hover. It is not clear what purpose the app serves but considering that i'm looking at the timeline of a previous day, the user might want to ...


3

The only thing that could be considered a standard really is the question mark in a circle icon, as @Glorfindel mentioned. Apart from that, it's what fits well with the rest of your content and UI design. As long as people can see that something is interactive. Can I ask you to look into making them accessible? https://inclusive-components.design/tooltips-...


2

I think I'd argue I this is basically your error (the royal you). You have given an option which the user is not able to access unless they pay. How you handle it depends on what feeling you want the user to experience. Is there a functional error with the site? or what the user has requested? > error state Is this information which you should have ...


2

Instructions can often be embedded within how the interface and taskflow is designed. In this case, an intermediate state could be introduced where the question transitions from a "test" phase to a "learning" phase. During the "learning" phase, the user has the choice to explore the official explanation for each right or wrong choice.


1

The icon currently used is understood as "external link", meaning the user will be taken to an url outside of the current one. It will likely create anxiety around losing the post. That been said, it is completely ok for a button to open in a new tab. An icon denoting so is not necessary (unless you are actually opening an external link). To ease user ...


1

This is a simple microcopy issue. We really just need to provide clear terms that aren't confusing. For the "online account", you could call it "Identity" or "User". The "financial account" would be "Account", but possibly "Bank Account" or something to avoid confusion. I'm assuming all sorts of things about the language being English, but I'm sure these ...


1

Another, single word option is Access, then place Register / Log In inside the Access page. This can be helpful when you want to create a clean UI with as few elements as possible.


1

I am not exactly sure there is an answer for this, because in the process of creating this logic/interface, some solid design principles are being contradicted and you will have to untangle them to make your life easier later down the track (imagine if you had to make changes and updates to this). If I understand the question correctly, you are trying to ...


1

we can try this. Initially Layout will be same as yours. When user clicks on view document, related document will slide in from right edge. Side navbar will slide out to generate more space for document. when user click on close document, document will slide out and side navbar will slide in. Refer this for more page-slide-stay-on-the-page-pattern


1

I'm not sure there's a real benefit; the animation will draw the user's attention but since they just clicked on the address bar, that's not necessary. The Firefox 'Megabar' seems to be inspired by the "Reborn 3" bar of the Opera browser which has the additional benefit of dimming the page content which is potentially distractive when navigating/searching (...


1

If users may be interested in tracking the progress, readonly access would be a reasonable option in many cases. For example, after clicking on the tabs, it could say something like: This task is currently assigned to J. Smith. Status: incomplete Of course, it depends on the reason for the access control. It may make more sense to have something like "...


Only top voted, non community-wiki answers of a minimum length are eligible