跳到主要內容

臺灣博碩士論文加值系統

(35.175.191.36) 您好!臺灣時間:2021/07/31 23:32
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果 :::

詳目顯示

我願授權國圖
: 
twitterline
研究生:林瑋庭
研究生(外文):Wei-Ting Lin
論文名稱:基於實體書店使用者體驗之網路書店介面設計
論文名稱(外文):Bookwall: An Online Bookstore Interface Based on User Experience in Physical Bookstore
指導教授:陳炳宇陳炳宇引用關係
指導教授(外文):Bing-Yu Chen
口試委員:林文杰王昱舜朱宏國梁容豪
口試委員(外文):Wen-Chieh LinYu-Shuen WangHung-Kuo ChuRong-Hao Liang
口試日期:2015-07-20
學位類別:碩士
校院名稱:國立臺灣大學
系所名稱:資訊網路與多媒體研究所
學門:電算機學門
學類:網路學類
論文種類:學術論文
論文出版年:2015
畢業學年度:103
語文別:英文
論文頁數:46
中文關鍵詞:網路書店使用者介面設計視覺化影像縮放
外文關鍵詞:Online BookstoreUser Interface DesignVisualizationImage Resizing
相關次數:
  • 被引用被引用:1
  • 點閱點閱:282
  • 評分評分:
  • 下載下載:0
  • 收藏至我的研究室書目清單書目收藏:1
In recent years, online bookstore has highly thrived and changed consumption behavior; nevertheless, most users usually browse the online bookstore only when they have a specific target to buy. They still enjoy visiting real bookstores. One of the reasons is that information on web bookstore is too complex for users to freely browse. In this paper, we present Bookwall, an online bookstore interface designed based on user experiences in physical bookstores. We proposed four designs in this work, including ``category map'', ``gathering similar books'', ``visualizing methodology to highlight wanted books'', and ``wall view''. Category map is used to solve the problem of spending time on finding the particular category in classic category list on web bookstore. Similar books, like the same topics, series, same manufacturers, same author, and etc., are arranged together in physical bookstore. Gathering resembling books together enables users have more similar choices to browse or compare with each book. Visualizing technique is to highlight merchandises which meet users'' demands. For instance, books with high score and massive number of reviews will have more area in the wall layout. In this case, if users want to find popular books, they can just focus on the books with large space. Modified from grid view, wall view hides basic information and only show book cover (unless the cursor is pointed to the book) so that it can display more books than traditional list view or grid view. These four designs are based on our observation and field study in physical bookstore, and we finally proposed an online bookstore interface which includes the above four designs to improve user experience in web bookstore and increase their intentions to browse online bookstore.

口試委員會審定書 i
致謝 ii
中文摘要 iii
Abstract v
Contents vii
List of Figures ix
List of Tables xiii
1 Introduction 1
1.1 Motivation.................................. 1
1.2 Bookwall .................................. 3
2 Related Literatures 4
2.1 User Interface................................ 4
2.2 Visualization ................................ 4
2.3 SaliencyMap ................................ 8
2.4 Content-Aware Image Resizing....................... 10
3 Interface 12
3.1 Field Study ................................. 12
3.2 Interface Design............................... 13
3.2.1 Category Map............................ 17
3.2.2 Similar books............................ 20
3.2.3 Highligh tbooks........................... 21
3.2.4 Wall Layout............................. 21
3.3 Implementation ............................... 24
3.3.1 Grids ................................ 25
3.3.2 Scrollable Container ........................ 29
3.3.3 ImageResizing........................... 30
3.4 Result.................................... 31
4 Evaluation 35
4.1 UserStudy ................................. 35
4.1.1 Design of Highlight......................... 35
4.2 Discussion.................................. 38
5 Conclusion 40
5.1 FeatureWork ................................ 40
5.1.1 Comprehensive User Study..................... 40
5.1.2 Responsive Web Design ...................... 40
5.1.3 Extension.............................. 41
5.2 Conclusion ................................. 42
Bibliography 43

