丰满少妇的高潮呻吟声音,小宝极品内射国产在线,欧美极品少妇xxxxⅹ高跟鞋,精品无码久久久久久久久水蜜桃

 

濟(jì)南網(wǎng)站建設(shè)導(dǎo)航簡(jiǎn)化過(guò)程分析1:信息架構(gòu)

濟(jì)南網(wǎng)站建設(shè)中,網(wǎng)站導(dǎo)航至關(guān)重要,因?yàn)樗暮糜门c否直接決定于網(wǎng)站整體的用戶(hù)體驗(yàn),僅僅是一種手段而不是目的 – 到底是來(lái)消費(fèi)內(nèi)容。 這就是為什么用戶(hù)已經(jīng)非常了解對(duì)比的內(nèi)容和導(dǎo)航的期望。 而內(nèi)容應(yīng)該是獨(dú)特的 ,令人驚訝的和令人興奮的,導(dǎo)航到它應(yīng)該是簡(jiǎn)單而明確越好。

本系列文章,分為兩部分,一個(gè)是四步指導(dǎo),有效地簡(jiǎn)化了導(dǎo)航體驗(yàn),通過(guò)分析內(nèi)容的類(lèi)型和數(shù)量以及選擇和精心設(shè)計(jì)的正確類(lèi)型的導(dǎo)航菜單。

四步理想的導(dǎo)航系統(tǒng)

要構(gòu)建一個(gè)可用的導(dǎo)航系統(tǒng),一個(gè)網(wǎng)站設(shè)計(jì)者必須回答四個(gè)問(wèn)題,在這個(gè)特定的順序:

  1. 我該怎么辦最好的結(jié)構(gòu)的內(nèi)容?
  2. 我該如何最好地解釋航行的選擇?
  3. 其中導(dǎo)航菜單的類(lèi)型是最適合容納的選擇?
  4. 我該如何最好地設(shè)計(jì)導(dǎo)航菜單?

前兩個(gè)問(wèn)題涉及的內(nèi)容結(jié)構(gòu)標(biāo)簽 ,這是通常被稱(chēng)為信息架構(gòu) 。 信息架構(gòu)師通常想象他們努力的結(jié)果在一個(gè)站點(diǎn)地圖圖 。

然而,對(duì)于將詳細(xì)介紹該系列的過(guò)程中加以解釋?zhuān)皇翘峁┮粋€(gè)網(wǎng)站地圖,導(dǎo)航的理由也不會(huì)為用戶(hù)提供最好的體驗(yàn)。 設(shè)計(jì)自定義導(dǎo)航菜單,妥善容納,整理并逐步揭示了他們的選擇也很重要,從而使用戶(hù)能夠輕松查找,瀏覽并跳過(guò)選擇。

設(shè)計(jì)這樣的導(dǎo)航菜單可以通過(guò)回答上述第三和第四個(gè)問(wèn)題,它指的是一個(gè)導(dǎo)航體驗(yàn)的交互設(shè)計(jì)來(lái)實(shí)現(xiàn)。 前兩個(gè)問(wèn)題將在第一部分中,在第二條后兩者加以解決。

結(jié)構(gòu)化的內(nèi)容

要正確地構(gòu)建一個(gè)網(wǎng)站的內(nèi)容,首先考慮用戶(hù)如何尋找信息,然后在最符合這些偏好對(duì)齊的方式構(gòu)建的內(nèi)容。

如何用戶(hù)尋找信息

當(dāng)用戶(hù)正在尋找的東西 – 無(wú)論是汽車(chē),配方,金融服務(wù),項(xiàng)目的服裝,新聞文章,健身運(yùn)動(dòng),娛樂(lè)視頻或任何其他項(xiàng)目或一條信息 – 他們可能會(huì)或可能不知道的確切名稱(chēng)是什么他們正在尋找。 如果我們假設(shè)用戶(hù)總是知道他們?cè)趯ふ沂裁吹拇_切名稱(chēng),那么,我們可以認(rèn)為,把他們最好的辦法會(huì)有為他們提供了大量的A-to-Z指數(shù)或者干脆讓他們輸入在搜索字段。

當(dāng)然,事情并不那么簡(jiǎn)單。 這將在更詳細(xì)的第二部分來(lái)解釋?zhuān)词褂脩?hù)總是知道他們?cè)趯ふ沂裁吹拇_切名稱(chēng),兩者的A到Z的索引和搜索具有固有的交互問(wèn)題,使他們不足為主要或唯一指導(dǎo)航。 此外,用戶(hù)往往不知道確切名稱(chēng)或什至不關(guān)心的項(xiàng)目或名稱(chēng); 相反,他們有一個(gè)關(guān)鍵字或功能與他們正在尋找什么。

在第一步驟中安全地引導(dǎo)用戶(hù)到正確的內(nèi)容,然后,是聚集和分類(lèi) ??的項(xiàng)目網(wǎng)站上的類(lèi)型。

元數(shù)據(jù)作為導(dǎo)航系統(tǒng)的基礎(chǔ)

收集關(guān)于某個(gè)項(xiàng)目或內(nèi)容塊的信息通常被稱(chēng)為元數(shù)據(jù) – 即,關(guān)于信息的信息。

沒(méi)有進(jìn)入細(xì)節(jié),項(xiàng)目可能屬于不同的元數(shù)據(jù)類(lèi),一個(gè)類(lèi)是否是新聞報(bào)道的政治焦點(diǎn),監(jiān)視器,視頻的導(dǎo)演,襯衫的領(lǐng)型或難易程度的顯示大小的健身運(yùn)動(dòng)。 當(dāng)然,多個(gè)項(xiàng)目也可以共享類(lèi),如價(jià)格,普及和出版日期。

