proposal 13

Proposal 13Proposal 13

HUMAN CENTRIC COMPUTING HUMAN CENTRIC COMPUTING (COMP106)(COMP106)

ASSIGNMENT 2ASSIGNMENT 2

The new interface that I have designed for the University Online Library Catalogue will consist of many tasks that the user will be able to perform with the interface. I feel though, that there are 3 main tasks involved with this type of interface, and these are the tasks that I will concentrate on in this design.

The 3 tasks are:

• Searching for a book.

• Checking the availability of a book.

• Checking the location of the book in the library.

Introduction.

Task 1 – Searching for a book.Task 1 – Searching for a book.Main operations:Main operations: The user will be provided with a Form Fill-in style of data entry.The user will be provided with a Form Fill-in style of data entry. A drop down menu will be included enabling users to select by A drop down menu will be included enabling users to select by

which option they would like to use to search for their book. e.g. which option they would like to use to search for their book. e.g. author or title.author or title.

A button will be available on-screen allowing the user to finalise their A button will be available on-screen allowing the user to finalise their search. A drop-down menu will also be available on-screen enabling search. A drop-down menu will also be available on-screen enabling the user to either search again, go back a page, or return to the the user to either search again, go back a page, or return to the main menu.main menu.

Unlike in the current interface, error messages will be displayed if, Unlike in the current interface, error messages will be displayed if, for example, letters are attempted to be entered in a search by for example, letters are attempted to be entered in a search by category number.category number.

A thank you message will be displayed at end of this and every A thank you message will be displayed at end of this and every other task, giving good closure.other task, giving good closure.

Task 2 – Checking the availability Task 2 – Checking the availability of a book.of a book.

Main operations:Main operations: After user has chosen their book, they have the chance to select the After user has chosen their book, they have the chance to select the

‘availability’ option from the drop-down menu on-screen to see ‘availability’ option from the drop-down menu on-screen to see whether their chosen book is available for loan.whether their chosen book is available for loan.

The following screen will tell the user whether their book is The following screen will tell the user whether their book is available. If so, the user will be thanked, and given the option to available. If so, the user will be thanked, and given the option to check the location of the book. If not, unlike in the current interface, check the location of the book. If not, unlike in the current interface, the user will now be informed as to how many days it will take for the user will now be informed as to how many days it will take for the book to become available and whether they would like a the book to become available and whether they would like a confirmation e-mail telling them that their book is available.confirmation e-mail telling them that their book is available.

Again, their will be a drop-down menu on-screen allowing the user Again, their will be a drop-down menu on-screen allowing the user to either check the location of the book in the library, perform a new to either check the location of the book in the library, perform a new search, go back a page, or start over completely.search, go back a page, or start over completely.

The user, unlike in the current interface, will be thanked for using The user, unlike in the current interface, will be thanked for using the service after each task they perform.the service after each task they perform.

Task 3 – Checking the location of a Task 3 – Checking the location of a book in the library.book in the library.

Main operations:Main operations: Once the user has completed either of the first two tasks, they will Once the user has completed either of the first two tasks, they will

have the option to check the location of the book in the library by have the option to check the location of the book in the library by pressing the ‘location’ button.pressing the ‘location’ button.

The following screen will, unlike in the current interface, describe in The following screen will, unlike in the current interface, describe in detail where the book is locating, by showing a top down map of the detail where the book is locating, by showing a top down map of the library indicating where the user needs to go to collect the book.library indicating where the user needs to go to collect the book.

On this screen also will be a button which the user can press if they On this screen also will be a button which the user can press if they want to take the library tour, (an option which is available on the want to take the library tour, (an option which is available on the very first menu of the interface) in order to become more familiar very first menu of the interface) in order to become more familiar with the library and it’s locations.with the library and it’s locations.

The user again will have a drop-down menu available to them, if The user again will have a drop-down menu available to them, if they want to check the availability of the book, perform a new they want to check the availability of the book, perform a new search, go back a page, or simply start again at the home page.search, go back a page, or simply start again at the home page.

