<-- IE錯誤修正 --> One Click Test 測試介面設計可否讓使用者快速找到需要的功能或資訊 - RiS社群 | FileMaker 跨平台企業應用



快速發表主題
返回   RiS社群 | FileMaker 跨平台企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2 週前
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 One Click Test 測試介面設計可否讓使用者快速找到需要的功能或資訊

Click the image to open in full size.

設計網頁或開發使用者介面有很多「眉角」,可能在文字大小、顏色或按鈕形狀稍作調整就會有完全不同的效果,對於追求完美的設計師來說會找一群人進行 AB 測試(A/B Testing),比較兩種或多種設計中最好的表現結果,而這通常能在最短時間達到最佳的正確性,例如,在購物流程可以準確點選要加入購物車的商品,或是在查詢、註冊或加入訂閱時按下正確選項,可別小看這些設計細節,有時候一點點微小差異就足以造成相當大的影響。



但要進行 AB 測試並不是一件容易的事,如果你想知道在不同設計上使用者會直覺點選那一個項目,可以透過本文要介紹的免費工具快速做到。

接下來要推薦的「One Click Test」是一個很有用的免費服務,能夠收集在某個畫面中使用者會點選那個位置、平均時間、最短時間、耗費最久的時間和測試次數等資訊,只要將呈現的畫面擷圖上傳,透過 One Click Test 可以產生兩個鏈結,分別是:測試頁面和結果頁面鏈結,只要將網址傳給受測者就能快速獲取結果。

One Click Test 讓這一切過程變得非常簡單,不用註冊或登入帳號,操作方式也很直覺,開發者表示未來還可能會增加行動裝置的受測介面,總之是一個相當有趣的服務。

網站名稱:One Click Test
網站鏈結:https://oneclicktest.com/

使用教學

STEP 1

開啟 One Click Test 網站,只需要填寫兩個欄位,分別是要顯示的圖片網址、給受測者訊息,訊息部分可以使用中文,不會產生亂碼。

Click the image to open in full size.

因為受測圖片必須是圖片的直接連結網址,建議透過 Imgur 圖片空間上傳圖片,上傳後於圖片上方點選右鍵、複製圖片位址就能獲取圖片直接連結,再回到 One Click Test 貼上使用。

圖片大小部分建議使用 1024 或 1440 寬度。

Click the image to open in full size.

STEP 2

One Click Test 會產生兩段網址,分別是:
  • Test page for users: 給受試者的測試網址。
  • Results page for you: 查看測試結果的結果頁面網址。
Click the image to open in full size.

STEP 3

開啟受測者網址,會先顯示預先設定好的訊息,按下 I’m ready! Go! 開始測試。

Click the image to open in full size.

上傳的介面圖片會顯示於 One Click Test 網頁,依照前面提示點選你認為最適當的位置。

Click the image to open in full size.

STEP 4

透過受測結果頁面可以看到目前經歷過幾次測試,以及大家會點選的位置,如果顏色不夠清楚還能切換其他的色彩。

Click the image to open in full size.

最上方會顯示平均點擊秒數、最快秒數、最長秒數、進行測試次數,如此一來就知道這個設計是否夠直覺,使用者有沒有可能點選錯誤位置。

Click the image to open in full size.

若要進行 AB 測試,或比較幾種設計那一個效果比較好,可以建立幾個不同的測試鏈結,讓使用者一個一個受測來獲取最終結果,應該就更能判斷出何者效果最佳。

值得一試的三個理由:
  1. 上傳介面圖片、設定提示訊息後產生測試用網址
  2. 收集使用者點選圖片中的位置和反應時間
  3. 可進行 AB 測試找出最佳介面設計
喜歡 One Click Test 測試介面設計可否讓使用者快速找到需要的功能或資訊 嗎?歡迎將免費資源網路社群加入書籤,以 Facebook、Twitter 或 LinkedIn 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆
相似的主題
主題 主題作者 討論區 回覆 最後發表
BROWSER SECURITY TEST – 你的瀏覽器夠安全嗎? wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2009-06-27 05:00 PM


主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +8。現在的時間是 03:33 AM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2019,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝明易資訊有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2