A message from our CEO about the future of Stack Overflow and Stack Exchange. Read now.
106

Yes there should. Visible scroll bars are an affordance "this page is scrollable" Without visual hints such as this the functionality might be missed.


102

Some modern design guidelines certainly disprefer persistently-visible scrollbars, but not all. For example, in the Material Design guide, for menus, if a menu is scrollable, it should show a scrollbar. In any case, if your content is scrollable, it should be clear from looking at it that it affords scrolling. It's up to an individual designer or guideline ...


61

As a mouse user, I abhor scrollable content that doesn't give me a view of and access to scroll bars. The scroll bar is a control. It allows me to quickly navigate large pages no amount of finger-scrolling, scroll-wheeling, etc. can compare with. It also gives me more precision for most pages than my scroll-wheel. The scroll bar gives me information. It ...


34

Since your UI does not work, and your users does not understand the generation - you need to automate the process. If there is an existing invoice, the pdf-file needs to be deleted from the folder as soon as something is changed on the order, then recreated as soon as the users prints it again. Usually you don't send the invoice before the products have ...


33

What if you compare it to a download button on any website that downloads the pdf. You cant access the file server but have to click the download button in order to get your file and will always download the latest version. In your situation, the only way to acces the pdf directory could be though the 'view/print' button. This button will show the directory ...


26

This viewpoint comes primarily from the Mac environment, where scrollbars are typically displayed briefly when content first appears, then fade out. When scrolling occurs (user triggered or otherwise), the scroll bar reappears. Only the handle is visible (as a semi-transparent rounded black bar); no arrows or gutter. If the cursor is over the scroll bar when ...


18

It sounds like you've got a decision to make: Are you maintaining a folder of PDFs for the users to directly access, or are you not? If you are not, and this is an example of users discovering an unintended shortcut around your planned workflow, then I'd suggest making it impossible for users to do this. Use a different file format, put your PDFs in an ...


11

The removal of scroll bars in my view is another example of the idiotic and shallow ideology of putting style over functionality. This is back to front to how it should be and is indicative of the dumbing down of society to me. Scroll bars serve an important functional purpose that other alternative methods cannot always replicate. I think the change is ...


8

As a mixed point of view... Horizontal scroll bars are usually a bad thing. It may mean you've optimised for the screen width of a PC monitor, which doesn't translate well to mobile devices. When scrolling down, reading the entire page needs lots of left-right scrolls each screen of content. And conversely those sites will have wasted space on larger ...


7

Yes, scrollbars should be visible, if for no other reason than for the sake of accessibility. There are many instances where hiding a scroll bar makes your site/program anywhere between frustrating and borderline unusable: Using assistive hardware/software to access your page Using a mouse that doesn't have a scroll wheel Using a remote desktop system that ...


6

I guess you want a quicker solution than building a new invoicing system. The real pain point seems to be this: We can't prevent the user from accessing the PDF files folder because they may want to copy the PDF file to a USB key, … The solution is to prevent them from access that folder and only allow downloading the PDF from the application. The ...


6

In my opinion, the solution is simple, and I think it can be implemented. You need to write a code detecting any small change on the Invoice after the last time you exported the PDF and the moment the change happens try to show a gentle message on top of the screen in red, warning or notifying the user that there are changes occurred over your invoice and ...


6

This is actually mentioned in the QT docs: https://doc.qt.io/qt-5/qt.html#CursorShape-enum Wait Cursor: - Usually shown during operations that prevent the user from interacting with the application. Busy Cursor: - Usually shown during operations that allow the user to interact with the application while they are performed in the background.


4

This is an interesting question. TL;DR - Personally, I would go with a click because opening a "mega menu" is more of an action. A good rule of thumb is that you want to keep the distinction between an action (which might be denoted by a mouse click) and interaction (which could be denoted by hover or the like). Actions make something occur - whether that ...


4

