WePatch: A System Enabling Users to Improve Bad User Interfaces on the Web

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

profile-image

明治大学 総合数理学部 先端メディアサイエンス学科 中村聡史研究室

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

OzCHI '17 WePatch: A System Enabling Users to Improve Bad User Interfaces on the Web Kazuki Tajima, Satoshi Nakamura Meiji University

2.

Bad User Interface? #BADUI

3.

Which button do you click not to cancel? Warning! WARNING! Do you really want to cancel? Cancel OKcancel

5.

First name? Last name? Habitat? E-mail? Need slash type?

6.

HanakoYamada We call difficult-to-use UIs 19990101 ”BADUI (Bad User Interface)” [email protected] 012345678

7.

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

8.

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

9.

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

10.

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

11.

Display example Show input examples thinly First name? Last name? First na Last na Habitat? E-mail? [email protected] Need slash type? 19990101

12.

Web advisory sticker Click! KazukiTajima 19990101 [email protected] Click! 01-2345-6789

13.

WePatch Download Chrome web store:「WePatch」 Website: http://nkmr.io/wepatch/

14.

Experiment Result 10 participants evaluated 16 BADUI cases from -2 to 2.

15.

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

16.

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