The present disclosure relates to graphical user interfaces.
Web-based and personal-computer-based email software allows users to attach files to email messages. A typical user interface for a Web-based email client has a text box into which a user can type a filename of the attachment. Adjacent to the text box is a button labeled “Browse” which provides an alternative to typing the file name into the text box. The “Browse” button triggers an operating system's file browsing feature to enable a user to select one file. In response to a file being selected, a full path name of the file is automatically populated in the text box. Thereafter, the user must click on a second button to upload the file to a Web server. After the file is uploaded, the user may follow the above procedure to add another file, or may click a third button to complete the upload process.
The present disclosure is pointed out with particularity in the appended claims. However, other features are described in the following detailed description in conjunction with the accompanying drawing in which:
User testing has shown that the aforementioned uploading process is overly complicated and error prone for many users. The text box induces many users to type an incomplete filename rather than use the “Browse” button. Further, the label “Browse” is not well understood by users. After a file has been selected, many users fail to select the second button to upload the file. Instead, they click the third button to complete the process. Additionally, some operating systems currently limit only one file to be uploaded at a time.
Embodiments of the present disclosure address the aforementioned issues. In an embodiment, the “Browse” button is given a different label, such as “Find File to Attach”. This new label more specifically indicates the function of the button and why a user should select the button. Further, the text box is removed so that users do not mistakenly enter an incomplete filename into it. Optionally, once a file has been selected in an operating system's file browser, the file is automatically uploaded to a Web server without having to click an “Add” button or another manual act. This makes uploading multiple files at a time easier for the users. Another option is to upload all files in the list box when an “Attach Files” button is clicked.
The resulting graphical user interface reduces a number of steps needed to upload local files to a Web site, eliminates confusing user interface objects, and more easily allows multiple local files to be selected and uploaded at once. Thus, the user experience is made simpler and less error prone.
Embodiments of the present disclosure are described with reference to
As indicated by block 20, the method comprises providing a graphical user interface (GUI) using the computer 10. The graphical user interface allows the user 12 to select which file(s) to upload, and to initiate the upload. The graphical user interface comprises a user-selectable button 22 having associated text that includes a verbal of the word “attach”. A verbal is defined as a group of words derived from a verb. The verbal may comprise either an infinitive of “attach” or a gerund of “attach”. In general, the infinitive includes the word “to”, and the gerund includes the word “for”.
The infinitive of “attach” may have either an adjectival-use form, a noun-use form, or an adverbial-use form. Regardless of which of the three forms is used, the infinitive may have either an active voice or a passive voice. TABLE I shows examples of text associated with the user-selectable button 22 using the various infinitives of “attach”. In one embodiment, the text includes an active voice, adjectival form of the infinitive of “attach”, such as “Find file to attach” or “Find files to attach”.
As an alternative of the infinitive, the gerund of “attach” may be used. The gerund comprises “for attaching”. Thus, the text associated with the user-selectable button 22 may comprise “Find file for attaching” or “Find files for attaching”.
In response to receiving a selection of the user-selectable button 22 from the user 12, an act of initiating a GUI element 24 is performed (as indicated by block 26). In one embodiment, the GUI element 24 is a file browser of an operating system (OS) 30 of the computer 10. In general, the GUI element 24 may comprise a dialog box. The GUI element 24 allows the user 12 to find one or more files to attach to a message, such as an email message.
As indicated by block 32, the method comprises receiving a selection of one or more files 34 made by the user 12 using the GUI element 24. The one or more selected files 34 are present on a computer-readable medium 36 associated with the computer 10. Examples of the computer-readable medium 36 include, but are not limited to, a magnetic medium such as a hard disk or a floppy disk, an optical medium such as an optical disk (e.g. a CD or a DVD), or an electronic medium such as an internal electronic memory of the computer 10 or a removable memory card.
As indicated by block 40, the method comprises displaying a list 42 of the selected file(s) for view by the user 12. The GUI includes a user-selectable button 44 that allows the user 12 to selectively remove one or more of the selected file(s) from the list 42. The user 12 can select a file to be removed by pointing and clicking on its entry in the list, and then selecting the button 44. Alternatively, the user 12 can scroll the list 42 using scroll keys or a scroll wheel until a particular entry is highlighted, and then select the button 44 to remove the file associated with the highlighted entry from the list 42.
Optionally, the GUI further comprises a user-selectable button 46 having associated text that includes an imperative of “attach”. In an embodiment, the text consists of “Attach file” or “Attach files”. The user-selectable button 46 is to initiate a process 50 to upload the selected files 34 to attach same to the message.
As indicated by block 52, the method comprises uploading the selected files 34. The selected files 34 may be uploaded in response to the user 12 selecting the button 46. Alternatively, each selected file may be automatically uploaded once the user 12 has made its selection using the GUI element 24, such as the file browser of the OS 30. In either case, the selected files 34 are uploaded from the computer 10 to the computer 14 via the computer network 16. Optionally, the GUI comprises a cancel button 54 which, if selected by the user 12, aborts the act of uploading the selected files 34 in block 52.
Optionally, either in addition to or as an alternative to having the associated text within each of the buttons 22, 44, 46 and 54, the associated text may be provided in another form. For example, each associated text may be included in a markup language tag associated with its corresponding one of the buttons 22, 44, 46 and 54. The associated text may be included in a value of an attribute, such as an ALT=“text” attribute and/or a TITLE=“text” attribute, of the tag. Using the tags or alternative types of computer code, a mouse-over event for any of the buttons 22, 44, 46 and 54 can cause its associated text to be displayed by the computer 10. Further, if the computer 10 is equipped with screen reader software and/or hardware, the associated text in the tag or alternative type of program code can be audibly displayed (e.g. speech synthesized) to the user 12. This assists blind users in using the GUI to upload files. Those having ordinary skill will appreciate that markup languages such as hypertext markup language (HTML) and other computer languages can be used to provide the aforementioned tool-tip like functionality with or without using tags.
It will be apparent to those skilled in the art that the disclosure herein may be modified in numerous ways and may assume many embodiments other than the preferred forms specifically set out and described herein.
Accordingly, the above disclosed subject matter is to be considered illustrative, and not restrictive, and the appended claims are intended to cover all such modifications, enhancements, and other embodiments which fall within the true spirit and scope of the present invention. Thus, to the maximum extent allowed by law, the scope of the present invention is to be determined by the broadest permissible interpretation of the following claims and their equivalents, and shall not be restricted or limited by the foregoing detailed description