A repository of invalid / outdated invoices In complement to Benny Skogberg answer, save a link with a hash on every PDF generated and the same hash on your central server. When you detect a change that invalidates a previous generated PDF, mark that hash as invalid / old. On PDF show a message about "invoice validation before payment" where the link, ...


3

As a general rule, the arrow signifies that the user can interact with the UI. In the "busy" version the arrow is still being displayed, meaning that, while it makes visible that there's some process being done in the background, the user has still the ability to interact with the UI. The "wait cursor" hides the arrow instead, making it clear that the user ...


3

I found this Terminal application is a program designed to emulate old terminals for example the VT100. In those "devices" where monitors, where the letters where "drawn" by illuminating some pixels, initially in green or orange and the most modern in white. Follow to know more - Why is the background color of cmd/BIOS/Terminal black while Internet ...


3

First, as Zasul has said, you should probably try limiting your plans in the first place. Too many choices can lead to decision fatigue and your potential customers may end up choosing none at all. Perhaps you could simply to just "Plan 1", "Plan 2", "Custom plan" where with custom plan they can just speak with a representative and set up a plan that fits ...


3

It depends on the context, and the amount of functionality you need to complete a task. Popovers Apple declares in their Human Interface Guidelines: Use a popover to expose a small amount of information or functionality. Because a popover disappears after the user interacts with it, limit the amount of functionality in the popover to a few related tasks....


3

A scroll bar is extremely useful it shows the user that page is scrollable it shows the user where they are currently on the scrollable page You have no idea how many times I was pissed and lost because some crappy designer thought that deleting the scroll bar is a good idea.


3

I think that's the right place to put a help button. You should either have the help button left-aligned Or move it to the top, next to the close button. Use the question icon. It used to be a standard


2

I think it would be best to keep the design consistent across devices and make the phone numbers links in the desktop application as well. Making phone numbers links in the desktop version, as you mentioned, would be beneficial because it would allow users to immediately place a call using Skype, Google Hangouts, etc without having to copy the number to ...


2

Mask it, but: allow it to be revealed via a click include a copy to clipboard icon next to it Although API keys are too long to be memorable via shoulder-surfing, they are vulnerable to high-resolution video recordings or photographs (e.g., surveillance cameras or film crews who dropped by for an interview). There are several documented instances of ...


2

I'd take such rigid "guidelines" with a grain of salt, because they don't take any usage context into account. Some applications simply won't be usable in a meaningful way when shown within a tiny 800 x 600 viewport, and Microsoft actually agrees, as, e.g., Microsoft Visual Studio 2017 requires a screen setup that is quite a bit larger than 800 x 600: "...


2

Click In this particular case, it would be useful to consider some cons or pitfalls of hover too: False positives: hover actions fires every time the mouse pointer is over the menu. But very often the user does not do this intentionally. The hover area just happens to be along the path the user wants the mouse to go. As @aaron already pointed out in his ...


2

I think the best way to answer this would be from the Aesthetic-Usability Effect perspective https://www.nngroup.com/articles/aesthetic-usability-effect/ In the page design system that the textbox control is situated in, what would be the best alignment and positioning that it would keep/enhance the pages aesthetics. You could also follow these guiding ...


2

To add to MichaelS’ answer, On tablets and iPads, a non grabable scrollbar, that hides when not scrolling, is preferable. As he said, scrolling on touch devices is much more precise, and visible, grabbable, scroll bars are clunky and annoying. However, depending on the page length, a back to top button would be welcome. Also, whilst writing this on ...


2

I'm so glad, somebody raises that question. It's Microsoft's fault that you have to write such a long question, because they created that inconsistent mess. Everything started with Microsoft making cross platform + touch input the top priority for Windows 8 and future Windows releases. That brang us a Windows experience that was consistent with Windows ...


2

To me, greyed-out list items mean those that are "of little interest" - in context that would mean references that are currently unused. You already have padlocks to indicate non-actionable items, whether or not they're used. Unlocked references should be removable. Consider how modern VS handles this - references are removable, regardless of whether or not ...


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