Again, the user will be thanked after they have completed this task.Again, the user will be thanked after they have completed this task.

Summary of the new operations, which were not allowed Summary of the new operations, which were not allowed on the current interface.on the current interface.

Thank you messages being displayed at the end of each task, giving the Thank you messages being displayed at the end of each task, giving the user a feeling of satisfaction having completed a task.user a feeling of satisfaction having completed a task.

A map of the library being displayed on the ‘location’ screen, highlighting the A map of the library being displayed on the ‘location’ screen, highlighting the area of the library that the user’s chosen book is kept.area of the library that the user’s chosen book is kept.

An opportunity for the user to input their e-mail address in order to receive a An opportunity for the user to input their e-mail address in order to receive a confirmation message when their chosen book, which is currently not confirmation message when their chosen book, which is currently not available for loan, becomes available.available for loan, becomes available.

Only one method of data entry, making things a little less confusing for the Only one method of data entry, making things a little less confusing for the inexperienced user. A Form Fill-in style of data entry will be used for this, it’s inexperienced user. A Form Fill-in style of data entry will be used for this, it’s advantages being that it is attractive and suitable for users of all standards.advantages being that it is attractive and suitable for users of all standards.

Drop-down menus and buttons being displayed clearly on each screen, Drop-down menus and buttons being displayed clearly on each screen, allowing the user to perform a number of operations, i.e. search, go back allowing the user to perform a number of operations, i.e. search, go back one page, start over, and so on.one page, start over, and so on.

Better error handling than the current interface. For example if a letter is Better error handling than the current interface. For example if a letter is typed in the ‘category number’ search option, then an error message will be typed in the ‘category number’ search option, then an error message will be displayed, informing the user clearly of what they have done wrong. In the displayed, informing the user clearly of what they have done wrong. In the current interface, the search is performed anyway even though invalid data current interface, the search is performed anyway even though invalid data has been entered.has been entered.

Clearer information in general, making things less confusing for the user. Clearer information in general, making things less confusing for the user. For example, things are less crammed in the new design, and the user is For example, things are less crammed in the new design, and the user is informed on every screen of what is going on. In the current interface, it informed on every screen of what is going on. In the current interface, it seemed like a lot of things were crammed onto one screen, thus perhaps seemed like a lot of things were crammed onto one screen, thus perhaps confusing a less experienced user.confusing a less experienced user.

Designing a Metaphor.Designing a Metaphor.The basic metaphor which I will be using will be that of a directory.

Basically, a directory is generally known as a book, or list, of some specific data. Here are a few examples:

• Names

• Addresses

• Telephone Numbers

• ID Numbers

That is the basic idea, and I believe that the fact that the online library catalogue is basically a list of books, this metaphor is suitable.

Designing a Metaphor.Designing a Metaphor.Basically, we want the user to be allowed to do in the metaphor, exactly the same as what they are allowed to do in the real system.

Let’s use a telephone directory as an example. A telephone directory lists information on people including their address and their telephone number. (Much in the same way that the online library catalogue lists information on books, including their availability and their location within the library).

Telephone Telephone DirectoryDirectory

Online Library Online Library CatalogueCatalogue

Allows user to Allows user to search for data in search for data in relation to surname relation to surname (alphabetically).(alphabetically).

Allows user to Allows user to search for data in search for data in relation to title, relation to title, author etc.author etc.

Allows user to Allows user to check details check details relating to the relating to the person.person.

Allows user to Allows user to check details check details relating to the relating to the book.book.

Allows user to gain Allows user to gain information easily information easily relating to a certain relating to a certain person.person.

Allows user to gain Allows user to gain information easily information easily relating to a certain relating to a certain book.book.

Using the metaphor in relation to the 3 main tasks.Using the metaphor in relation to the 3 main tasks.

TaskTask How the user performs itHow the user performs it How the interface performs itHow the interface performs it

Searching for a Searching for a book/person.book/person.

Recollect surname of person.Recollect surname of person. Open directory by pulling back Open directory by pulling back cover.cover. Search alphabetically through the Search alphabetically through the directory by flicking through pages directory by flicking through pages until correct surname is found.until correct surname is found. Choose correct name from the Choose correct name from the resulting list.resulting list.

