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