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