iT邦幫忙

2026 iThome 鐵人賽

DAY 12
0

稍微整理一下前兩篇:
上上一篇是學習 Chrome Extension,
上一篇是在思索能否做成一些小工具幫助人們,
所以這篇是當初製作小工具的思考過程的紀錄。

當初具體需求與目標:

  • 使用者可以簡單回報目前瀏覽網頁的問題:
  • 讓使用者輸入最少的情況,只收集「使用者發現的問題分類」、「目前網址」、「時間」、「作業系統/瀏覽器資訊」以及「聯絡資訊(選填)」。
  • 我透過收集到的資料,回傳給網站客服。
  • 網站客服收到網站回饋。
  • 網站工程師修正問題。
  • 使用者下次再上網發現問題解決,開心了。
  • 我透過收集資料間接幫助修網站,開心了。
  • 網站客服發現使用者黏著度上升,開心了。
  • 網站工程師修正程式碼提升技能,開心了。

可能會有人覺得使用者直接面對網站客服不就好了嗎?
我的想法是處於遇到障礙的情境下,
使用者跟網站客服的溝通大部分都是雙輸的局面,
尤其碰到其實是技術層面的問題。
例如使用者說「我的鍵盤沒辦法瀏覽你們的網頁」,
但客服卻說「我的可以喔,麻煩您再試試」,然後差不多就鬼打牆,
兩邊都覺得對方很爛,
因為前者是談鍵盤焦點,後者可能只是按向下鍵捲動畫面。
這是個簡單例子,主要描述認識的東西不同,解讀不同。
但我也不想讓使用者看太多字或輸入太多東西提高回報障礙,
所以中間墊一層可能是比較好的方式,
當時想說等日後 AI 變很強,就可以幫忙通靈了。
(事實證明現在的 AI 可以辦到了)

那為什麼要用瀏覽器擴充程式?
因為這樣子就不需要讓使用者輸入作業系統/瀏覽器版本、時間、網址了,可以直接抓取,只需要勾選分類,送出!比起前往表單,使用擴充程式的方便性更大。

現實考量:
因為個人開發、只會切版跟簡單 javascript,也不會寫後端,
所以必須想一些簡易的方法,還有思考瀏覽器那麼多種要挑哪個來做?
於是開始思考眾多限制下的實行方案:

  • Chrome 市場占比高、安裝意願也高,
    所以只鎖定 Chrome。有需要之後再做 Safari、Firefox、Edge。
    Edge也可以裝 Chrome 的擴充程式,所以選 Chrome CP 值很高啊~!
  • 不會寫後端但需要將得到的資訊儲存,
    然後也因為只鎖定 Chrome,所以只想用 google 的產品:google sheet。
  • 要將資料直接存到 google sheet 還是要寫很多程式,
    所以想到可以跟 google sheet 溝通的 google form,
    它可以跟 google sheet 連結。
    實驗如果使用 html 的 ,能不能將資料塞進 google form,於是找到了教學文章
  • 寫一點點 javascript 提升UX,應該不是難事,不知道就 Google

雖然只有用到簡單的 Html、CSS、Javascript 沒遇到什麼困難,
但其實這樣就可以打造一個對人有用的產品了。
而我也只想要用這樣可以快速、不複雜的方式打造產品,
看能不能多幫助上網會遇到困難的人,
能幫一個是一個

當初建立的擴充程式現在我已經透過 AI 幫我進化了,成品就留到之後說。

感興趣可以先參考 Accesserty Signal


上一篇
尋找方向時期:好想做一個能把 Google 搜尋結果以無障礙支援優先排序的,但現實狠狠打臉
系列文
從「得過且過」心態到建立無障礙生態系:Accesserty12
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言