基於實體書店使用者體驗之網路書店介面設計

Bookwall: An Online Bookstore Interface Based on User Experience in Physical Bookstore

林瑋庭(Wei-Ting Lin)

指導教授 ： 陳炳宇

國立臺灣大學/電機資訊學院/資訊網路與多媒體研究所/碩士(2015年)

https://doi.org/10.6342/NTU.2015.00702

摘要

無資料

關鍵字

網路書店 ； 使用者介面設計 ； 視覺化 ； 影像縮放

並列摘要

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.

並列關鍵字

Online Bookstore ； User Interface Design ； Visualization ； Image Resizing

參考文獻

[1] Deeper Web Search Engine. http://deeperweb.com.

[4] Yifan Hu Emden R. Gansner and Stephen G. Kobourov. Gmap: Draw- ing graphs as maps.

[6] Daniel Fried and Stephen G Kobourov. Maps of computer science homepage.

[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.

[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.