A Rich OPAC User Interface with AJAX
description
Transcript of A Rich OPAC User Interface with AJAX
![Page 1: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/1.jpg)
A Rich OPAC User Interface with AJAX
Jesse Prabawa Gozali and Min-Yen Kan
WING (Web IR / NLP Group)National University of Singapore
![Page 2: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/2.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
222 June 2007 - JCDL (Session O) 2Web IR / NLP Group @ NUS
Introduction and Motivation3
1
2
4
![Page 3: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/3.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
322 June 2007 - JCDL (Session O)
Related Works
Google’s multiple suggestions Endeca’s guided navigation (NCSU Libraries)
PINES' incremental loading (Georgia Library)
Conclusion•Cosmetic difference•Page-oriented•None specifically dealing with:
• Interaction history• Seeing overview and details
simultaneously
![Page 4: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/4.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
422 June 2007 - JCDL (Session O)
Key areas of improvement
• Goal–Leverage current dynamic web technologies to provide a
usable and rich environment that better supports user information-seeking tasks.
• Key Areas–Keyword suggestions
–Dual-pane view: Overview + Details
–Tabs as a history mechanism
–Rich results table: sort, add, remove columns
Web IR / NLP Group @ NUS
![Page 5: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/5.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
522 June 2007 - JCDL (Session O) 5Web IR / NLP Group @ NUS
A Richer Dynamic User Interface
3
1
2
4
![Page 6: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/6.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
622 June 2007 - JCDL (Session O) 6Web IR / NLP Group @ NUS
Prototype Demo
http://opac.comp.nus.edu.sg
Differs slightly from system mentioned in the paper
![Page 7: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/7.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
722 June 2007 - JCDL (Session O)
Evaluation Results
• Formative Evaluation (Dec 2006): –5 users performed 2 tasks each
–Overview + Details: easy to use, helpful after a brief demo
–Users didn’t sort or edit columns, but when prompted had no problems guessing how to do it.
–Users were comfortable and familiar with tabbed nav, even within a tabbed web-browser.
–Placement of Suggestion Bar was problematic: users skipped directly to results, missing the Suggestion Bar.
Web IR / NLP Group @ NUS
![Page 8: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/8.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
822 June 2007 - JCDL (Session O)
Evaluation Results• Summative Evaluation (Feb 2007):
– 30 users performed 4 tasks each
– Overview + Details: 61% adoption rate on all four scenarios; 84% adoption rate for research/browsing scenario
– Table of results: 89% had no problems sorting results. 82% had not problems editing the columns.
– Tabs as a history mechanism: 77% noticed the tabs, out of which 52% only noticed after two tabs were visible
– Embedded Suggestion Bar: 60% noticed in the first encounter, 27% at the second time, and 10% at the third time. Only 3% did not notice at all.
Web IR / NLP Group @ NUS
![Page 9: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/9.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
922 June 2007 - JCDL (Session O)
Conclusion
• Key contributions:–Embedded multiple keyword-suggestions
–Overview + Details
–Tabs as history and parallel-search mechanism
–Rich table controls
• Timeline:–Prototype online at http://opac.comp.nus.edu.sg
–Deploying with metadata in July 2007
–Longer-term evaluation and rate of user acceptance
![Page 10: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/10.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
1022 June 2007 - JCDL (Session O)
End of Presentation
Backup Slides follow
![Page 11: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/11.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
1122 June 2007 - JCDL (Session O) 11Web IR / NLP Group @ NUS
User Interface Mockup
![Page 12: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/12.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
1222 June 2007 - JCDL (Session O) 12Web IR / NLP Group @ NUS
First working prototype
![Page 13: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/13.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
1322 June 2007 - JCDL (Session O) 13Web IR / NLP Group @ NUS
Second working prototype
![Page 14: A Rich OPAC User Interface with AJAX](https://reader036.fdocuments.us/reader036/viewer/2022062309/56813dda550346895da7a440/html5/thumbnails/14.jpg)
Jesse Prabawa and Min-Yen Kan, Digital Libraries
1422 June 2007 - JCDL (Session O) 14Web IR / NLP Group @ NUS
Current Design