用戶(hù)可以通過(guò)這些元數(shù)據(jù)分類(lèi)瀏覽內(nèi)容。 然而,正如我們將看到的,讓用戶(hù)瀏覽內(nèi)容一切可能的方式是沒(méi)有必要的,甚至有益。 這樣做會(huì)在最混亂的界面,減緩和復(fù)雜的導(dǎo)航過(guò)程,在最壞的情況,會(huì)混淆,輪胎和惹惱用戶(hù),他們干脆放棄了網(wǎng)站上的點(diǎn)。

仔細(xì)考慮是否以及在哪個(gè)階段來(lái)分類(lèi)展示給用戶(hù)。

三種類(lèi)型的元數(shù)據(jù)分類(lèi)中

決定是否以及何時(shí)提出一個(gè)元數(shù)據(jù)類(lèi),將您的類(lèi)別分為三組: 至關(guān)重要的,可選的,不相關(guān)的 。

信息架構(gòu)的挑戰(zhàn)是,一類(lèi)為關(guān)鍵的,可選的或不相關(guān)的非常多的分類(lèi)取決于目標(biāo)受眾,網(wǎng)站的目的和內(nèi)容,甚至卷的喜好。 但是,一旦你確定了一個(gè)適當(dāng)?shù)姆诸?lèi),一些簡(jiǎn)單的規(guī)則將幫助你決定??何時(shí)顯示哪些類(lèi)別。

關(guān)鍵類(lèi)別

關(guān)鍵類(lèi)別是那些將是重要的所有目標(biāo)用戶(hù)。 這些類(lèi)別是罕見(jiàn)的,但似乎是每個(gè)項(xiàng)目至少有一個(gè)重要的范疇,它簡(jiǎn)化了設(shè)計(jì)師的工作及導(dǎo)航體驗(yàn)的用戶(hù)。

確定關(guān)鍵類(lèi)別

一 小部分元數(shù)據(jù)類(lèi)食譜可能是“當(dāng)然”,“主要成分”,“特殊飲食”,“際”,“美食”和“烹調(diào)時(shí)間?!边@些類(lèi)別中,唯一的關(guān)鍵之一將是“課程“不是每個(gè)人都 在一個(gè)特殊的飲食習(xí)慣,而不是每頓飯是一個(gè)特別的日子,但是幾乎每個(gè)人在任何一天的飯菜分成開(kāi)胃菜,早餐,主菜,小菜,沙拉,甜點(diǎn)等。

因?yàn)楫?dāng)然是重要的,所有的目標(biāo)用戶(hù),應(yīng)該提交給他們的第一類(lèi)。

然而,如前所述,目標(biāo)受眾或網(wǎng)站的目的,可能會(huì)影響類(lèi)別的分類(lèi),特別是在利基網(wǎng)站。

例如,“美食”將不相關(guān)的誰(shuí)訪問(wèn)主流網(wǎng)站關(guān)于食譜的所有用戶(hù)。 但是,如果一個(gè)網(wǎng)站收集來(lái)自世界各地流行的美食最好的食譜,然后在“美食”很可能是針對(duì)目標(biāo)受眾的關(guān)鍵類(lèi)別,是否除了“當(dāng)然”,或替換它作為唯一的重要類(lèi)別。 在任何情況下,因?yàn)椤懊朗场笔蔷W(wǎng)站的主要主題(而不是“課程”),第一次顯示它是適當(dāng)?shù)摹?/p>

安排關(guān)鍵類(lèi)別

上述地址的例子中只有單一的重要類(lèi)別。 然而,一組項(xiàng)目可能包含多個(gè)重要類(lèi)別。

就拿服裝。 一個(gè)重要的類(lèi)別可能是服裝的類(lèi)型,如“襯衫”,“褲子”,“鞋子”和“毛衣”,另一個(gè)至關(guān)重要的,相互排斥的,品類(lèi)是性別,“男人”和“女人”。第三可能的場(chǎng)合,如“休閑”,“工作”和“衣服?!蔽覀兛梢杂懈嗟闹匾?lèi)別,但我們會(huì)離開(kāi)它。

的問(wèn)題,那么,如何更好地適應(yīng)和解決多個(gè)關(guān)鍵類(lèi)別之間的潛在沖突。

首先,將所有重要的類(lèi)在同一個(gè)頂層似乎是合乎邏輯的。 畢竟,他們都是至關(guān)重要的。 然而,相反的應(yīng)該做的。 重要類(lèi)別是最好的實(shí)現(xiàn)一前一后,在隨后的水平 。 為了更好地理解這一點(diǎn),讓我們來(lái)看看下面顯示的網(wǎng)站的信息架構(gòu)。

一個(gè)水平導(dǎo)航欄列出的產(chǎn)品可從LL Bean的類(lèi)型,如“家居飾品”,“狩獵和捕魚(yú)”,“戶(hù)外裝備”,“鞋類(lèi)”和“衣裳”。然而,設(shè)計(jì)師做了一些不同的“衣服“衣服往往陷入類(lèi)別”男人“和”女人“,但不是列出的衣服在橫向菜單十幾類(lèi),設(shè)計(jì)師決定的關(guān)鍵類(lèi)別用更少的值。 用戶(hù)只需以“男人”和“女人”,開(kāi)始關(guān)閉,然后他們能看到所有的服裝在下拉菜單中,允許比單杠更多可供選擇的類(lèi)型。

這給在信息架構(gòu)略有不一致,但設(shè)計(jì)師接受了它,釋放空間在單杠。 解決的辦法是細(xì)只要不一致并不混淆用戶(hù),這是不可能的了。 然而,將類(lèi)別“鞋”(這可以理解,區(qū)分鞋類(lèi)之間為“男性”和“女性”)在相同的單杠是不是聲音的決定。