[1] Deeper Web Search Engine. http://deeperweb.com.
[2] Tien N Nguyen and Jun Zhang. A novel visualization model for web search results. Visualization and Computer Graphics, IEEE Transac- tions on, 12(5):981--988, 2006.
[3] Emden R Gansner, Yifan Hu, and Stephen Kobourov. Gmap: Visual- izing graphs and clusters as maps. In Pacific Visualization Symposium (PacificVis), 2010 IEEE, pages 201--208. IEEE, 2010.
[4] Yifan Hu Emden R. Gansner and Stephen G. Kobourov. Gmap: Draw- ing graphs as maps.
[5] Daniel Fried and Stephen G Kobourov. Maps of computer science. In Pacific Visualization Symposium (PacificVis), 2014 IEEE, pages 113-- 120. IEEE, 2014.
[6] Daniel Fried and Stephen G Kobourov. Maps of computer science homepage.
[7] Newsmap. http://newsmap.jp/.
[8] Radhakrishna Achanta and Sabine Süsstrunk. Saliency detection using maximum symmetric surround. In Image Processing (ICIP), 2010 17th IEEE International Conference on, pages 2653--2656. IEEE, 2010.
[9] Stas Goferman, Lihi Zelnik-Manor, and Ayellet Tal. Context-aware saliency detection. Pattern Analysis and Machine Intelligence, IEEE Transactions on, 34(10):1915--1926, 2012.
43
[10] Shai Avidan and Ariel Shamir. Seam carving for content-aware image resizing. In ACM Transactions on graphics (TOG), volume 26, page 10. ACM, 2007.
[11] Yu-Shuen Wang, Chiew-Lan Tai, Olga Sorkine, and Tong-Yee Lee. Op- timized scale-and-stretch for image resizing. In ACM Transactions on Graphics (TOG), volume 27, page 118. ACM, 2008.
[12] Che-Han Chang and Yung-Yu Chuang. A line-structure-preserving ap- proach to image resizing. In Computer Vision and Pattern Recognition (CVPR), 2012 IEEE Conference on, pages 1075--1082. IEEE, 2012.
[13] Mark Bruls, Kees Huizing, and Jarke J Van Wijk. Squarified treemaps. Springer, 2000.
[14] Jiang Liang-fu, Chen Jing-liang, and Shi Yong-qin. Website design for book logistics based on e-commerce. In 2010 3rd International Confer- ence on Information Management, Innovation Management and Indus- trial Engineering, pages 496--500. IEEE, 2010.
[15] Xue Linyan and Song Lijie. Design and implementation of online book- store based on asp. net and data mining technology. In 2010 Interna- tional Conference on Computer Application and System Modeling (IC- CASM 2010), volume 12, 2010.
[16] Yanhui Zhang. Research on personalized e-bookstore service sys- tem. In Computing, Communication, Control, and Management, 2008. CCCM''08. ISECS International Colloquium on, volume 3, pages 259-- 262. IEEE, 2008.
[17] Zhong-hua Deng and Qin Li. Upgrading the user experience of digital library. In Computer Science and Software Engineering, 2008 Interna- tional Conference on, volume 5, pages 832--835. IEEE, 2008.
44
[18] Emilio Di Giacomo, Walter Didimo, Luca Grilli, and Giuseppe Liotta. Whatsonweb: using graph drawing to search the web. In Graph Draw- ing, pages 480--491. Springer, 2006.
[19] SenseBot Search Engine. http://www.sensebot.net.
[20] Emden Gansner, Yifan Hu, Stephen Kobourov, and Chris Volinsky. Putting recommendations on the map: visualizing clusters and relations. In Proceedings of the third ACM conference on Recommender systems, pages 345--348. ACM, 2009.
[21] Google News. https://news.google.com/.
[22] Guo-Xin Zhang, Ming-Ming Cheng, Shi-Min Hu, and Ralph R Martin. A shape-preserving approach to image resizing. In Computer Graphics Forum, volume 28, pages 1897--1906. Wiley Online Library, 2009.
[23] Steven Bleicher. Contemporary color: Theory and use. Cengage Learn- ing, 2011.
[24] Jakob Nielsen and Kara Pernice. Eyetracking web usability. New Rid- ers, 2010.
[25] Amazon.com website. http://www.amazon.com/.
[26] Book Depository website. http://www.bookdepository.com/.
[27] Nielsen Norman Group. How people read on the web: The eyetracking evidence.
[28] Ben Shneiderman. Tree visualization with tree-maps: 2-d space-filling approach. ACM Transactions on graphics (TOG), 11(1):92--99, 1992.
[29] Amazon Product Advertising API. http://docs.aws.amazon.com/awsec- ommerceservice/latest/dg/welcome.html.
[30] Frank R Hampel. A general qualitative definition of robustness. The Annals of Mathematical Statistics, pages 1887--1896, 1971.
45
[31] Frank R Hampel. The influence curve and its role in robust estima- tion. Journal of the American Statistical Association, 69(346):383--393, 1974.
[32] Michael Bostock, Vadim Ogievetsky, and Jeffrey Heer. D3 data-driven documents. Visualization and Computer Graphics, IEEE Transactions on, 17(12):2301--2309, 2011.
[33] M Bostock. D3.js - data-driven documents.
[34] Yahoo Mobile Version. https://m.yahoo.com/.
[35] Facebook Mobile Version. https://m.facebook.com/.

QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top