DOC PREVIEW
Berkeley COMPSCI 160 - Design Rationale for “Cal-endar”

This preview shows page 1 out of 2 pages.

Save
View full document
View full document
Premium Document
Do you want full access? Go Premium and unlock all 2 pages.
Access to all documents
Download any document
Ad free experience
Premium Document
Do you want full access? Go Premium and unlock all 2 pages.
Access to all documents
Download any document
Ad free experience

Unformatted text preview:

Dennis BernardoDavid ChenVikram KumarHenry LeungHagop MarkarianOlivia OngChad SeegerDesign Rationale for “Cal-endar”The interaction styles that we chose for the interface prototype are direct manipulation, menu selection, and form fill-in. Results from our task analysis indicated that the users want to use an application that is easy to learn and use. Direct manipulation allows users to directly manipulate objects using actions that loosely corresponding to the physical world. These real-world metaphors make it easier for users to learn and use an interface since they are more naturaland intuitive. From our task analysis, we discovered that users want to use scheduling techniquesthat are less time consuming. Menu selection gives good overview of choices, reduces the number of required actions, and allows for rapid selection. Our menu options are clearly phrasedand user-friendly, making it difficult for a user to make unwanted selections. Menu selection is also easy to use and appropriate for beginners. For advanced users, the number pad can be used for quick access to menu options. Another thing that we learned from our task analysis is that users prefer efficiency. We feel that tasks that require many fields of data are best done with form fill-in instead of with menus. Form fill-in is efficient when the instructions and field labels on the form are brief, action-related, and logical because it prevents users from entering incorrectvalues. The five specific elements of our design are: colors, icons, title bar, menus, and the number pad.Colors: We decided to use colors in our application not only to add an aesthetic appeal, but to also aid users in navigation of our application. The users that took part in our task analysis would only use scheduling applications that are easy to use and not confusing. In our interface, colors are used to highlight important elements of the screen and differentiate specific functions. For example, in our calendar view, personal events such as work or school would be distinguished from group events like meetings through the use of color. This allows the user to learn the meanings behind the colors and create visual cues on the calendar. In this manner, the use of color in our interface also caters to the guidelines of simplicity. Our use of color sparingly, consistently, and with clarity, aids the users in forming efficient mental models for each task.Icons: In several screens of our application, we chose to use icons along with a short text title for the icon. This allows the user direct manipulation of the interface by selecting icons with representative graphics corresponding to a desired option. From our task analysis, we learned that users wanted to be able to learn a new program in a short amount of time. Most of the users in our task analysis already used some sort of scheduling technique such as iCal, Outlook, or a simple daily planner. These applications already use a minimalist aesthetic design that is drivenby direct manipulation. Outlook, as well as iCal, uses a variety of icons to make navigation easier and more visual. We also wanted to strive for consistency and cater to universal usability by integrating a similar use of icons. Since a wide variety of applications already use icons, the user will be able to intuitively understand the interface, effectively decreasing the learning curve. The icons would be representative of their function by depicting recognizable graphics that have universal meaning. For example, an icon of a single person will be used to access a profile screen for a group member, and an icon portraying several people would be used to advance to a group’s main portal screen. These icons will match the real world depictions of their function, making navigation smooth and intuitive, while providing depth and appeal to our interface. Title bar: The ease of using our application is very important to the users from our task analysis. Having visibility of the system status, where the user can tell what state of the system they are currently in, is very important to avoid confusion and memory recall. Our choice to display a title bar atop every screen is simple and yet very effective. Our title bar prevents the user from having to remember the state of the system thus promotes recognition rather than recall. This minimizes short-term memory load by telling user what state they are in which helps them in deciding what to do next. Navigation of our application is made smoother and simpler, by offering informative titles corresponding to a user’s actions. Menus: Users in our task analysis wanted to spend their time in the application efficiently through a simple and easy to navigate interface. Navigation of our application focuses primarily on using menus to offer users several choices to proceed while also preserving screen space. The menu is a central control unit that can be accessed from virtually every screen giving the user options to access corresponding elements of the application. Most cell phones use scrolling, numbered menus, so to minimize recall and maximize recognition we decided to implement similar style menus in our application. This design allows universal usability of our applicationby allowing our users to spend more time learning our application’s specific functions rather thanhaving to learn how to do simply navigate the screen. Number Pad: Our task analysis showed that users have different skill levels when using scheduling devices other than a pen and paper. To allow universal usability of our application, we chose to implement the use of the number pad when making menu selections. By pressing a number corresponding to the menu selection, an advanced user can much more quickly navigate the interface, since it offers shortcuts and faster pacing. The use of the number pad on the cell phone is both intuitive and logical. While the interface is already a part of the hardware itself, the choice to utilize its function in an interactive way, allows users different options for navigation. Some users may not prefer the number pad; however the choice is there for them to


View Full Document

Berkeley COMPSCI 160 - Design Rationale for “Cal-endar”

Documents in this Course
E-LEAGUE

E-LEAGUE

15 pages

iCurator

iCurator

10 pages

Project

Project

14 pages

E-Drink

E-Drink

10 pages

Load more
Download Design Rationale for “Cal-endar”
Our administrator received your request to download this document. We will send you the file to your email shortly.
Loading Unlocking...
Login

Join to view Design Rationale for “Cal-endar” and access 3M+ class-specific study document.

or
We will never post anything without your permission.
Don't have an account?
Sign Up

Join to view Design Rationale for “Cal-endar” 2 2 and access 3M+ class-specific study document.

or

By creating an account you agree to our Privacy Policy and Terms Of Use

Already a member?