從 iPhone 上的 Twitter App 學習互動設計的目標
互動設計的目標是在設計一個互動系統時候,瞭解使用者的需求來確認主要的目標。這其中要包含滿足特定的使用性標準,例如有效性。而使用者經驗的目標關於使用上的品質,包含了富有美感、愉悅的,所以從這兩大概念對照到 iPhone 上一款有名的 Twitter app 互相搭配與分析。
使用性目標可以分為幾個項目:
有效性:這是最普通的目標,指的是系統能否做到使用者該做的事情?從 Twitter app 它可以讓我們完成發 Tweet、接受最新 Tweet、列出是否有人提到我和關鍵詞搜尋等等。
迅速性:這是指系統支援使用者完成工作。使用者是否最有效率的經過最少的步驟完成工作。從 Twitter app 透過 Tab bar 方式來分類,可以快速切換找最新資料、切換到是否有人提到我、是否有私人訊息或者進入搜尋區域。透過 Table view 來顯示每一筆 140 字元內的 Tweet 列在畫面上,符合使用者可以用手指上下捲動來瀏覽。使用者可以在想要做事情到完成它動作,非常的方便與快速達成。
安全性:保護使用者遠離危險非預期的情況。藉由降低按錯鍵或按鈕的風險,以防止使用者犯下嚴重錯誤。提供使用者復原各種出錯狀況的方法。以 Twitter app 為例,今天如果我打了好幾行的 Tweet 過程,不小心按到畫面上的 Close,它會跳出問是否 Save or Don't Save 機制或者取消再回到畫面繼續編輯。這一關相當重要,不論是誤按、或者臨時不想打完想跳出也可以暫存、或者想取消直接離開,都是對於使用者進一步確認的關鍵點。
功能性:正確的功能類型,以便使御者可以做他們想要做的事情。Twitter app 提供了暫存機制,提供了搜尋的功能,可以加入最愛,可以 Re tweet 等等特色,符合了使用者在使用這套軟體想要完成它想要做的事情。
易學性:學習此系統的難易度。Tweet app 在透過網路要跟 Server 要資料,統一都是用滾動從最上層拉 Bar 機制,拖拉放開來更新,這樣不論在哪一個 Tab 裡面都是以此來更新最新資料,另外界面透過 Tab bar 分類頁面,並且在上面擺出了我們熟識的 icon,這樣相當容易知道現在要到哪個頁面區域,再且如果有最新資料,下面會有亮藍燈來抓住使用者的注意,所以以上這些方式相當容易上手。
易記性:使用者在學習一個系統時候,可以多快速與多容易回想使用方式。由於 Tab bar 介面與容易記的 icon 和 Table view 來顯示資料,加上有趣的下拉捲動來更新資料,且通常我們在新增某些資料,功能習慣放在上方,而 Twitter app 也是把發佈新的 Tweet 放在右上角有隻筆的小 icon。這些對於使用者很快就可以學會之外,如果隔很久沒使用,回來看到此畫面也容易上手。
再來談使用者經驗目標,互動設計不是僅止於關心使用系統上的高效率或者高生產力,也要能具備令人滿意 (satisfying)、愉快的 (enjoyable)、有趣的 (fun)、具有娛樂性的 (entertaining)、啓發動機的 (motivating)、美學愉悅感的 (aesthetically pleasing)、激發創造力 (supportive of creativity)、有回報的 (rewarding)、讓人情感滿足的 (emotionally fulfilling)。
從使用者經驗目標來看 Twitter app ,它的人物主角的大頭照顯示和帳號暱稱與 Tweet 內容安排上,大小位置控制相當好,讓使用者閱讀起來相當有質感,可以獲得滿意之於,還能被激發動機,把它再 Re tweet 出去。且更新資料用手指來滾動畫面來更新資料,令人使用起來相當愉快與有趣。我想當我們使用 iPhone 上面的 Twitter app 覺得相當棒好用時候,它的背後已經蘊藏了豐富的互動設計知識在裡頭了。下次不論是身為一個使用者在使用一個互動軟體,或者身為開發人員在開發一個軟體時候,想要讓系統更好用或者批評自家他家一個糟糕系統,何不拿以上這些分析指標來評估呢!
想了解更多也可以參考 互動設計(二版) - aNobii 何謂互動設計
使用性目標可以分為幾個項目:
有效性:這是最普通的目標,指的是系統能否做到使用者該做的事情?從 Twitter app 它可以讓我們完成發 Tweet、接受最新 Tweet、列出是否有人提到我和關鍵詞搜尋等等。
迅速性:這是指系統支援使用者完成工作。使用者是否最有效率的經過最少的步驟完成工作。從 Twitter app 透過 Tab bar 方式來分類,可以快速切換找最新資料、切換到是否有人提到我、是否有私人訊息或者進入搜尋區域。透過 Table view 來顯示每一筆 140 字元內的 Tweet 列在畫面上,符合使用者可以用手指上下捲動來瀏覽。使用者可以在想要做事情到完成它動作,非常的方便與快速達成。
安全性:保護使用者遠離危險非預期的情況。藉由降低按錯鍵或按鈕的風險,以防止使用者犯下嚴重錯誤。提供使用者復原各種出錯狀況的方法。以 Twitter app 為例,今天如果我打了好幾行的 Tweet 過程,不小心按到畫面上的 Close,它會跳出問是否 Save or Don't Save 機制或者取消再回到畫面繼續編輯。這一關相當重要,不論是誤按、或者臨時不想打完想跳出也可以暫存、或者想取消直接離開,都是對於使用者進一步確認的關鍵點。
功能性:正確的功能類型,以便使御者可以做他們想要做的事情。Twitter app 提供了暫存機制,提供了搜尋的功能,可以加入最愛,可以 Re tweet 等等特色,符合了使用者在使用這套軟體想要完成它想要做的事情。
易學性:學習此系統的難易度。Tweet app 在透過網路要跟 Server 要資料,統一都是用滾動從最上層拉 Bar 機制,拖拉放開來更新,這樣不論在哪一個 Tab 裡面都是以此來更新最新資料,另外界面透過 Tab bar 分類頁面,並且在上面擺出了我們熟識的 icon,這樣相當容易知道現在要到哪個頁面區域,再且如果有最新資料,下面會有亮藍燈來抓住使用者的注意,所以以上這些方式相當容易上手。
易記性:使用者在學習一個系統時候,可以多快速與多容易回想使用方式。由於 Tab bar 介面與容易記的 icon 和 Table view 來顯示資料,加上有趣的下拉捲動來更新資料,且通常我們在新增某些資料,功能習慣放在上方,而 Twitter app 也是把發佈新的 Tweet 放在右上角有隻筆的小 icon。這些對於使用者很快就可以學會之外,如果隔很久沒使用,回來看到此畫面也容易上手。
再來談使用者經驗目標,互動設計不是僅止於關心使用系統上的高效率或者高生產力,也要能具備令人滿意 (satisfying)、愉快的 (enjoyable)、有趣的 (fun)、具有娛樂性的 (entertaining)、啓發動機的 (motivating)、美學愉悅感的 (aesthetically pleasing)、激發創造力 (supportive of creativity)、有回報的 (rewarding)、讓人情感滿足的 (emotionally fulfilling)。
從使用者經驗目標來看 Twitter app ,它的人物主角的大頭照顯示和帳號暱稱與 Tweet 內容安排上,大小位置控制相當好,讓使用者閱讀起來相當有質感,可以獲得滿意之於,還能被激發動機,把它再 Re tweet 出去。且更新資料用手指來滾動畫面來更新資料,令人使用起來相當愉快與有趣。我想當我們使用 iPhone 上面的 Twitter app 覺得相當棒好用時候,它的背後已經蘊藏了豐富的互動設計知識在裡頭了。下次不論是身為一個使用者在使用一個互動軟體,或者身為開發人員在開發一個軟體時候,想要讓系統更好用或者批評自家他家一個糟糕系統,何不拿以上這些分析指標來評估呢!
想了解更多也可以參考 互動設計(二版) - aNobii 何謂互動設計
Comments
Post a Comment