Hot answers tagged

57

The original, by Norm Cox, had the dog ear in the bottom left. This was made for Xerox Star system, and it was a bit of an odd choice since typically, in a book, the dog ear is in the top right corner*. (source) It was only a latter concept that changed the position of the dog ear to its current position: * This sentence was not based in any factual ...


55

Echoing the others, yes, don't make your users guess. Not showing them what they're allowed to do with their form is akin to, for example, providing a single text field input with the label Contact: and only after they have entered their email address alerting them that the input is invalid because you expected their postal code. Additionally, check the ...


28

No, not at first. Most of your users are going to upload files smaller than 128M anyway and won't care about the limit. Don't show useless information to them. Don't make them think. I am sure your UI will benefit from having more free space. However, do check the file size and inform the users of the limit when they try to upload a file that is too large: ...


26

This is an assumption but many people use to curl a page in a book to set it as a bookmark. As the left area is stitched you are left with the top right corner and bottom right corner and it is more natural to curl the top right corner. As for other types of papers that are not books this might also be the case as the files might be added in a folder or ...


9

History This goes back to a time before screens and icons. The fold was used to hold pages together before paperclips were invented. At least I read this somewhere but unfortunately can't find the source. Seemed plausible to me anyway. Top right Writing left to right you would cover the first thing on the page if the ear was in the top left. The bottom ...


9

I think the skeuomorphic position of the "paper fold" is not the issue. The difference between the four positions is too minor. The skeuomorphic meaning of the different fold positions is so close that simple visual effectiveness is what makes the decision. I think the position is simply the most effective position for eye scanning. It's the easiest ...


8

I don't think you should show or accept 128 MB files via an upload form unless you're pretty sure your user have good speed. Even on 10mbps, 128mb file is 2 minutes of upload: it's a rather long process that can be easily broken. That said, I would limit and show something like 10 MB or even smaller. Good idea is to specify accepted file formats in the ...


8

If you are reading a book and go to turn the page to the next one, which corner do you normally grab? In Western, left-to-right-reading countries (and, for better or worse, a lot of things in tech are Western-centric), it's going to be along the right side of the page. Personally I'm much more likely to grab the top corner because it's easier for my index ...


8

Use the ISO format for combined date and time values. It's best to stick to the standards, especially when dealing with dates. The above linked Wikipedia article states (emphasis mine): A single point in time can be represented by concatenating a complete date expression, the letter "T" as a delimiter, and a valid time expression. For example, &...


6

The overall usefulness here all depends on what files you want to upload, how your workflow is and how you organize them. Scenario 1 : You know where your stuff is You know exactly which files you want to upload, how they are named and in what folder they are located. Navigating to them in an explorer window and drag/dropping them will need ...


6

Any Size Now that I have your attention, this might be a blunt statement, but it's intrinsically correct. Whenever you make an user download a file, you need to warn about the possible consequences. As you know, mobile downloads are a beast of its own, and they have rules that don't apply to desktop. They're also affected by: Speed Data Transfer Device's ...


6

I see some similar answers to mine but have a bit different perspective. While making the symbols, to make it easy to understand the makers want it to be easily understandable. So if you see a file in real life it is bound the left side and dog ears on the right side. That's the reason why they always folded on the top right. I can't answer the other part ...


6

Here is a typical letter or page of a book: Heading 1 Dear Mr. Lorem Ipsum Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum ...


5

I'm going to be the wet blanket and suggest that there may not be a big benefit. The fact that these are being used more often is more about changes in technology. We can do it this way now, so let's do it this way. Yes, drag-and-drop is not a new concept. It's been part of our systems GUIs for 4 decades. But note that the process of uploading a file via ...


5

The rationale behind this: Documents contains files that can be manipulated by the user - Rename, Edit, Delete, Send etc. ApplicationData (now ProgramData) are files manipulated by software. You don't open an MSOE file from windows explorer, you should not rename it, to forward an email you do not send the file it is stored in, if you don't need the ...


5

Earlier when I dealt with empty states, I always had the need to be witty about it, but that turned out to be less than effective, as it could annoy the user if they were frustrated with that empty state. While researching how to solve that, I realized that the CTA principle was important, as well as taking the whole UI stack into account. Empty State CTA ...


4

SHARE and EXPORT cannot be used interchangeably,and if you do so you run a great risk of confusing your userbase. Share is used to SHARE information online with other people. For example: social networks,email,etc On the other hand EXPORT is used to save your work in a way/a format that a normal save cannot achieve For example: saving a photoshop work ...


4

Would you like to be interrupted while learning? If someone is using the file it will not be a good user experience to immediately stop his work because someone has deleted it. Maybe a student is writing something and has made considerable progress. Or maybe she is reading. Interrupting users will bring a lot of user frustration and loss of their work, ...


4

This is a guess/opinion, but I think it probably has to do with the majority of people being right handed, and therefore a folded corner makes more sense to be on the right hand side since it will probably have been made by someone's right hand. Another idea could be that the initial icons were designed by people in countries that read from left to right (e....


4

Why a triangle/notch? A blank sheet of paper holds no content. It's orientation does not matter. A not-blank sheet of paper does hold content. And you do need to worry about its orientation to consume that content. Its tricky to correctly orient a square or rectangle by shape alone. But, add in a cut-out triangle, and it becomes easier. Think about the ...


4

If your application has limitations to file sizes and formats, then yes these should be conveyed to the users so that they can have a successful image upload. Generally accepted formats are JPG and PNG. Most mobile phones and webcams produce images in these formats. As such it is necessary to support at least these two. Display these formats upfront in the ...


3

I see that those file types can be classified as text or image files, so it'd be recommended to offer the option to select all the files of one type just with a click. Also it provides better organization (even better if you order them by most used or alphabetically). If the user wants to select by file type, the max amount of clicks needed is 1 so it ...


3

Assumption: The system has a large number of files and large number of different file types. 1. Grouping things into categories and subcategories simplifies things Imagine trying to understand all living organisms without any form of classification. No kingdoms, phylums, classes, orders, families, etc. This one simple example clearly illustrates the ...


3

you cannot trust a user to keep the file name relevant to the content We should not burden the user with keeping the file name relevant to the content, especially if the same or related content comes in so many forms. If the user can change the name, and changing the name gives them problems down the road, it doesn't matter whether they usually do or ...


3

Drag and drop save much time because folder with working files are often opened and it's faster to drag it directly to website. I do it little bit faster: Alt tab from browser to folder Click and hold document icon Alt tab to your browser RELEASE!


3

Drag drop can be useful in various cases e.g. If folder with file is already open - saves you time of browsing to the correct location from the open file dialog. You can drag multiple files in one go. You can drag items from open apps e.g. drag an image from an image editing application or from an open browser window without even saving the image. In some ...


3

No notification is required as it doesn't interrupt the user. Assume that you have shared a document such as DOC, RTF, XSLX, or simple text file, PDF, PNG, JPG, GIF, etc. The other person (teacher) clicks on the file. Clicking on the link or file opens the file by using (depends on the kind of implementation): Browser (using PDF, MS Word plugins, etc.) - ...


2

Just imagine you have your folder window open with the file you want to upload. And in another window there is a link which says "Browse". You click on it and you have to go through the trouble to locate the file which you can already see in another window. In this case the drag and drop is a very useful feature. But there are some disadvantages ...


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