Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related...
Transcript of Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related...
![Page 1: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/1.jpg)
INTERACTIVE USER INTERFACE FOR
SEARCHPresenter:Zaw Lin
![Page 2: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/2.jpg)
Outline
Why search and why the thumbnail previews?
Why multi-touch? Related interfaces. Development and presentation of
interface User evaluation Demo
![Page 3: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/3.jpg)
Why Search?
Not a specialized tool any more. Now firmly entrenched as part of typical
webexperience.
![Page 4: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/4.jpg)
Mental model of search
![Page 5: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/5.jpg)
Why are there thumbnails?
Dziadosz, S., and Chandrasekar, R.
Do thumbnail previews help users make better relevance decisions about web search results?
In SIGIR ’02: Proceedings of the 25th annual international ACM SIGIR conference on Research and development in information retrieval
![Page 6: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/6.jpg)
![Page 7: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/7.jpg)
Why snippets are so short?
![Page 8: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/8.jpg)
Why snippets are so short?
![Page 9: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/9.jpg)
The ideal snippet
![Page 10: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/10.jpg)
Related interfaces
Lots and lots of them, Ujiko,searchCube,Kartoo,ViewZi,MiddleSp
ot,WebBrain,oSkope,Nexplorer,Zippa
![Page 11: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/11.jpg)
Visual search engines
All the above The definition of Wikipedia might differ
![Page 12: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/12.jpg)
Samples(Ujiko)
![Page 13: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/13.jpg)
Sample(Search Cube)
![Page 14: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/14.jpg)
Sample(Kartoo)
![Page 15: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/15.jpg)
Sample(ScienceRoll)
![Page 16: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/16.jpg)
Snippets
![Page 17: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/17.jpg)
![Page 18: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/18.jpg)
UI overall
![Page 19: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/19.jpg)
Two View for Secondary workspace
Zoomable auto-arranging and animating tile-based view
Cover-flow view
![Page 20: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/20.jpg)
![Page 21: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/21.jpg)
![Page 22: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/22.jpg)
UI design choices and features
![Page 23: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/23.jpg)
Visual Cues
![Page 24: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/24.jpg)
Bigger buttons
![Page 25: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/25.jpg)
Thumbnails are on the left
Based on Google’s eye tracking studies
![Page 26: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/26.jpg)
![Page 27: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/27.jpg)
Flip scroll
![Page 28: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/28.jpg)
Saving results
![Page 29: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/29.jpg)
Secondary Window Zoom Modes
![Page 30: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/30.jpg)
Zoom rectangular View(Original)
![Page 31: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/31.jpg)
![Page 32: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/32.jpg)
![Page 33: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/33.jpg)
Coverflow Zoom modes(1)
![Page 34: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/34.jpg)
![Page 35: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/35.jpg)
Demo
![Page 36: Presenter:Zaw Lin. Why search and why the thumbnail previews? Why multi-touch? Related interfaces. Development and presentation of interface](https://reader035.fdocuments.in/reader035/viewer/2022081603/56649f305503460f94c4a9d8/html5/thumbnails/36.jpg)
Questions?