這種解決方案的問(wèn)題是,兩個(gè)重要的類(lèi)別已被放置在同一水平上。 這兩個(gè)“鞋→男士”和“男人→鞋”是直接的路徑。 但是,由于這兩類(lèi)都是至關(guān)重要的,用戶(hù)還得通過(guò)兩個(gè)反正。 但由于它們被放置在同一水平上,用戶(hù)被要求在它們之間進(jìn)行選擇,這有損假設(shè)兩個(gè)類(lèi)別是至關(guān)重要的。 因此,上述路徑之一可以被刪除 – 可能是“鞋→男士?!?/p>

可選分類(lèi)

如果有多個(gè)關(guān)鍵類(lèi)別存在,那么項(xiàng)目的數(shù)量可能不是必要將其列入。 如果一個(gè)網(wǎng)站沒(méi)有十幾件衣服越多,那么設(shè)計(jì)者可以簡(jiǎn)單地讓用戶(hù)選擇是否要查看所有衣服的男性或女性,并用它做。

在許多情況下,雖然,發(fā)生相反的情況。 所有重要的類(lèi)都已經(jīng)用盡,即使,項(xiàng)目豐盈仍可能留下。 所以,附加類(lèi)別將不得不被引入,允許用戶(hù)進(jìn)一步過(guò)濾的內(nèi)容。 這是可選的類(lèi)別來(lái)發(fā)揮作用。

可選的類(lèi)別是很重要的一些但不是所有的用戶(hù) 。 例如,兩個(gè)元數(shù)據(jù)類(lèi)別為“汽車(chē)”可能是“宗門(mén)”和“燃料類(lèi)型?!庇行┤耸强駸岬年P(guān)于燃料類(lèi)型和可能不關(guān)心門(mén)的數(shù)量。 其他的感覺(jué)完全相反。

優(yōu)先考慮關(guān)鍵在選購(gòu)分類(lèi)

作為一項(xiàng)規(guī)則,可選的種類(lèi)應(yīng)提交用戶(hù)已經(jīng)度過(guò)關(guān)鍵類(lèi)別走后

然而,許多零售網(wǎng)站,例如服裝和電子產(chǎn)品,品牌列表(可選類(lèi)別)在同一水平上的產(chǎn)品的類(lèi)型(一個(gè)重要類(lèi)別)。

這種方法的問(wèn)題是,如果用戶(hù)選擇上,也就是說(shuō),一個(gè)服裝網(wǎng)站的一個(gè)品牌,他們可能要面對(duì)數(shù)百個(gè)項(xiàng)目或數(shù)千,他們?nèi)匀粚⒉坏貌贿x擇一個(gè)類(lèi)型的服裝,以縮小內(nèi)容。 所以,放置可選的種類(lèi)在同一水平上至關(guān)重要類(lèi)別創(chuàng)建冗余路徑,增加了選擇和雜波導(dǎo)航的復(fù)雜性。

提供許多過(guò)濾器也不錯(cuò)。 但是,而不是給用戶(hù)帶來(lái)很多導(dǎo)航選項(xiàng)一次從一開(kāi)始,有幾個(gè)關(guān)鍵的選擇首先呈現(xiàn)出來(lái),然后,一旦他們已經(jīng)用盡了這些,引入可選的值。

因此,在上述的例子中,從這樣的高度除去品牌和具有用戶(hù)僅選擇一個(gè)類(lèi)型的服裝第一效果會(huì)更好。 然后,在一個(gè)新的水平,給用戶(hù)提供了選擇,選擇一個(gè)品牌。

動(dòng)態(tài)過(guò)濾器

如前所述,關(guān)鍵類(lèi)別應(yīng)提交在隨后的水平一個(gè)接一個(gè)。 可選類(lèi)別在同一水平上提供最好的一切。

唯一的例外是,如果可選的類(lèi)別是互斥的,那么就應(yīng)該在同一個(gè)菜單的關(guān)鍵類(lèi)別下一級(jí)所示。 如果可選的種類(lèi)可能會(huì)被合并 ,但是,那么他們應(yīng)該被實(shí)現(xiàn)為動(dòng)態(tài)過(guò)濾器 。

在下面的截圖中,注意西爾斯如何列出重要類(lèi)別的面包屑,而可選的類(lèi)實(shí)現(xiàn)為動(dòng)態(tài)過(guò)濾器。

關(guān)鍵的和可選的類(lèi)別之間的這種區(qū)別可以作如下解釋。 每個(gè)類(lèi)是一個(gè)過(guò)濾器,可用的內(nèi)容,而動(dòng)態(tài)篩選器是動(dòng)態(tài)的,因?yàn)樗鼈冊(cè)试S用戶(hù)選擇和改變對(duì)飛多個(gè)值。 相反,在一個(gè)傳統(tǒng)的,等級(jí)為基礎(chǔ)的導(dǎo)航系統(tǒng),用戶(hù)將不得不從一個(gè)級(jí)別移動(dòng)到下一個(gè)選擇一個(gè)值。 如果類(lèi)別是至關(guān)重要的,那么這將不會(huì)是一個(gè)問(wèn)題,如圖所示。 但隨著可選類(lèi)別,情況就不同了。

當(dāng)用戶(hù)正在尋找一個(gè)襯衫,許多可選的元數(shù)據(jù)類(lèi)可以起到一定的作用:“品牌”,“領(lǐng)型”,“袖長(zhǎng)”,“布”,“模式”,“口袋”,“打折”,“價(jià)格“,”等級(jí)“,”人氣“等。 確切地知道它的這些許多類(lèi)別給定的用戶(hù)會(huì)感興趣的是困難的。 有人可能有興趣沒(méi)有,幾個(gè)或全部。