Recollect name/author etc of book.Recollect name/author etc of book. Open directory by entering correct website Open directory by entering correct website address and clicking ‘enter’.address and clicking ‘enter’. Search for book in relation to chosen option Search for book in relation to chosen option (author/name etc) by typing in known (author/name etc) by typing in known information and clicking on the ‘search’ button.information and clicking on the ‘search’ button. Choose correct book from resulting list by Choose correct book from resulting list by clicking on the chosen book.clicking on the chosen book.

Checking the Checking the availability of the availability of the book/address of book/address of the person.the person.

Along with the chosen persons Along with the chosen persons name, locate, on the same line, the name, locate, on the same line, the persons address.persons address. Verify that this is the persons correct Verify that this is the persons correct address by reading through it and address by reading through it and checking that it is correct.checking that it is correct.

Having selected a book, click on the Having selected a book, click on the ‘availability’ button on-screen.‘availability’ button on-screen. Verify the availability of the book by reading Verify the availability of the book by reading the information displayed on-screen.the information displayed on-screen.

Checking the Checking the location of the location of the book/telephone book/telephone number of the number of the person.person.

Along with the other details, locate, Along with the other details, locate, again on the same line, the persons again on the same line, the persons phone number.phone number. Verify that this is the persons correct Verify that this is the persons correct telephone number by reading through telephone number by reading through it and checking that it is correct.it and checking that it is correct.

Having selected a book, or from the Having selected a book, or from the ‘availability’ screen, click on the ‘location’ ‘availability’ screen, click on the ‘location’ button on-screen.button on-screen. Verify the location of the book by reading Verify the location of the book by reading through the on-screen information including through the on-screen information including studying the library map shown, highlighting studying the library map shown, highlighting the exact location of the book.the exact location of the book.

The new interface designThe new interface design

The new interface has been designed concentrating on a direct manipulation style of interaction. This is important considering the interface will be used by inexperienced as well as experienced users.

Here are the two main objects that will be made available to the user:

• Buttons

• Drop-Down Menus

I have made more use of drop-down menus in the new interface compared to the current interface. For example, in the current interface, where there is a list of buttons at the head of the screen for the user to select, I intend to create more space on the screen by using a drop-down menu thus reducing the amount of buttons on-screen. I believe this, in addition to creating more space on-screen, is far more attractive and efficient for the experienced or inexperienced user. It also seems more modernised, as constantly using buttons seems a bit old-school now.

A look at the new features on each screen A look at the new features on each screen involving the 3 main tasks.involving the 3 main tasks.

WelcomeWelcome Screen Screen Search OptionSearch Option Screen Screen

A warm welcome message.A warm welcome message. Colourful background and Colourful background and border which remains consistent border which remains consistent throughout.throughout. A clear drop-down menu giving A clear drop-down menu giving the user the options to either the user the options to either search for a book, contact the search for a book, contact the library, take a library tour, and so library, take a library tour, and so on. (Basically all the features that on. (Basically all the features that were already available to the user were already available to the user on the main menu of the current on the main menu of the current interface).interface).

A clear, informative message, A clear, informative message, explaining to the user what they explaining to the user what they need to do.need to do. A form fill-in style data entry A form fill-in style data entry form, allowing the user to search form, allowing the user to search for their desired book by either for their desired book by either name, author etc.name, author etc. A button the user should press A button the user should press to confirm their search.to confirm their search. A button enabling the user to A button enabling the user to return back to the main menu if return back to the main menu if they wish to do so.they wish to do so.


Search ResultSearch Result Screen Screen Chosen BookChosen Book Screen Screen

A clear message on-screen A clear message on-screen informing the user of their search informing the user of their search results, including how many books results, including how many books the system found in its search.the system found in its search. A message informing the user A message informing the user that they need to click on their that they need to click on their desired book in order to proceed.desired book in order to proceed. The books will be formed in a list The books will be formed in a list going down the page.going down the page. A drop-down menu will also be A drop-down menu will also be provided, giving the user the provided, giving the user the chance to search again, start chance to search again, start again, or go back a page.again, or go back a page.

