365-240 <教學>設計模式-即時反應

恭喜各位讀者也恭喜我，這是最後一章了！




即時反應就是勒~

使用者希望應用程式對他們的每個動作都有反應。介面應該即時反應。
Mac OSX Human Interface Guidelines稱為「回饋與溝通」
藉由適當的回饋，讓使用者能夠隨時掌握狀況。使用者每開始一個動作，都應提供提示，告知使用者應用程式確實收到其輸入，並且正在執行相應操作。


即時反應原則
•查詢模式
•回饋模式

1.查詢模式
•即時搜尋
例如信箱輸入名字或字母時，會跑出符合的聯絡人，減少搜尋時間！

•即時建議
Google搜尋時，輸入單字及會顯示出相關的字詞
於合理的延遲時間後(如輸入暫停時等)，再開始顯示建議選項。

•即時搜尋
就是即時建議加上顯示搜尋的結果
例如打上Tatung會出現Tatung University同時會告訴你這個結果的資訊，如創校時間、得獎紀錄等等。((真是個奇妙的例子...

•精練搜尋
有點類似過濾器，讓搜尋後過多的搜尋結果，再次以別的詞過濾一次
例如搜尋“洗髮精”可能會出現10萬個結果，再次用“去屑”過濾，那可能就只剩1萬個結果這樣。
可以參考591房屋交易網=D

2.回饋模式
•即時預覽
例如創建新的帳號，當輸入自創的帳號後他會在方框旁告訴你有沒有人用過
又或者，再挑衣服時選擇顏色，他會顯示出選完的顏色的衣服照片

•漸進式揭示

這樣一格一格的變色，讓使用者知道他現在在哪一格，接下來要填哪一格



•進度指示器

「3秒鐘都沒有動靜的網頁，會讓人覺得是死的」

所以當上傳一點動靜都沒有時，實在是會讓人很好奇他是不是睡著了

如果有進度指示器，可以讓使用者更有耐心等待，一點...

讓指示器接近於動作執行的位置。

當焦點在於使用者輸入時，進度指示器應顯示於輸入欄位旁。

當焦點在於輸入或活動的結果，則應將進度指示器顯示於結果區域上方。

•定期重新整理

須考量：視覺干擾、暫停定期更新

運用定期重新整理保持網站內容的最新狀態。

以上是第六個原則，讓我們複習一下：

一、操作直接性-所見即所得(WYSIWYG:What You See Is What I See)的原則，已經在過去1/4個世紀裡不斷地被應證。

讓使用者能夠直接於情境中進行編輯(頁內編輯) ，以拖放功能控制介面，以及直接操控物件(直接選取)等模式，皆引領著我們建造智慧型介面。

二、保持輕質-重視使用者所耗費的精力，是打造省力介面的關鍵。了解使用者的意圖，並且於目前情境中提供恰如其分的介面(情境工具)，此點對於能否成功給予輕質使用經驗，極其重要。

三、同頁作業-相較於過去必須以反覆的頁面重整打斷使用者的正常工作流程，我們現在可以打造更貼近使用者心流(Flow)的使用經驗，而非過去強迫使用者進行操作的形式，是不可或缺的要素。

四、送出邀約-於頁面中，丟出靜態和動態的情境式「歡迎踏墊」(可視線索邀約、採取行動邀約、空白板面邀約、遊覽邀約、滑過邀約、拖放邀約、推理邀約，以及更多內容邀約)，邀請使用者探索新的互動方式，進而讓整體的使用經驗更完善。

五、善用轉換效果-可供我們運用的電影特效種類琳瑯滿目(打亮和轉暗、展開與摺疊、自我復原淡出、動畫、聚光燈效果、面板 、翻轉、跑馬燈、收風琴式展開、滑進和滑出，以及放大)，我們能夠以動畫抓狂了或多此一舉的亮相等反面模式，大肆擾亂使用者，當然更可以妥善運用這些特效，解釋當前狀況、演示相互關係、集中注意力、提升效能、並且建立虛擬空間的假象。

六、即時反應-對於每個作用力，皆會產生一個大小相等的反作用力。這也是介面應遵守的物理學。若欲打造生動且靈活的介面，自動完成、即時建議、精煉搜尋、即時預覽、漸進式揭示、進度指示器，以及定期重新整理等，皆是強而有力的工具。