而不是通過(guò)所有可選類(lèi)別,此起彼伏,發(fā)送用戶(hù),無(wú)論他們是否有興趣在他們來(lái)說(shuō),設(shè)計(jì)人員可以提供在同一水平上的動(dòng)態(tài),可選的過(guò)濾器列表。 因此,用戶(hù)將能夠只選擇自己喜歡的類(lèi)別。

相比之下,考慮如下所示的網(wǎng)站,這并不區(qū)分作為顯然非常重要和可選類(lèi)別之間。 相反,它實(shí)現(xiàn)了所有類(lèi)別的動(dòng)態(tài)過(guò)濾器,包括關(guān)鍵類(lèi)別。

這種缺乏區(qū)別導(dǎo)致了幾個(gè)問(wèn)題。 第一,它占用的垂直空間以及推壓其他可選的過(guò)濾器下,要求用戶(hù)滾動(dòng)更頻繁查看和改變的值。

其次,動(dòng)態(tài)過(guò)濾器被稱(chēng)為“重金屬”小工具:它是強(qiáng)大的,但在資源豬。 每當(dāng)用戶(hù)選擇一個(gè)單一的值,結(jié)果列表刷新相匹配。 這是有意義的,用于提供反饋,但它不會(huì)使任何相互作用更快。 相同的結(jié)果可以簡(jiǎn)單地通過(guò)讓用戶(hù)從傳統(tǒng)的菜單中選擇相同的關(guān)鍵值,更快地實(shí)現(xiàn)。

事實(shí)上,耐克的設(shè)計(jì)師們提供了這樣一個(gè)菜單,讓我們來(lái)測(cè)試這個(gè)假設(shè),并在同一界面內(nèi)兩個(gè)互動(dòng)模型的速度和效率進(jìn)行比較。

相互排斥的類(lèi)別

動(dòng)態(tài)過(guò)濾器是必要的,只有當(dāng)任選的類(lèi)別有可能進(jìn)行組合。 如果可選的類(lèi)別是互斥的 ,那么就應(yīng)該在主導(dǎo)航菜單的下一級(jí)實(shí)施。

在下面的截圖中,每日快報(bào)要求用戶(hù)在第一個(gè)層面一個(gè)至關(guān)重要的問(wèn)題:挑的新聞話題,如“金融”,“娛樂(lè)”或“生活方式”然后,選擇部分的主頁(yè)上,網(wǎng)友給出的關(guān)于該主題的最新消息摘要。 檢查三個(gè)或四個(gè)最新的文章都是許多用戶(hù)想要做的。 對(duì)于那些誰(shuí)想要鉆研某個(gè)特定主題,小節(jié)下面列出的第一級(jí)。

上面的小節(jié)可以看作是相互排斥的,因?yàn)橐粋€(gè)娛樂(lè)項(xiàng)目,通常釋放無(wú)論是作為一本書(shū)或一部電影或電視節(jié)目等,當(dāng)然,組合是可能的; 一本書(shū)可以被拍成電影或舞臺(tái)劇。 不過(guò),如果用戶(hù)可能希望看到一個(gè)摘要符合這些組合? 如果是這樣,那么動(dòng)態(tài)篩選意義。

請(qǐng)注意,這個(gè)問(wèn)題的答案將取決于項(xiàng)目的類(lèi)型而不是項(xiàng)目的數(shù)量和多樣性上,以及目標(biāo)受眾的特殊利益少。

例如,用戶(hù)可能不會(huì)找一個(gè)早餐食譜,是中國(guó)和低脂肪??和圣誕主題。 相反,他們會(huì)找一個(gè)早餐,要么是中國(guó)或低脂或圣誕節(jié)為主題。 所以,選購(gòu)的食譜分類(lèi)是不太可能,一般要結(jié)合起來(lái)。 但是,如果一個(gè)網(wǎng)站有成千上萬(wàn)的食譜和目標(biāo)受眾有非常特殊的喜好,然后讓他們更強(qiáng)大的動(dòng)態(tài)過(guò)濾器將是有益的。

最后,考慮的元數(shù)據(jù)類(lèi)的第三組。

不相干的分類(lèi)

不相干的類(lèi)別是分類(lèi)由無(wú)目標(biāo)用戶(hù)很可能要瀏覽的內(nèi)容。 然而,這些分類(lèi)并不是無(wú)關(guān)緊要的整體用戶(hù)體驗(yàn)。

兩個(gè)元數(shù)據(jù)類(lèi)的文章的集合可能是“字?jǐn)?shù)統(tǒng)計(jì)”和“圖像數(shù)量。”如果這些類(lèi)別被實(shí)現(xiàn)為列在數(shù)據(jù)庫(kù)中,內(nèi)容策略可以審查這些類(lèi)別的值并得出結(jié)論,大多數(shù)文章都太長(zhǎng)缺乏圖像,這可能是一個(gè)原因,很多用戶(hù)放棄了網(wǎng)站,他們讀完的文章之前。 內(nèi)容策略可以再討論這個(gè)問(wèn)題與設(shè)計(jì)師或客戶(hù)端,這可能導(dǎo)致改進(jìn)的內(nèi)容。 然而,雖然這些類(lèi)別可能產(chǎn)生有價(jià)值的信息,為設(shè)計(jì)師,用戶(hù)很可能不希望由“字?jǐn)?shù)統(tǒng)計(jì)”,或?yàn)g覽文章“圖像數(shù)量。”

總之,不相關(guān)的類(lèi)不應(yīng)該出現(xiàn)在網(wǎng)站上。 他們會(huì)被忽略,將雜亂的界面,甚至可能會(huì)使用戶(hù)感到困惑。 項(xiàng)目的絕對(duì)數(shù)量,不過(guò),可以把一個(gè)不相干的類(lèi)插入可選的。