A screen containing all the A screen containing all the information on the users chosen information on the users chosen book.book. Plenty of information will be Plenty of information will be provided, i.e. name, author, provided, i.e. name, author, category number, and so on.category number, and so on. The user will also on this page The user will also on this page be able to press a button to either be able to press a button to either check the availability of the book check the availability of the book or the location of the book.or the location of the book. The same drop-down menu as The same drop-down menu as on the previous page will be on the previous page will be provided.provided.


AvailabilityAvailability Screen Screen LocationLocation Screen Screen

A clear message indicating whether the book is A clear message indicating whether the book is available for loan.available for loan. If so, a button will be available for the user to If so, a button will be available for the user to press in order to check the location, and also a press in order to check the location, and also a drop-down menu will be provided with the same drop-down menu will be provided with the same options as previous screens.options as previous screens. If not, the user will be informed as to how many If not, the user will be informed as to how many days it will take for the book to become available.days it will take for the book to become available.The user will be able to press a button to check The user will be able to press a button to check the location of the book, and also another button the location of the book, and also another button will be provided, allowing the user, if they wish, to will be provided, allowing the user, if they wish, to enter their e-mail address to receive confirmation of enter their e-mail address to receive confirmation of when the book becomes available.when the book becomes available. The same drop-down menu will be provided The same drop-down menu will be provided again here.again here. The user will also see a message on-screen The user will also see a message on-screen thanking them for using the service.thanking them for using the service.

A clear message, informing the user of A clear message, informing the user of which section of the library the book is located which section of the library the book is located in.in. The screen will also display a top-down map The screen will also display a top-down map of the library, (or a part of the library) of the library, (or a part of the library) highlighting the area where the book is kept.highlighting the area where the book is kept. The on-screen buttons will allow the user to The on-screen buttons will allow the user to check the availability of the book if they haven’t check the availability of the book if they haven’t already done so, and to take the library tour in already done so, and to take the library tour in order to become more familiar with the layout of order to become more familiar with the layout of the library.the library. Again, the same drop-down menu will be Again, the same drop-down menu will be provided.provided. Also, the user again will be thanked for using Also, the user again will be thanked for using the service.the service.

Summary of how the user will benefit from using the new interface in Summary of how the user will benefit from using the new interface in relation to the 8 Golden Rules of interface design.relation to the 8 Golden Rules of interface design.

• The new interface is consistent throughout, with the background remaining the same. Every page ‘feels’ more or less the same to the user, making things less confusing. The information given to the user remains consistent, as well as the buttons and drop-down menus on each page.

• Expert users have been taken into considering. The system is generally kept simple, but the appearance of certain abbreviations and function keys, including drop-down menus replacing buttons where appropriate, will benefit the more experienced user.

• Feedback is one of the things I have worked most on in improving the interface. Feedback is now given to the user on each and every page, whether it is to thank them, to welcome them, or to explain to them what to do or what is going on. The user needs to be able to understand the system easily.

• Closure has also been improved in the new interface. Unlike with the current interface, the user is now thanked after completing every task, giving them a sense of relief and satisfaction. Each task now feels more like a unique chunk.

• Error prevention has also been improved, with the inclusion of error messages when invalid data has been entered.

• The user can now reverse their actions easily, with the opportunity to go back a page or even start a new search or start over again being included on each and every page. The user now never feels like they are stuck, they know that they can easily reverse their action with the click of a button.

• The locus of control has also been improved as I believe now that the user feels more in control of the system. They will become less confused or flustered as they know where they are with the system at all times, as everything is explained to them in detail.

• The system maintains the level of memory it uses to a minimum, by keeping everything simple and consistent. There are no 3D graphical effects of any kind which would take up more memory than needed. The system overall is kept simple, reliable and informative, without anything fancy. And this should suit users of any experience level perfectly.

The EndThe End

Thank youThank you

proposal 13

Documents