20

One way is to differentiate primary vs secondary buttons. You could keep “Install” as the prominent button and “Documentation” as the secondary link. Something like this:


7

There's no repetitive action here, unless it is expected that the user will install many products in one visit. Having similar buttons do the same thing to different pieces of content may look ugly (I find that very subjective), but it's very easy to understand what the buttons do. You can get rid of repeating buttons but that forces you to divide the ...


6

You are going to sacrifice consistency for repetition if you want to take this approach. The design pattern used is a series of card components in a full page grid layout, which requires each component to be replicated. If you remove the primary and secondary action, it will require creating another section on the page to process the user actions so you ...


5

Users just don't need to do anything to hide the control bar. As there is no reason to move the cursor until users want to interact with the controls, BY using Progressive Disclosure technique MS teams automatically hide for us to give a complete view of a video if the user is not moving their mouse. Here persistence UI trains user mind to look for ...


4

UI Mascot ...repetitive tasks often struggle with retaining users: people abandon them because they feel bored, and boredom is simply lack of stimulation. By using positive stimuli like humor, movement, unique art, elements of game, and relatable characters we can make users feel a different way — more excited, less distracted, and ultimately happier. ...


4

There is a word in german for it (for this very specific purpose in graphic design): "Störer". Which I have seen translated to eye-catcher. The purpose is simply disruptive marketing, interrupting your natural scanning of the content. Personal anecdote: Marketing managers absolutely love it, because it's hard to look away. But be aware, over-use deter ...


4

The particular one that you have mentioned in the question do not have a name by definition as of now it seems. Anyways, from a technical side it is adding JS functions to document.title. Therefore maybe we can call it Dynamic Document Title. [from today haha] Please post your answers if it actually has a defined name. Then I shall remove my answer :) ...


4

We were faced with this exact same problem. Our multi-select control behaves like yours, except for one detail: when the user clicks into the field, the menu immediately displays the full list of available options. We explored a number of design options, but agreed early on that we needed a straight-forward, easy-to-discover affordance to trigger the "...


3

I think banner is more appropriate behaviour. People tend to close the pop-ups without even reading it. They also tend to skip reading the toast-like banners as well but it's less intrusive. You don't cover the content at the end of the day. Also the first option gives you the chance to tell users why it's coming soon. Speaking of that, can't deny the fact ...


3

Can't we consider, if user has made no selection then he/she is intending all of them from dropdown? Many sites filters works in a same way. Users are already trained for using filters. Using the schemes that already exist we reduce cognitive load. If still want to make user think, How to show "Select all" option Try to keep 'select-all' option at the ...


3

Flashing Tab These types of notifications are usually called flashing notifications or in the cases of the favicon, Notification alert. By extension, the case of tabs can be called Flashing Tabs Image from Create a Flashing Notification Tab Or Browser Tab Notifications


2

First of all I would recommend using buttons instead of dropdown as there are few options with instant changing of the image. In this way even if the terms are not familiar to the users they are able to quickly test and select their preffered option. Size Auto Contain Cover Movement Fixed Parallax Now for the terms instead of Size you could go with ...


2

Size is a bit tricky as users may not really understand what auto, contain, and cover means. Those are more programmatic terms. What you are really doing when you are setting a background-size is scaling it in a certain way. So maybe a better way to convey the action is to call it "Scale". Parallax is a scrolling effect so it is probably better to call that ...


2

Very good work from what I can see. Here are three suggestions with examples (examples are not 100% to the point) Suggestion 1: Instead of connecting the two separate the other third There are 3 steps now (and generally 3 is a good number) but you could translate that into 2 steps + summary. In that way, you could either change the colour of the card ...


2

I'm surprised I can't see any formal UX description or testing for these anywhere. I did see a couple of articles on creating them which referred to them as Update Notifications. https://webdesign.tutsplus.com/tutorials/how-to-display-update-notifications-in-the-browser-tab--cms-23458 https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/...


2

NIST says the 23:59:59 solution or.... 24:00:00 on the 24th https://www.nist.gov/pml/time-and-frequency-division/times-day-faqs "To avoid ambiguity, specification of an event as occurring on a particular day at 11:59 p.m. or 12:01 a.m. is a good idea, especially legal documents such as contracts and insurance policies. Another option would be to use 24-...


2

I once read a study where it described that displaying information vertically hints/implies to the user that it is instructions. This is an interesting idea. Was it referring to printed or online content? If online, was it some time ago? In a work full of apps (and sites) where people spend a lot of time scrolling through posts, images, and videos, I ...


2

A lot of people aren’t really in the habit of making their beds every day, and I can’t be the only person who didn’t want to show a messy bedroom this week. I thought the prank would appeal to a lot of people, but I’ve thought that about many projects in the past that never got much attention, like my music videos and a video effect I made that delays darker ...


1

Followed the thread of anwer. It is not the usabilty issue. My perspective of explaination would be 1) Yes, user needs and should be given freedom to control things he/she uses ( this is comfort of user and Behavioral processing of brain). This is the reason many users are uncomfortable. The intention is not to move it just because it is disturbing, they ...


1

Q1. Is this for data input (in which case you want it to be as painless as possible) or for a game (in which case you sometimes want to make special combo's difficult and the reward is in mastering them)? Q2. How many different individual elements are there? 12 or less? If so you could map them to the function keys on a standard keyboard and let people ...


1

What do the users say? The absolute best thing to do is ask users in a usability test. If you can't ask users… Starts Midnight 18 May 2020 Ends Midnight 24 May 2020 seems like a straightforward way of doing it that most people will understand. Even if the numbers aren't exactly the same in the background it doesn't matter. People understand what this ...


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

There's another option to consider: a side sheet. From Material Design: Side sheets can display a wide variety of content and layouts, ranging from a list of actions to supplemental content in a tabular layout. Standard side sheets display content that complements the screen’s primary content. They remain visible while users interact with primary ...


1

Short answer: Do research. Don't do what the customer wants, try to understand why he/she needs that and map the flow. Check the pain points, reiterate wireframes and test it again. Don't listen only to one customer/user, I encourage you to explore more the problem with at least 10 customers/users. Why: I think there are some questions you need to answer ...


1

I think a great attention grabber is the pattern where the illustration goes out of the frame. it is a harder to implement but it looks great and it should work wonderfully with major announcements. Link: https://dribbble.com/shots/11298443-Finezjo-Dashboard


1

I read, and consequently investigated, the idea that every page on Wikipedia finds its roots in Philosophy. Clicking the first link in the first descriptive paragraph will take you on a path that leads back to the Philosophy entry. This is not breadcrumb, nor site map, but I think related to what the concept is that you are seeking to represent on your ...


1

Wikipedia already does this See, for example, the 'Programming paradigms' box on the Wikipedia page for object-oriented programming. As the other answers discuss, what you're describing isn't really a breadcrumb, it's a sitemap. You're showing the user the other categories they can view on your site. Depending on the size of your site, you could just ...


1

A way to show the inactive state is to keep the background color unchanged but change the text color by making it darker. Visual studio dark theme does this in the menu:


1

The number 1 answer for this question begins by stating: "People don't generally use hierarchical structures 'in the real world' -- it seems to be something that has been forced upon them, a technical remnant of the past." What?!? That's crazy talk. This is an old question but I wanted to answer it because it's spreading a bit of misinformation. ...


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