例如,“字?jǐn)?shù)統(tǒng)計(jì)”通常會(huì)是一個(gè)不相關(guān)的類(lèi)通過(guò)它來(lái)瀏覽文章。 但下圖所示的網(wǎng)頁(yè)多年來(lái),設(shè)計(jì)者認(rèn)為有必要增加文章的長(zhǎng)度作為用戶(hù)可選的方式來(lái)過(guò)濾內(nèi)容積累了那么多文章。

上面說(shuō)的食譜展示或服裝的網(wǎng)站是適合解釋優(yōu)先類(lèi)別的精妙之處和重要性,因?yàn)樗鼈兺ǔP枰芏嗟脑獢?shù)據(jù)類(lèi)。 但他們沒(méi)有示出了一個(gè)問(wèn)題,即大多數(shù)設(shè)計(jì)者必須面對(duì)在某些時(shí)候,在設(shè)計(jì)一個(gè)公司時(shí)尤其如此。

公司產(chǎn)品分類(lèi)

大多數(shù)食譜網(wǎng)站收集食譜亂,然后離開(kāi)它的設(shè)計(jì)師對(duì)它們進(jìn)行分類(lèi)。 但企業(yè)往往有分類(lèi)的產(chǎn)品自己內(nèi)部的方式。 這可能會(huì)導(dǎo)致相互沖突的需求。

首先考慮的關(guān)鍵元數(shù)據(jù)類(lèi)汽車(chē)。 你將不得不根據(jù)大小或生活方式類(lèi)別,其值如“緊湊型”,“貨車(chē)”,“跑車(chē)”,“轎車(chē)”,“轎車(chē)”等。 這個(gè)類(lèi)是至關(guān)重要的,因?yàn)槊恳粋€(gè)類(lèi)型的車(chē)迎合了特定的生活方式,一個(gè)是重要的,幾乎每個(gè)人誰(shuí)駕駛汽車(chē)。 緊湊型,例如,小,價(jià)格便宜,易于駕駛,方便在城市公園。 馬車(chē)有很大的后備箱空間,非常適合家庭。 跑車(chē)迎合了另一種截然不同的生活方式。 等等。

然而,許多汽車(chē)公司的分類(lèi)模型以自己的方式。 寶馬,如下圖,如下一些基礎(chǔ)的分類(lèi)方案(1,3,5,7,等等)。

當(dāng)一個(gè)公司的內(nèi)部分類(lèi)方案可能會(huì)導(dǎo)致可用性問(wèn)題,寶馬的計(jì)劃實(shí)際上使信息架構(gòu)更實(shí)用。 盡管是企業(yè),該計(jì)劃是頗有名氣的普通大眾,并在邏輯上根據(jù)車(chē)的大小數(shù)字的進(jìn)步,或多或少與汽車(chē)的契約,轎車(chē),豪華轎車(chē)等分類(lèi)在這種情況下的共同計(jì)劃路線,任何東西比該公司的分類(lèi)等可能會(huì)疏遠(yuǎn),而不是幫助用戶(hù)。

下一個(gè)例子是沒(méi)有那么簡(jiǎn)單。 歐寶同樣根據(jù)其自己的內(nèi)部命名約定列出的車(chē)型。

問(wèn)題是,這種產(chǎn)品線的結(jié)構(gòu)不明確,而且它不是由一個(gè)事實(shí),即用戶(hù)必須與滑塊進(jìn)行交互以查看所有的機(jī)型(盡管這個(gè)問(wèn)題涉及到更多的交互)變得更加容易。 用戶(hù)有沒(méi)有簡(jiǎn)單的方法來(lái)了解產(chǎn)品是如何相互關(guān)聯(lián)的,因此,有沒(méi)有簡(jiǎn)單的方法,根據(jù)喜好來(lái)過(guò)濾它們。

如果分類(lèi)計(jì)劃并沒(méi)有為用戶(hù)很好地工作,然后一個(gè)熟悉的外部必須優(yōu)先于內(nèi)部之一。

請(qǐng)注意,大眾汽車(chē)(下)如何擁有自己的命名和分類(lèi)車(chē)型的道:“捷達(dá)”,“帕薩特”,“途銳”等,但該公司優(yōu)先考慮在其企業(yè)一個(gè)共同的外部分類(lèi)方案。 其結(jié)果是一個(gè)菜單,很容易理解,并且能夠讓用戶(hù)專(zhuān)注于的陣容是他們感興趣的部分

當(dāng)然,客戶(hù)端可能不喜歡看到自己的企業(yè)分類(lèi)方案退居次席。 然而,由于誰(shuí)被聘用,使網(wǎng)站方便對(duì)內(nèi)容的信息架構(gòu)師,你是負(fù)責(zé)這個(gè)必要傳達(dá)給客戶(hù)。

解釋導(dǎo)航選項(xiàng)

根據(jù)用戶(hù)偏好,構(gòu)建了導(dǎo)航選項(xiàng)是在簡(jiǎn)化網(wǎng)站的信息架構(gòu)的重要一步。 但是,如果用戶(hù)無(wú)法理解他們擺在首位的選項(xiàng),那么即使是最復(fù)雜的結(jié)構(gòu)將是徒勞的。 所以,花點(diǎn)時(shí)間考慮如何最好地解釋了導(dǎo)航選項(xiàng)。

讓用戶(hù)只需盡可能多的信息,因?yàn)樗麄冃枰私馑麄兊倪x擇。 再說(shuō)了累人他們,弄亂界面和導(dǎo)航放緩,甚至放棄的地步風(fēng)險(xiǎn)。

不要給他們的信息太少要么。 如果用戶(hù)紛紛猜測(cè)其中的鏈接指向,然后在那里他們最終都失望了,他們很快就會(huì)失去信心接口和離開(kāi)該網(wǎng)站。

