You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

Design 1

Design 1 focuses on an all-in-one interface that is designed to be relatively safe and efficient.  Tabs at the top of the screen allow music directors to switch between modes (uploading and tagging).  The entire interface is drag-and-drop-friendly, and responds to dropped files and URLs by uploading the corresponding file.  The left half of the screen is taken up by a list of uploaded albums which may be selected and shown in more detail on the right.  Albums may be deleted before entering the database by clicking on the "X" in the top right corner (for which the hot area extends into the "tabbed" area.  Editing data is performed by clicking on any piece of text which acts as click-to-edit.  The item which will be edited is highlighted on mouse-over.  Album art may be uploaded by clicking on the album icon in the top left corner of the right pane, and comments may be freely added at any time.  When the data is approved as correct, the "OK" button may be clicked to upload the digital download to the database.

Analysis

Learnability

This design makes use of a number of features that are externally consistent with other UI elements.  The row-based selection colors in the selected row which also responds by displaying the details in the right-hand pane, making it extremely obvious what the focus is at any given moment. Responsiveness to mouse events by changing the cursor and highlighting text to be edited increases the ability of a user to understand that the static text may be interacted with (and a simple click should reveal that it will open a text box).  However, this is not externally consistent, as users may anticipate a proper text field to indicate that it may be edited, especially as the comments field is an obviously editable <textarea>.

Efficiency

The design is reasonably efficient.  By allowing the entire page to act as a drag-and-drop area, the region in which to drop a link or file is proportionally bigger, making steering much less of a concern.  Furthermore, by allowing links to be dropped like files, the consistency of the action demands no interaction with a text box nor does it require two different methods of interaction that depend solely on whether or not the file has already been downloaded by the user. By presenting an "OK" box to approve albums right away, making it obvious and visible on the right-hand pane makes it easier to glance over the information and streamline the process of approving albums that have minimal or no errors.

Safety

The design is relatively safe.  Making the entire screen drag-and-drop reduces the chances that a user will fail to drop the file for uploading (as would be the case if only a part of the screen was active).  Furthermore, by unifying the drag-and-drop action across both links and files, users will not suffer from a lapse that might otherwise occur if they were forced to copy and paste a link by hand but instead chose to drag and drop the link.  The delete action in the top right corner of the right pane prompts the user for confirmation, as this action is dangerous.  Although such prompts are not desirable in general, the rarity of the delete operation should minimize any familiarity with the dialog.  Should information be required, the design may be made safe by preventing submission and highlighting missing fields.  The least safe aspects of the design relate to the compact nature of each download in the left-hand list (it's possible to select the incorrect album, but this is easily corrected, especially if state is maintained when an alternate album is selected) as well as the compact nature of the editor fields (it's possible to incorrectly activate the album name editor rather than the artist name editor, for example).

Design 2

Design 2 focuses on a simple interface for interaction with recent play counts.  Since the track count data digitally may only be partial (some plays may not make use of it or may depend on CDs), the design simply offers a preview of the plays with two additional buttons allowing the user to export the plays as an Excel spreadsheet or to Google Docs.

Analysis

Learnability

This design is extremely learnable.  Only three major elements exist, and the distinction between "Download (as Excel)" and "Export to Google" is clear and obvious.  The table of the preview should be consistent with previous external representations (i.e. existing Excel and Google spreadsheets of play counts)

Efficiency

The design is extremely efficient for the specific goal (viewing and exporting play counts for CMJ).  The scrollbars on the table are self evident and sorting may be achieved by clicking headers.  Downloading and exporting to Google Docs are possible with a single click and confirmation dialog.

Safety

The design is extremely safe.  As data is only viewed, no damage may be done to the data.  Sorting the wrong column may always be corrected by clicking on the right column, while the "File Save" dialog that appears when the "Download" button is clicked, and the "Name the spreadsheet to save this as a Google Doc" dialog that will appear when "Export to Google" is clicked both feature "Cancel" buttons that allow a user to avoid irreversibly downloading or exporting to Google.

Design 3

Design 3 seeks to be especially safe at the expense of efficiency.  The wizard-like design asks for a single upload which may be dragged and dropped onto the app.  Once the upload is complete, the music director or elf will then be asked whether the default data is acceptable.  If so, they may click "YES".  Otherwise, they may click "NO" which is placed in the lower right, away from "YES" to avoid accidentally clicking "YES" when a "NO" is meant.

If "NO" is clicked, a simple window-pane like interface appears (reminiscent of Windows 8), asking what is wrong with the interface, and presenting several options, one in each pane (e.g. "Title", "Tracks", "Artist", "Genre").  If one of the panes is clicked, the display focuses on editing only that field (e.g. editing "Genre" with a drop-down box for selection and button to add or remove additional genres).  If "OK" is then clicked from the detail view, the details will be saved.  If "CANCEL" is clicked, they will not.  In either case, the user will be returned to the "What's wrong?" screen.

When all changes have been made and nothing is wrong, the large "NOTHING" button may clicked to approve the album as is.

Once approved, or if "YES" is clicked initially, a "complete" screen is displayed.

Analysis

Learnability

This design is moderately learnable.  While the window-pane approach may be unfamiliar to non-Windows-8 users, the reactivity when the mouse is over each pane (i.e. changing the pane's color and changing the cursor to a pointer-hand) and consistency of the placement of the panes make this portion of the design relatively learnable, although even then it may not be sufficient due to a lack of external consistency with expected editor behavior.  Perhaps the least learnable portion of the interface is the lack of consistency between the "YES" and "NO" responses to the "IS THIS OKAY?" question on the second view.  Since these two actions do not show the same screen, it is possible that users will have a difficult time learning how to pull up the editor, as the two actions are not internally consistent.  This said, the questions posed on each page help to suggest to the user what the page is about (if the album data is okay, presumably only a "NO" answer would bring up an editor; if something is suggested to be wrong, clicking on the incorrect item correctly brings up the editor for that item.)  A final less-learnable point is the presence of the "NOTHING" button on the "What's Wrong?" page.  While this is a correct response to the question, it is not externally consistent with other forms that a user may encounter in other applications.

Efficiency

The design is not particularly efficient.  Since only one album may be uploaded and approved at a time, this design forces the user to plod through approval of each album, rather than leaving albums to be approved by other users.  Furthermore, the piecemeal nature of the design means that at least 4 button clicks are needed to edit even a single piece of incorrect information ("NO" -> (the incorrect value) -> "OK" -> "NOTHING").

Safety

The design is fairly safe.  The "YES" and "NO buttons on the "IS THIS OKAY?" page are separated by a significant enough distance to prevent accidentally clicking the wrong button.  Furthermore, each pane on the "WHAT'S WRONG?" screen is fairly large, making steering easy and decreasing the chances of hitting the wrong item despite the relatively compact design of the panes.  "CANCEL" buttons are offered on each detail editor, to avoid making unwanted changes.  It might be useful to have an additional "CANCEL" button on the "WHAT'S WRONG?" page, however.

  • No labels