365-236 <教學>設計模式-保持輕質

網頁設計六個原則之二：保持輕質

如果不知道之一是什麼就莫名奇妙的點進之二的朋友，可以看這篇：

365-235 <教學>設計模式-操作直接性

保持輕質的意思就是：讓操作更簡單

讓畫面簡單，不會有過多的選項和複雜的操作方式

可以參考費茲定律

情境工具

•永遠顯示工具

•滑過顯示工具

•雙態觸變顯示工具

•多層級工具

•副選單

1.永遠顯示工具

•清楚的動作指令

•相對重要性

•能見度

這些顯示的資訊可以使用者找到那些常用且重要的物件

比起更改個人資料，刪除檔案可能更為重要，那這樣的資訊就會永遠出現

例如分享到FB的人數、重新命名、留言數等等的資訊

2.滑過顯示工具

有些資料可能很多，但使用者會想要知道

例如電影院的網頁，大家看到一個電影的海報，會想要知道更詳細的時間等資訊，以滑過顯示的方式可以呼應第三個原則：同頁作業

避免讓使用者在頁面間切換而感到不便

另外就是保持畫面的輕質，減少永遠出現的資訊

滑過前，可以看到卡馬值

滑過後，顯示出卡馬的變化值

3.多層級工具

有時候點擊之後，還需要做更多動作，那就可以用多層級的方式

這個例子或許不是很精確，意思就是點進去後可以繼續點選更多的資訊

但他不會跳出新的視窗

4.副選單

點進去後會跳出一個清單，例如Google地圖，點位置後他會出現一個小清單給你選路線起點、終點、放大、縮小的小選單

噗浪點擊人名後會出現他的資訊和操作介面

5.雙態觸變工具

點擊之後再點擊會有別的效果，噗浪似乎沒有這個模式

一瞬間(?)又講完了第二個模式
明天同一時間，請繼續收看=D