天色甚好，不冷不熱，微困。搞失蹤這篇就上房頂子發發呆。如不美觀哪位感受今次的停筆有些許驚悚的話，接待在評論中吐槽，或者直接在微博上跟我念叨。
4.漸變褪色
之前持續更新了兩章iOS Wow體驗，分袂是關于應用上下文情形以及iOS手藝特征這兩方面的話題。今天換換腦子吧，放下移動應用這攤子事，回到Web端，遛一篇圖文并茂篇幅簡短的小譯文，關于潛匿內容及響應的提醒元素使用體例blah blah的。走著。
標簽(Tab)、下拉菜單、手風琴氣概的折疊控件...漸進呈現(progressive disclosure)的交互體例可以有用的輔佐我們降低界面的視覺復雜度，同時盡可能多的向用戶展示內容。
不外凡事有利亦有弊，在視覺上不成見的工具確實很有可能被用戶所忽略失蹤。是以，把界面元素潛匿起來還不算完，我們必需經由過程一些適當的體例向用戶進行提醒，讓他們意識到潛匿元素的存在。
用戶的預期
這里所說的預期，是指用戶對自己能否在站點中找到潛匿元素所做出的假設和預判。如不美觀用戶認為某些內容必然是藏在什么處所的，他們就會自動的進行尋找;反之，他們也有可能受到一些身分的影響，過早的認定那些內容根柢不存在。
在購物網站中，年夜都用戶認為自己能夠而且應該獲取到商品詳情、退換政策、運費等方面的信息。在這種預期的浸染下，即使那些內容并沒有直截了當的呈現出來，他們也會自動尋找。
另一方面，諸如用戶點評、額外的商品圖片集、視頻演示等附加內容并非是所有購物網站的標配，如不美觀它們在默認狀況下是不成見的，那么對于那些不熟悉該站點的用戶來說，凡是不會破耗太多侍舊鎖行尋找，因為在他們的預期中，這些內容可能就是不存在的。
用戶的預取舍決于他們長久以來的認知和行為習慣。作為設計師，如不美觀不能確保用戶會年夜主不美觀上積極自動的尋找潛匿元素，我們就要借助可視化的觸發指示，指導他們獲取更多的內容。
觸發指示
最佳實踐
任何一種對潛匿內容的存在起到提醒浸染的界面元素都可以被稱為觸發指示。它們年夜致分為五類：
具有指向性的界面元素凡是可以用于對潛匿內容的指示。標的目的指示(directional indicator)的視覺默示形式能夠很切確的描畫出虛擬空間傍邊位置及移動的概念，合合用戶直覺。
1.標的目的與空間
此外，標的目的指示自己凡是會以停筆的形式存在，這也使得后面的文字問題在用戶看來具有更強的可點擊性，進一步增強了潛匿內容被發現的可能性。
在Fox的主導航傍邊，前兩個菜單項會各自觸發一個“年夜數據量菜單”的睜開(mega menu，趕上這種已然商定俗成的詞兒我是真心不想翻成中文——譯者C7210注)，其中作為觸發指示的恰是問題文字后面的下三角停筆。這類元素年夜視覺上來看是很細小的，但它們對于用戶能否正確體味頁面的交互體例卻是至關主要的。
空間指示(spatial indicators)與標的目的指示具有斗勁慎密親密的相關性。在這種模式中，凡是會有一個“高亮”的界面元素向用戶提醒當前所處的位置或是已做過的選擇，而其他那些處于通俗狀況的同級別導航元素則暗示著當前區域傍邊有更多內容可以被發現。
分頁控件是一個斗勁典型的例子，這種模式可以很直白的讓用戶知道自己看過若干好多內容、此刻正處于若何的位置、接下來還有若干好多工具可看。此外，導航菜單中的“當前”狀況標識，以及瀏覽器的滾動條等等，年夜素質上講都屬于空間指示。
2.隱喻
隱喻是一種很是有用的指導體例。例如，將用戶界面設計成為書籍或雜志的樣式，在交互體例上也模擬真實的物理效不美觀。經由過程這種高度隱喻化的默示形式來承載在線內容，可以讓用戶會很自然的去瀏覽那些在當前可視區域“后面”的工具，就像在現實中看書那樣。
隱喻的體例確實很是合合用戶的直覺及預期;作為設計師，我們必需確保擬真界面的外不美觀和交互體例能夠切確的浮現出真什物體的視覺及物理特征。不外，因為手藝等客不美觀前提所限，真什物體的行為紀律未必能夠被切確的還原到網頁傍邊，我們需要在選擇設計方案的時辰對這方面的問題加以考慮。
3.停筆
停筆可以使觸發指示元素在整個頁面傍邊以相對凸顯的體例呈現出來，例如Macy在“Reviews”標簽中所使用的星級停筆。
停筆一類的視覺元素可以使平平枯孕?罾υ?字內容具有更強的可辨識性，進而指導用戶發現四周的潛匿元素。不外這類做法也具有必然的風險，有時它們吸引到的注重力太多了，以至于使用戶忽略失蹤了其他的主要信息。
我們還可以經由過程改變內容自身外不美觀的體例來指示更多的潛匿內容，而不必使用停筆一類的可視化界面元素作為觸發指示。其中最典型的體例就是為內容文字設置漸變褪色效不美觀，Amazon的商品描述頁面傍邊就使用了這種體例。
推薦閱讀
第一 網站定位我們是做什么的? 此刻電子商務可以說是互聯網上最熱點的一個財富，天天城市有上百個電子商務網站冒出來，同時也有良多網站倒下去。是以電子商務網站的運營成為了每個網商關注的焦點，連系筆者在電子商務>>>詳細閱讀
本文標題：<b>通過合理的指示元素引導用戶發現隱藏內容</b>
地址：http://www.geekbao.cn/a/22/20120529/63947.html
網友點評
精彩導讀
科技快報
品牌展示