中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

摘要：決定是否要在列表項(xiàng)中顯示縮略圖，要基于圖像相對(duì)于與之關(guān)聯(lián)的文本的重要性，和縮略是否會(huì)在所有列表項(xiàng)中展示，以及小的縮略圖間是否易于區(qū)別開來。

一個(gè)我們經(jīng)常從課程的受眾和聽眾那里聽到的問題是，要不要在移動(dòng)設(shè)備的設(shè)計(jì)中把列表加上縮略圖；如果加的話，是否要將這些縮略圖放在主要文本的左邊或右邊。不出所料，這是個(gè)沒有一刀切答案的問題，但總是有指引，來協(xié)助我們確定在各種不同情況下的最佳行動(dòng)方針。

圖片是否有幫助?（Is the Image Helpful?）

不要以為，只要你有一部分或者甚至所有列表項(xiàng)目的圖片可用，你就絕對(duì)應(yīng)該展示它們。

首先要考慮圖片是否將幫助用戶決定他們應(yīng)該從列表中選擇哪一個(gè)項(xiàng)目。更重要的是: 問問你自己，用戶是否能夠只通過這些圖片作為使用時(shí)的導(dǎo)航。如果圖片完全不能單獨(dú)存在(要么因?yàn)樗〉綗o法區(qū)分相關(guān)細(xì)節(jié)，或者是它只是一張通用的股票走勢(shì)圖)，那就消除它。

例如，Teavana 移動(dòng)網(wǎng)站上 (見下圖) 給出了各種茶的縮略圖，是不太可能幫助用戶決定哪些茶能符合他們的口味，因?yàn)樵谶@樣小尺寸的圖片里是很難看到茶葉的的細(xì)節(jié)和其他成分。你所采用的縮略圖所占據(jù)的屏幕空間應(yīng)該用于更好的文本信息，比如品茶的筆記或咖啡因含量— —它們能幫助用戶做出信息驅(qū)動(dòng)的導(dǎo)航選擇，但這些信息當(dāng)前仍埋藏在各個(gè)詳細(xì)信息頁面上。Teavana的移動(dòng)網(wǎng)站上茶的縮略圖上是沒有太大意義的: 用戶不可能使用他們得到的視覺信息來選擇一種茶，因?yàn)樵谶@些視圖里這些信息都看起來基本上是一樣的。

相反，如果單獨(dú)的文本也會(huì)使用戶難以選擇適當(dāng)?shù)捻?xiàng)目，那么縮略圖也應(yīng)以某種形式包含在列表中。這是零售業(yè)和服務(wù)業(yè)里最常見到的情況，用戶大部分是被美學(xué)信息驅(qū)動(dòng)的: 兩者間的區(qū)別比如說兩件衣服，往往通過圖片最好解釋— —即使是小圖片。當(dāng)然，如果列表內(nèi)容主要是視覺性的(例如，視頻或照片)，那么在瀏覽頁面里圖片應(yīng)該絕對(duì)優(yōu)先考慮，如何幫助導(dǎo)航，并保證縮略圖夠大，或者根據(jù)的多少需要顯示的關(guān)聯(lián)文本使用一個(gè)基于網(wǎng)格的布局。

位置：左還是右？（Placement: Left or Right?）

如果你已經(jīng)決定要包括列表項(xiàng)的縮略圖，下一個(gè)問題你可能會(huì)問應(yīng)該在哪里放。若要確定放在關(guān)聯(lián)文本左邊還是右邊的位置，請(qǐng)權(quán)衡對(duì)比圖片和列表項(xiàng)中提供的文本信息。視覺性的信息是用戶瀏覽的列表信息中最重要的一塊嗎?還是說圖片只是輔助工具?

如果圖像對(duì)于在列表中選擇一項(xiàng)是必要條件，將其放在左邊 (這指從左到右書寫的語言中，如果在從右向左的設(shè)計(jì)中只需鏡像一下這些建議)，以幫助用戶通過有縮略圖的列表快速篩選，而不必看文本。否則，如果圖片的重要性次于文本，將它放在說明文本右邊的位置。

圖片相對(duì)關(guān)聯(lián)文本的優(yōu)先級(jí)也應(yīng)該用來決定縮略圖的大小。越不重要的圖片可以越小。但是，請(qǐng)記住，如果縮略圖太小了，它將不再可識(shí)別或者可用 (要緩解此問題，使用裁剪和縮放的組合來減小圖像大小，而不是只按比例縮小)。另一方面，太大的縮略圖可能會(huì)不適當(dāng)?shù)胤稚⒂脩糇⒁饬?，使其注意不到其他有關(guān)信息，或?qū)е玛P(guān)聯(lián)的文本出問題(例如，字體大小可能需要減少到難以辨認(rèn)的大小或可能需要截?cái)嗝枋觥@兩者對(duì)于用戶體驗(yàn)都是很大的危脅)。同時(shí)也請(qǐng)記住，較大的圖片加載時(shí)間也更長(zhǎng)——緩慢的加載速度極有可能導(dǎo)致用戶的不悅。

（當(dāng)用戶挑選酒店的時(shí)候，用戶對(duì)其地點(diǎn)的美學(xué)信息感興趣，所以酒店的縮略圖是有用的，雖然相比其他文本信息，例如價(jià)格和酒店評(píng)級(jí)，就可能顯得不那么重要。左圖: Tonight酒店的縮略圖是足夠大，可以辨別細(xì)節(jié)，但酒店名稱被截?cái)喽皇菗Q行。右圖:Hotels.com給了文本更多的空間，但它顯示的縮略圖太小了，很難有什么用。）

另一個(gè)可以幫助你選擇放置縮略圖位置的因素是，你是否總是能讓所有列表項(xiàng)配上適當(dāng)?shù)膱D片。如果你不能保證每個(gè)列表項(xiàng)都包含有各自的圖像，就把縮略圖置于右邊，以支持靠文本瀏覽。這樣就能保證文本向左對(duì)齊，用戶便能夠沿著屏幕的左邊移動(dòng)視線，來確定當(dāng)前頁的哪一項(xiàng)是最有趣的。

（左圖: 在洛杉磯時(shí)報(bào)移動(dòng)網(wǎng)站的底部三個(gè)縮略圖都太小，無法辨認(rèn)也無法吸引讀者，并且每個(gè)故事都必須包含圖片，因?yàn)樗捎脠D片左對(duì)齊的布局方式。右圖: 紐約時(shí)報(bào)移動(dòng)網(wǎng)站上使用的縮略圖的右對(duì)齊放置，將允許有遺漏的縮略圖。在視覺性信息具有最大影響力的情況下，就應(yīng)該相應(yīng)采用全尺寸寬度的圖片。）

結(jié)論（Conclusion）

要確定圖像的相對(duì)重要性，要進(jìn)行用戶態(tài)度研究，比如調(diào)查或訪談，深入了解您的用戶喜好等。一旦可以定義圖像的優(yōu)先級(jí)，就容易決定理想的縮略圖位置。

（何時(shí)何地在手機(jī)上顯示列表縮略圖的決策樹）

像往常一樣，請(qǐng)務(wù)必使用紙上原型來測(cè)試那些潛在的新布局，以便在投入太多的時(shí)間和金錢之前，確保你正沿著正確的道路前進(jìn)。

作者條理清晰，把縮略圖的使用也說出了許多要注意的細(xì)節(jié)，譯來與大家共勉?

原作者： Aurora Bedford

原文來自Nielson Norman Group，一個(gè)關(guān)于用戶體驗(yàn)的咨詢研究網(wǎng)站

本文由 @IrioLee 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。