設(shè)計(jì)人員可以從三種方式中選擇來(lái)解釋導(dǎo)航選項(xiàng):

  1. 標(biāo)簽;
  2. 標(biāo)簽和圖片;
  3. 標(biāo)簽,圖片和說(shuō)明。

要選擇正確的方法,評(píng)估的標(biāo)簽有多熟悉到目標(biāo)受眾。

標(biāo)簽

如果您想使用標(biāo)簽是很熟悉,那么只有他們就足夠了。 大型畫(huà)冊(cè)和長(zhǎng)描述是沒(méi)有必要解釋什么是“牛仔褲”,“短褲”,“襯衫”和“外套”是。

在保持標(biāo)簽短路值得稱(chēng)道的,簡(jiǎn)潔不應(yīng)該在明確的成本來(lái)實(shí)現(xiàn)。 只要目標(biāo)受眾是熟悉和適應(yīng)它們縮寫(xiě)詞和行話,比如UX和BMI(身體質(zhì)量指數(shù)),可以工作。

然而,有時(shí)候,獨(dú)自一個(gè)術(shù)語(yǔ)可能是明確的,但在它出現(xiàn)的上下文使它曖昧。 大型組織的許多濟(jì)南網(wǎng)站建設(shè)都含有持久性水平導(dǎo)航指向該組織的主要工作方面以及上下文敏感的垂直導(dǎo)航指向的子部門(mén)。 這可能會(huì)導(dǎo)致重復(fù)的標(biāo)簽。 巴斯大學(xué)(如下圖),包括在頂部全球水平菜單,并在左邊的窄的垂直菜單標(biāo)簽“研究”。

雖然這可能會(huì)使用戶(hù)感到困惑,精心的設(shè)計(jì)將避免歧義。 在上面的截圖中,菜單標(biāo)題“探索部”是一個(gè)很好的提示,它下面的“研究”的標(biāo)簽是指部門(mén),不要把大學(xué)作為一個(gè)整體。 要絕對(duì)確保,我們可以從“關(guān)于我們”加長(zhǎng)的標(biāo)簽,比方說(shuō),“關(guān)于這處”。

另一種方式給標(biāo)簽的上下文是通過(guò)添加數(shù)字,說(shuō)明有多少項(xiàng)目是在一個(gè)給定的類(lèi)別。

這些數(shù)字經(jīng)常被列為動(dòng)態(tài)篩選值。

過(guò)濾器

雖然很多用戶(hù)喜歡看到這樣的數(shù)字,仔細(xì)考慮時(shí),實(shí)際上顯示它們。 例如,猜測(cè)有多少內(nèi)容的網(wǎng)站剛剛通過(guò)查看主頁(yè)通常是困難的。 因此,明確顯示多少已經(jīng)能籠絡(luò)用戶(hù),因?yàn)樗麄儠?huì)認(rèn)為,“當(dāng)然,這個(gè)網(wǎng)站有我的東西。”

當(dāng)然,你可能不希望透露這樣一個(gè)數(shù)字,如果你的網(wǎng)站沒(méi)有多少內(nèi)容呢。

同樣,當(dāng)用戶(hù)瀏覽類(lèi)別,并擁有一定的話題,他們會(huì)想探索相關(guān)的類(lèi)別,即使它有幾個(gè)項(xiàng)目,即使一個(gè)不太相關(guān)的類(lèi)別包含多個(gè)項(xiàng)目。 如果有的話,在這一點(diǎn)上顯示的數(shù)字會(huì)減慢瀏覽和雜亂的接口。

統(tǒng)計(jì)

這同樣適用于動(dòng)態(tài)過(guò)濾器。 將用戶(hù)選擇,根據(jù)它所包含的項(xiàng)目數(shù)類(lèi)別? 如果是這樣,那么顯示的數(shù)字是有意義的。 如果沒(méi)有,那么唯一的一種反饋,你應(yīng)該給是灰色或移除具有零項(xiàng)的值。

否則,一旦用戶(hù)已選擇了類(lèi)別,顯示該類(lèi)別中的項(xiàng)目數(shù),或者在動(dòng)態(tài)過(guò)濾器的情況下,顯示符合所選擇的值的項(xiàng)數(shù)是有用的信息。

圖標(biāo)是另一種類(lèi)型,有時(shí)附加到標(biāo)簽的元素。 當(dāng)好制作和辨認(rèn),他們可以是一個(gè)非常有益的補(bǔ)充。 而沒(méi)有必要解釋的使用者的選項(xiàng),圖標(biāo)可以更容易地處理和選項(xiàng)之間進(jìn)行區(qū)分。 在下面的截圖中,我已經(jīng)刪除的菜單項(xiàng)的圖標(biāo)。 注意標(biāo)簽如何仍不足以解釋的選項(xiàng)。 每個(gè)人都知道什么是“車(chē)”,“房車(chē)”,“摩托車(chē)”和“卡車(chē)”是。

然而,把圖標(biāo)旁邊的標(biāo)簽使得它更容易為用戶(hù)識(shí)別和選項(xiàng)之間區(qū)別。

單獨(dú)的圖標(biāo)會(huì)引起混亂,雖然。 即使一個(gè)圖標(biāo)是熟悉的,用戶(hù)可能會(huì)不確定它代表了一個(gè)特定的上下文中。

標(biāo)簽和圖片

標(biāo)簽和圖標(biāo)的工作以及熟悉的物品。 對(duì)于不太常見(jiàn)的,圖像是必需的。 考慮品牌。 在下面的截圖中,車(chē)模被表示為在菜單純文本。

不過(guò),我不知道什么是“三角地”或“遺產(chǎn)”是。 因此,該標(biāo)簽是不夠的,幫助我決定去探索何種產(chǎn)品。 標(biāo)簽與圖片,如下圖所示,是一個(gè)更好的解決方案。

