COMP 106 PROPOSAL 24 Design Interface of Library

COMP 106 PROPOSAL 24

Design Interface of Library Catalogue using Direct Interface Three main tasks Users perform on the interface are as follows : • Searching and locating Books including restricting the search criteria • Viewing Library record and renewing books • Getting Library Information

Searching for Books q q q q Users can Limit their search using the 5 main categories. The search can also be limited to specific resources The user just has to click on one of the pictures to proceed to the search screen of that criteria. Once the user has entered the Search Criteria the results are displayed on screen. The response from the search criteria is automated and displayed in a list. A print button will allow users to print results. However this should be disabled in location where there are not available printers. A link is installed on each search result which will take the user to map pointing out the location of the Users search request. There is however a quick search drop down box on the main home page. Search Screen

Viewing Library record and renewing books To view the User’s Library record and renew books, they click on the relevant icon. This will automatically take them through to a password entry screen where , from which to their library record. l Here Users will be able to view their requests, change pin, view outstanding and loaned books and change address details. l Using the interface I have designed the user will automatically be able to go to other screen but clicking on the Book tag for the home page or others if needed. l And once logged in this page will remain active to be viewed again without having to enter password details again. l

Getting Library Information v For the users to Access Library information they click on the Icon which will automatically display the Library information pages. v The metaphor of an open book (See Here) allows users to go back to previous screens at ease using the book marks (Detailed here). v The display of the information will be in the same style and links from this page will be displayed in the same context.

Basic Metaphor For interface

Book Metaphor Back The metaphor I have used is that of an open Book. The open book is the same throughout the website allowing for continuity l The open book has Bookmarks with Icons to allow advanced users who know the icons to access pages directly. l This will also allow users to swap between pages at will without using back buttons on the browser. l People using the library have an understanding of books or can easily find one. This allows people to understand the metaphor immediately. l

Search Screen Back Library Information Back Searching for books Back Interface Design

Interface Design The Book Tag that the user is currently on is also highlighted in a different colour thus enabling locus of control at all times. l At all times the interface remains the same visually thus ensuring consistency. l The user still enters the search criteria as before but additions of map buttons to locate books and Print Buttons to print out results of search l There is also an addition of a Map Button to locate search result in library (See Link) l

Objects Properties and Attributes Metaphor Source Characteristics Ø l l Ø l Objects Book: Size , pages…. Book Tags: Placement, picture ……. . Relationships Books Contain Book Tags……. . Actions Open Book At book Tags Metaphor Target Characteristics Ø l l l Ø l l Objects Book: Size , Colour…. Book Tags: Name, Icon, Placement…. Icons: Name, Image, Size…. . Relationships Icons can be visualized on book Icons can be visualized on Book Tags are organized in book Actions Select Book Tage Select Icons

Mappings User Actions Interface Actions Search For Books Click on Search Icon Obtain Information on Library Click on Information Tag See Library Records Click On Records Tag Limit Search Click on Search Limit Icons