WePatch 2: Webフォームにおける入力ミスを利用した半自動BADUI改善システム
211 Views
August 23, 18
スライド概要
Web上には間違った入力をしやすい登録フォームや誤りがある情報提示といったような，ユーザの失敗や誤解を誘発するようなユーザインターフェース(BADUI)が多く存在している.また，その改善の手間などからWebサイトのBADUIは放置されることが珍しくなく，日々ユーザを困らせている.我々はこれまでの研究で，BADUIにおける適切な操作のための手がかりの提示や入力の自動修正といった，改善機能の付与と共有をエンドユーザに可能とさせるシステムを実装した.しかし，過去に提案した手法は改善に手間がかかることや，不適切な改善がなされる可能性があるという問題があった.そこで本稿では，システムがユーザの失敗行動から適切な改善機能の推薦を行う半自動的なBADUI改善手法を提案する.また，提案手法をWebフォームにおいて実現するシステムを実装し，使用実験を行った結果，エラー率の減少やユーザビリティの向上が可能であることを明らかにした.
明治大学 総合数理学部 先端メディアサイエンス学科 中村聡史研究室
関連スライド
各ページのテキスト
)$* 8F1BUDIɿ8FC쏟쎳썗쏪쎂썡써쎢ೖྗ쏩쏃쎩ར༻ 썮썶ࣗಈ#"%6*վળ쏁쏃쏐쏪 ాౡҰथɼதଜ૱࢙ʢ໌࣏େֶʣ
8FC쎿썗쏝쏃쎅ೖྗ쏟쎳썗쏪썾 쎮쏳쎮쏳썮썶ݧܦ쎆썙쎡쎕썲쎪썢ʁ
ࣜܗ쎩ؾ쎂썮쎁썣쎠쎅ೖྗ
ࠞཚ썰쎢ख썣썢쎡
ҙॻ썤썣ଟ썰썥쎢
ख썣썢쎡썣ແ썬썰썥쎢 ॅॴ 쎅ೖྗྫ썣આ໌쎂쎁썺썽썛쎁썛
6*썿쎲쏳썗දࣔ썣ໃ६ 썛썼쎠썛쏰썗쏀쎮쏽쏉쏟쎱썗쏃 ʮ#"%6*ʯ썿ݺ쎇쎣쎢
쎁썳#"%6*쎂쎁썺썽썮쎕썝쎅썢ʁ プログラム内部 8FC쏟쎳썗쏪 6* 쏁쏃쏐쏪෦ 例が半角入力 &3303 も許容しそう ෆਖ਼쎁จࣈ !? 田中 田島 太郎 一樹 A県B区2-12 Z県C区10-8 送信 ໃ६ 全角文字のみ 受け付けます！ String型 を格納 プログラム DB
쏰썗쏀쏝쏴쏐쎭அ ɾ)FVSJTUJD&WBMVBUJPOPG6TFS*OUFSGBDF </JFMTFO> ɹdਓ쎅ઐՈ쎂쎩ࢦఠ썮썽쎙쎠썝썪썿 ։ൃऀଆ썣#"%6*쎩์ஔ썰쎢썪썿쎆ଟ썛 ɹ쎩܁쎡ฦ썰썪썿썾쏰썗쏀쏝쏴쏐쎭쎩վળ썰쎢ख๏ ɾ쏰썗쏀쏝쏴쏐쎭쎩ܰࢹ ɾਓख쎛༧ࢉ썿썛썺썶쏴쏇썗쏃ෆ ɾ"VUPNBUJD%FUFDUJPOPG6TBCJMJUZ4NFMM ɾ쏫쏽쏐쏔쏽쏃쎏쎅ҙࣝ쎅썬 <(SJHFSB> ɹ쏰썗쏀쎅ૢ࡞쏷쎺썢쎠쏰썗쏀쏝쏴쏐쎭쎅쎩 ɹࣗಈత쎂ݕ
์ஔ썬쎣썶#"%6*վળ 쎲쏽쏓쏰썗쏀썣8FC্쎂վળػೳ쎩༩썮ɺ ଞ쎅쏰썗쏀쎩ࢧԉՄೳ썿썰쎢쏁쏃쏐쏪 ɾ8FC"OOPUBUPS<3FFE> ɹ쏐쏡쏳ܕ쎅쎬쏘쏐썗쏁쏱쏽쎂쎟쎡ख썣썢쎡쎩ఏࣔ ɾ4PDJBM0WFSMBZT<%POH> ɹจࣈྻ쎂쏴쏽쎹쎩༩썮썶쎡쏎썗쏵쏋쏍쏡쎅༩ ɹ쎩Մೳ쎂
8F1BUDI<5BKJNB > 쏰썗쏀썣8FC쏟쎳썗쏪쎅#"%6*쎩վળՄೳ쎁쏁쏃쏐쏪 쏃쏳쏍쏁쏯 쏃쏳쏍쏁쏯쎆 쎩ࣗಈআ ೖ쎣쎢쎐썤ʁ ʢࣗಈमਖ਼ʣ ม쏟쎭쏵쏉 썻썛쎹쏴쏍쎹 쎹쏴쏍쎹ճආ 썰쎢쏴쏅쏍쏒 ख썣썢쎡ఏࣔ 쏦쏉쏽 19940101 1994/01/01 쎰쎱쏡쏳 ొ쏦쏉쏽쎆 ্썾썰ʂ
8F1BUDI쎅ධՁ࣮ా<ݧౡ > ೖྗ쏉쏃쎹쎩௨썮썽쏰썗쏀쎅ෛ୲썣ݮ쎢썢쎀썝썢ূݕ 田島 一樹 ෛ୲ݮগʂʂ ෛ୲૿Ճʂʂ 19990101 [email protected] 01-2345-6789 ม쏟쎭쏵쏉 ハイフンは 必要です 쎰쎱쏡쏳 ˠଟ썦쎅ڀݚ썾ఏҊ썬쎣썽썤썶쏐쏡쏳ܕ쎅ػೳ쎆 ɹ࣮쎆ޮՌ썣쎁썛Մೳੑ썣썙쎢
8F1BUDI쎅쏴쏩쏐썗쏁쏱쏽 8FC쏟쎳썗쏪썾쎅ొ썻썛썾쎂վળૢ࡞쎩ߦ썟쎁썛 45&1 쏰썗쏀썣ొ్த쎂#"%6*쎂ؾ썼썦 45&1 ˠ썴쎅썾썰썧쎂վળ ˠొ썮ऴ쎦썺썽썢쎠ݩ쎅쏟쎳썗쏪쎂썺썽վળૢ࡞ ˠ쎕썶쎆ɺొ쎩தஅ썮썽վળૢ࡞ վળ썮썽썦쎣쎢쏰썗쏀쎂썿썺썽खؒ
త 8F1BUDI쎅#"%6*վળૢ࡞쎂 썡써쎢खؒ쎩ղܾ ɾࣗಈత쎁#"%6*վળख๏쎅ఏҊ ɾม쏟쎭쏵쏉ػೳ쎅ࣗಈԽ ɾ༻࣮ݧ쎂쎟쎡༗༻ੑ쎛쏴쏩쏐썗쏁쏱쏽쎩ূݕ
ࣗಈత쎁#"%6*վળख๏ 쎲쏽쏓쏰썗쏀쎅ࣦഊ썿ਖ਼ղ쎅ૢ࡞썢쎠#"%6* վળػೳ쎩ਪન썮ɺ#"%6*쎩վળՄೳ썿썰쎢 쏰썗쏀 &3303 ࢼߦࡨޡใ썢쎠 ద쎁վળػೳ쎩ਪન 46$$&44 վળػೳ쎩 쎿쎮쏒쎂ద༻ ࣦഊ쎅ૢ࡞ ਖ਼ղ쎅ૢ࡞ ʙʙػೳ쎩༩ 썮쎕썲쎪썢ʁ 쏁쏃쏐쏪
쏰썗쏀쎅ࣦഊ썿ޭ쎅ૢ࡞ 쏰썗쏀쎆쏡쏷쎺쏳쏪쎛%#썣ٻ쎘쎢ࣜܗ쎩ݧܦ쎩 པ쎡쎂ਪଌ썮썽ࢼߦࡨޡ썰쎢 例） 入力に誤りがあります！ 46$$&44 ాౡ Ұथ 1991年01月01 19910101 쏃쏳쏍쏁쏯 ؚ쎘썽썦썷썬썛ʂ JOUܕ 쎩֨ೲ 쏡쏷쎺쏳쏪 %#
ೖྗࣜܗ쎅ൺֱ쎂쎟쎢쏟쎭쏵쏉쎅ਪન ࣦഊ쎅ೖྗૢ࡞ ਖ਼ղ쎅ೖྗૢ࡞ ʮʯ ɹʢˠࣈ쎅쎖ʣ ʮ݄ʯ ɹʢˠؚ݄쎗ʣ ʮʯ ʢʹ쏃쏳쏍쏁쏯ؚ쎗ʣ ˞ݸਓใ썾쎁썦ࣜܗใ쎅쎖쎩༻ ༨ܭ쎁จࣈ ݄FUDʜ 쎩আڈ썮썻썻 ܻ쎅ࣈ쎂쏃쏳쏍쏁쏯 쎩ิ썝ม쏟쎭쏵쏉쎩ਪન
ద༻썬쎣썶ม쏟쎭쏵쏉 46$$&44 ాౡ Ұथ 19910101 쏃쏳쏍쏁쏯 ؚ쎘썽쎄ʂ JOUܕ 쎩֨ೲ 쏡쏷쎺쏳쏪 %# 쏃쏳쏍쏁쏯쎩ิ 썝 ɾ෦ॲཧ쎂߹썝쎟썝6*෦썾จࣈ쎩मਖ਼ ɾ쎹쏳쎮쎬쏽쏒ଆ쎅쏐쎷쏃쏒쏦쏍쎹쏃썾݁썰쎢ػೳ ʢѱҙ쎅썙쎢मਖ਼쎆썮썛ʣ
༻࣮ݧ #"%6*썾8F1BUDI쎩༻썛쎢쏰썗쏀썣૿썟쎢썫썿쎂 ɾ쎲쏳썗ɺ쏰썗쏀쏝쏴쏐쎭쎅վળ썬쎣쎢썢 ɾ쎀쎅쎟썝쎂ม쏟쎭쏵쏉썣ద༻썬쎣썶썢 について検証 ࣮ऀྗڠݧ ໊ ೖྗ쏉쏃쎹 쎬쏽쎻썗쏒
࣮ݧ썾༻썛쎢#"%6*݅
ೖྗ쏉쏃쎹 ɾ8F1BUDI쎩ಋೖ썮썶ঢ়ଶ썾8FC쏟쎳썗쏪 ɹ쎩ຒ쎘쎢ೖྗ࡞ۀ쎩ࢦࣔ ɹਪન썬쎣썶ม쏟쎭쏵쏉쎅ద༻ ɾม쏟쎭쏵쏉쎆ޙ쎅࣮ऀྗڠݧ쎂ڞ༗ ࣮༻ݧ쏟쎳썗쏪쏤썗쏂 #"%6*ɿ쏤썗쏂 쏊쏩썗ɿ쏤썗쏂
쎬쏽쎻썗쏒 '64'PSN6TBCJMJUZ4DBMF<0STJOJ> 쏰썗쏀쏝쏴쏐쎭쎩ଌఆ썰쎢썶쎘쎅쎬쏽쎻썗쏒 ɾ쏟쎳썗쏪쎅썬썣ద썢 ɾૉૣ썦ೖྗग़དྷ썶썿ײ썯썶 ɾ࣭߲쎅ॱং쎩ద쎂ײ썯썶 ɾೖྗ썰쎐썤ใ썣ৗ쎂ཧղग़དྷ썶썢 ɾ쎀썝썛썺썶੍ݶ썣썙쎢썢ཧղ썾썤썶 ɾ쎲쏳썗쏫쏍쏅썗쏂썣ద썷썺썶썢 ɾ쏟쎳썗쏪쎂ຬ썮썽썛쎢 ஈ֊쎅쏴쏍쎵썗쏓ई d 썾쏟쎳썗쏪શମ쎂 ର썮썽ճ
݁Ռʢ쎲쏳썗ʣ （ ฏ ۉ 쎲 쏳 ʛ （ 割 合 1 0.9 0.8 0.7 0.6 0.5 0.4 0.3 0.2 0.1 1 0 0.9 1 0.8 0.7 0.6 0.5 0.4 0.3 0.2 0.1 0 1 #"%6* 쏤썗쏂 쎅쎖 y = -0.0159x + 0.2731 R² = 0.3534 2 3 4 5 6 7 8 9 10 11 쎀썸쎠쎙ऑ썛ෛ쎅૬ؔ썙쎡 全50ページ 12 13 y = -0.0049x + 0.09 R² = 0.2904 2 3 4 5 6 7 8 9 10 11 ࣮ऀྗڠݧ쎅ॱ൪ʢOਓʣ 12 13
݁Ռʢ쏰썗쏀쏝쏴쏐쎭쎬쏽쎻썗쏒ʣ 2 શ ࣭ 1 쎅 0 ධ y = 0.0777x + 0.2143 Ձ R² = 0.514 ฏ -1 ۉ ߟ やや正の相関あり #"%6*쎩ར༻썰쎢쏰썗쏀썣૿썟쎢썶쎊쎂 -2 1 2 3 4 5 6 7 8 9 10 11 12 13 쎲쏳썗쎅ݮগ썿쏰썗쏀쏝쏴쏐쎭쎅্썣Մೳ 実験協力者の順番（n人目）
݁Ռʢม쏟쎭쏵쏉ʣ ݅쎆ਖ਼ղ쏟쎭쏵쏉ɺ쎡݅쎆ෆਖ਼ղ쎅쏟쎭쏵쏉 썣༩썬쎣썽썛썶
ෆਖ਼ղ쏟쎭쏵쏉쎅ྫ 쏃쏤썗쏃ʢۭനʣআ쏟쎭쏵쏉썣༩썬쎣썽썛썶 ʢਖ਼ղɿ쎉쎠썣쎁ม쏟쎭쏵쏉ʣ
ߟɿෆਖ਼ղ쏟쎭쏵쏉쎅ݪҼ 쏃쏤썗쏃আ쏟쎭쏵 ۭനআ࣌쎂 ひらがな変換フィルタ 쏉쎩༩썮쎕썲쎪썢ʁ ਪન썮썽썮쎕썺썶 を付与しませんか？ 쏉쏔쎵쏉쏷쎰 失敗 ۭനؚ쎘쎢 쏉쏔쎵쏉쏷쎰 ʢ쎵쏉쎵쏔썾ೖྗʣ タナカタロウ 쏰썗쏀쎅ࣦഊૢ࡞த쎂ਪન썮쎕썺썶썪썿썣 （空白削除） ෆਖ਼ղ쎁쏟쎭쏵쏉ਪન쎅ݪҼ썿쎁썺썶 成功 썶쎁썢썶쎤썝 ʢ쎉쎠썣쎁쎂มߋʣ
ࠓޙ쎅ల։ ޡ썺썶ม쏟쎭쏵쏉쎩ਪન썮썽썮쎕썝 ਖ਼ղ쎅ૢ࡞ޙʢ쏤썗쏂ભҠޙʣ쎂ਪન ఆਫ਼쎅ݧ࣮ূݕ 8FC쏟쎳썗쏪쎅#"%6*쎂ର썰쎢ద߹ɺ࠶ݱ ɹ쎅ࢉग़ ೖྗࣜܗ쎂ؔ썰쎢#"%6*Ҏ֎쎅վળख๏ ੈ쎅த쎂쎆༷ʑ쎁#"%6*썣ଘࡏ썰쎢
ෆద쎁쏇썗쏒쎅#"%6*
썝썺썢쎡ԡ썮썽썮쎕썝쏴쏅쏍쏒쏦쏉쏽 썪쎅Ґஔ썷썿 쏴쏅쏍쏒쏦쏉쏽 쎩썻썛ԡ썮썽썮쎕 썝ʂ
쎕썿쎘 എܠ ఏҊख๏ ࣗಈ#"%6*վળ ։ൃऀ쎅߹썾#"%6*썣์ஔ 8F1BUDI ࣮݁ݧՌ 쎲쏳썗 쏰썗쏀쏝쏴쏐쎭썣վળ 쏴쏩쏐썗쏁쏱쏽 ࣦഊೖྗ࣌쎂ޡ썺썶ม쏟쎭쏵쏉 쎩ਪન썮썽썮쎕썝썙쎡