當(dāng)使用圖片或圖標(biāo)的導(dǎo)航菜單是一個(gè)有趣的問(wèn)題。 顯然,解釋一個(gè)非常具體的項(xiàng)目,如“13英寸MacBook Pro”或“三星Galaxy注3,”無(wú)非是產(chǎn)品的實(shí)際畫(huà)面會(huì)做。

解釋一個(gè)產(chǎn)品類(lèi)別不是那么簡(jiǎn)單。 在某些菜單中,該類(lèi)別的圖標(biāo)解釋。

在其他菜單,這些相同的類(lèi)別與實(shí)際產(chǎn)品的圖片在這些類(lèi)別的解釋。
對(duì)于產(chǎn)品類(lèi)別,圖標(biāo)比圖片更合適。 一個(gè)精心繪制的圖標(biāo)使得菜單看起來(lái)比一個(gè)產(chǎn)品的回收利用畫(huà)面更專(zhuān)業(yè)。

此外,使用一個(gè)實(shí)際產(chǎn)品的圖片來(lái)表示一個(gè)類(lèi)可以提出問(wèn)題的用戶(hù)中,下意識(shí)的。 “為什么這個(gè)特定的產(chǎn)品代表這一類(lèi)?”“這是他們最好的嗎?”“難道產(chǎn)品中心范圍內(nèi)對(duì)這種特殊類(lèi)型的項(xiàng)目?”“如果我不是在尋找這樣的項(xiàng)目,那么這是沒(méi)有 一個(gè)很好的網(wǎng)站給我嗎?“這些疑慮將得到加強(qiáng),如果他們?cè)谝粋€(gè)類(lèi)中看到的第一個(gè)項(xiàng)目是非常相似的,他們?cè)诓藛卫锟吹降哪莻€(gè)。 一個(gè)圖標(biāo),通過(guò)對(duì)比,簡(jiǎn)單地傳達(dá)了一個(gè)類(lèi)別包含某種產(chǎn)品,僅此而已,無(wú)所不及。

帶圖標(biāo)的伎倆,不過(guò),是他們必須有一定的標(biāo)準(zhǔn)。 一個(gè)圖標(biāo)可以很容易地看外行,如果不抽好。 而如果它是不容易辨認(rèn),它甚至可以迷惑用戶(hù)。 所以,雖然圖標(biāo)更適合的產(chǎn)品類(lèi)別,如果你不相信,你可以使他們的專(zhuān)業(yè)和識(shí)別,那么你最好有圖片。

標(biāo)簽和圖片說(shuō)明

有時(shí)候,甚至標(biāo)簽和圖片都不足以解釋產(chǎn)品。 與復(fù)雜的解決方案,如銀行,保險(xiǎn)經(jīng)紀(jì)和ISP服務(wù)商,往往給自己的產(chǎn)品,如“50加”和名稱(chēng)“的圍棋網(wǎng)站。”的一對(duì)夫婦說(shuō)給代理的大型圖片或一個(gè)女孩在她的談話智能手機(jī)可能還不夠,表明正在提供的服務(wù)。 對(duì)于這樣的產(chǎn)品,一對(duì)夫婦線和一個(gè)標(biāo)簽和圖片的說(shuō)明是最有幫助的。

文章的標(biāo)題和標(biāo)題是不同的一種標(biāo)簽,可能會(huì)或可能不會(huì)要求隨附的圖像和描述。

許多作者認(rèn)為前裝頭條新聞的關(guān)鍵信息,并保持他們盡可能短 。

雖然上面的標(biāo)題是簡(jiǎn)短,重點(diǎn)突出,這種寫(xiě)作風(fēng)格都有其風(fēng)險(xiǎn),并不適用于每一個(gè)網(wǎng)站。

第一個(gè)問(wèn)題是,是否以及如何編寫(xiě)描述。 BBC的頭條新聞實(shí)際上是伴隨著說(shuō)明,但我在圖片中刪除它們上面隔離的頭條新聞。 下面這個(gè)鏡頭恢復(fù)描述,你會(huì)發(fā)現(xiàn)基本上都是頭條新聞的詳細(xì)rewordings,而基本上不新信息。

如果標(biāo)題應(yīng)該與關(guān)鍵信息進(jìn)行包裝,因?yàn)樗鼈兩厦?,然后說(shuō)明將不再需要。 如果有的話,用戶(hù)會(huì)閱讀他們,因?yàn)樗麄兛赡芤粯雍米x只有標(biāo)題后已經(jīng)瀏覽到一篇文章被拖慢。

然而,顯示標(biāo)題單獨(dú)或?qū)懺跇?biāo)題的風(fēng)格并不總是最好的,甚至為宜。 如果文章僅僅是對(duì)一個(gè)事件的一個(gè)簡(jiǎn)短的新聞報(bào)道,然后是標(biāo)題,如BBC的是一個(gè)不錯(cuò)的選擇。 但是,如果一篇文章進(jìn)入更詳細(xì),那么一個(gè)標(biāo)題,圖片和描述可以更有效,更具趣味性。

在下面的截圖中的標(biāo)題是比信息更吸引人,而關(guān)鍵的信息傳遞中的下面幾行。 還有,圖像已被添加到設(shè)定該物品的色調(diào)。

了解是什么這篇文章是關(guān)于從片段并不難。 此外,通過(guò)使用標(biāo)題作為有效注意力抓取和描述,以解釋的文章和圖片來(lái)設(shè)置色調(diào),整個(gè)片斷給出了作者多室不僅通知用戶(hù)更傳達(dá)的角度的文章。

