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