WePatch: A System Enabling Users to Improve Bad User Interfaces on the Web
130 Views
December 26, 17
スライド概要
Many user interfaces on the Web are confusing for users to operate or make users more prone to mistakes, and we call such a user interface a "BADUI" (BAD User Interface). To solve these problems, we proposed WePatch, a system enables users to improve BADUIs on the Web by attaching improvement functions virtually. We implemented a prototype WePatch system as a browser extension that had functions for correcting inputted text automatically, and adding annotations and so on. Also, we experimentally compared the usability of BADUIs before and after being qualitatively improved by WePatch. The results revealed that WePatch considerably improved the usability of BADUIs.
明治大学 総合数理学部 先端メディアサイエンス学科 中村聡史研究室
関連スライド
各ページのテキスト
OzCHI '17 WePatch: A System Enabling Users to Improve Bad User Interfaces on the Web Kazuki Tajima, Satoshi Nakamura Meiji University
Bad User Interface? #BADUI
Which button do you click not to cancel? Warning! WARNING! Do you really want to cancel? Cancel OKcancel
First name? Last name? Habitat? E-mail? Need slash type?
HanakoYamada We call difficult-to-use UIs 19990101 ”BADUI (Bad User Interface)” sample@samle.com 012345678
Background • • Many user interfaces on the web are difficult to use for users BADUI (=Bad User Interface) are not made easier, and users have to keep using a difficult-to-use UIs due to developer
Purpose of Study To solve BADUI problems on the Web • Propose a method that enables ordinary users to improve BADUIs by attaching improvement functions • Implement a prototype system and clarify its usefulness and characteristics
Proposed Method Enable ordinary users to improve BADUIs on the web Filter Filter Filter Attention! Improvement functions • Auto-conversion filter • Display example • Web advisory sticker • Balloon description • Information correction
Auto-conversion filter Removing the incorrect characters! Kazuki Tajima Kazuki Tajima 012-3456-7890 012-3456-7890 012367890 1994/12/05 19941205 1994/12/05 Filter
Display example Show input examples thinly First name? Last name? First na Last na Habitat? E-mail? sample@sample.c Need slash type? 19990101
Web advisory sticker Click! KazukiTajima 19990101 sample@sample.com Click! 01-2345-6789
WePatch Download Chrome web store:「WePatch」 Website: http://nkmr.io/wepatch/
Experiment Result 10 participants evaluated 16 BADUI cases from -2 to 2.
Experiment Result 10 participants evaluated 16 BADUI cases from -2 to 2. The average scores gets 1.08 points higher than before WePatch improves BADUIs effectively
Summary • • Proposed a method and implemented WePatch that enables ordinary users to repair BADUIs WePatch improved BADUIs effectively Future work • • Implement a function for evaluating contributor’s credibility Propose Automatic improvement method for BADUIs by collecting information improving procedures