最后,考慮建議經(jīng)常給有關(guān)頭條新聞,這是寫(xiě)他們,使他們很容易理解網(wǎng)站的內(nèi)容之外。 畢竟,一個(gè)標(biāo)題可以出現(xiàn)在搜索引擎的結(jié)果,在社交媒體和其他物品。 一些作者甚至走這么遠(yuǎn),制定公式用于此目的。

只是要小心不要添加上下文的標(biāo)題時(shí)創(chuàng)建的冗余信息。

上圖中的標(biāo)題并沒(méi)有提供足夠的信息,因?yàn)榫W(wǎng)站是關(guān)于網(wǎng)頁(yè)設(shè)計(jì),和多列布局可以在主頁(yè),菜單,文章和更公正的形式發(fā)揮作用,不是。 所以,“表格字段可用性”主要是增加了原始網(wǎng)站內(nèi)環(huán)境。 寫(xiě)作之外的上下文并不總是必要的,但是,因?yàn)槠渌苏l(shuí)參閱標(biāo)題會(huì)急于提供自己的背景。

搜索引擎的開(kāi)發(fā)人員都知道,用戶(hù)最終會(huì)拋棄他們,如果搜索結(jié)果不符合用戶(hù)的期望。 因此,他們不斷提高他們的結(jié)果的相關(guān)性和成功率的工作,無(wú)論是通過(guò)添加豐富的片段,圖像或預(yù)覽或簡(jiǎn)單地通過(guò)提高他們的算法 – 也就是說(shuō),通過(guò)添加上下文。 同樣,如果一個(gè)標(biāo)題是出現(xiàn)另一篇文章的“推薦閱讀”部分中,該文章將提供必要的背景。 最后,在社會(huì)化媒體,由一個(gè)人或品牌,有人通過(guò)共享的標(biāo)題是不太可能被視為模棱兩可。

在琛

信息架構(gòu) – 也就是說(shuō),內(nèi)容的結(jié)構(gòu)和標(biāo)簽 – 是使用導(dǎo)航的基礎(chǔ)。 設(shè)計(jì)人員可以通過(guò)的方式,自然地變窄,補(bǔ)充了目標(biāo)受眾的導(dǎo)航選項(xiàng),以及通過(guò)解釋?zhuān)畲笙薅鹊販p少對(duì)用戶(hù)的認(rèn)知負(fù)荷的方式這些選項(xiàng)的內(nèi)容構(gòu)建有效簡(jiǎn)化網(wǎng)站的信息架構(gòu)。

本文中給出的建議可以概括為以下兩個(gè)列表,細(xì)分為“內(nèi)容結(jié)構(gòu)”和“標(biāo)簽的項(xiàng)目?!?/p>

結(jié)構(gòu)化內(nèi)容

  1. 收集和分類(lèi)你希望用戶(hù)導(dǎo)航到項(xiàng)目的類(lèi)型的元數(shù)據(jù)。
  2. 集團(tuán)的元數(shù)據(jù)類(lèi)別為關(guān)鍵的,可選的或不相關(guān)的。 關(guān)鍵類(lèi)別是重要的是,可選的種類(lèi)是很重要的部分,和不相關(guān)的類(lèi)別是重要的,沒(méi)有目標(biāo)用戶(hù)。
  3. 目前只有一個(gè)關(guān)鍵的類(lèi),用它的價(jià)值觀,在第一級(jí)。
  4. 如果在第二級(jí)上的項(xiàng)目不超過(guò)一定量時(shí),則附加的類(lèi)別是沒(méi)有必要的。 否則,提供下一個(gè)關(guān)鍵類(lèi)別,一個(gè)接一個(gè),在每個(gè)后續(xù)級(jí)別。
  5. 用盡所有重要類(lèi)別后,提出了一個(gè)頁(yè)面,其中列出用戶(hù)選擇匹配到該點(diǎn)的所有項(xiàng)目。
  6. 如果其余項(xiàng)目仍超過(guò)一定量時(shí),再出示可選類(lèi)別所有在同一水平上。
  7. 如果可選的類(lèi)別是互斥的,實(shí)現(xiàn)它們?cè)谝粋€(gè)級(jí)別。 如果可選的種類(lèi)有可能進(jìn)行組合,它們實(shí)現(xiàn)為動(dòng)態(tài)過(guò)濾器。

貼標(biāo)項(xiàng)目

  • 如果標(biāo)簽的產(chǎn)品熟悉,它會(huì)自己就夠了。 標(biāo)簽保持盡可能的短,在不犧牲清晰度。 目前在主頁(yè)和分類(lèi)頁(yè)面上的項(xiàng)目總數(shù),而不是在兩者之間。 考慮圖標(biāo),同樣,這使得它更容易處理和選項(xiàng)之間進(jìn)行區(qū)分。
  • 如果標(biāo)簽不熟悉,可以考慮添加圖片。 用圖示來(lái)解釋類(lèi)別,但只有在圖標(biāo)以及繪制和識(shí)別。 否則,使用的圖片。
  • 對(duì)于復(fù)雜的服務(wù)和產(chǎn)品,可以考慮添加圖片和描述標(biāo)簽。 該說(shuō)明應(yīng)真正提供新的信息,而不僅僅是改寫(xiě)標(biāo)簽。 此外,要注意不要添加上下文的標(biāo)題時(shí)創(chuàng)建的冗余信息。

一旦你已經(jīng)簡(jiǎn)化了架構(gòu),用戶(hù)應(yīng)該能夠與選擇,以滿(mǎn)足他們的互動(dòng)。 因此,你還必須設(shè)計(jì)出適應(yīng)的選擇,這使得互動(dòng)舒適的導(dǎo)航菜單。 設(shè)計(jì)導(dǎo)航菜單的過(guò)程將在本系列的第二部分進(jìn)行討論。

Comments are closed.