作者基于工作實(shí)踐,為我們介紹了信息架構(gòu)的相關(guān)知識(shí),供大家一起學(xué)習(xí)和參考。
信息架構(gòu)(information architecture),簡(jiǎn)稱(chēng) IA。它是從數(shù)據(jù)庫(kù)設(shè)計(jì)的領(lǐng)域誕生的,在百度搜索的時(shí)候;給出了一個(gè)定義, IA 的主體對(duì)象是信息,由信息建筑師來(lái)加以設(shè)計(jì)結(jié)構(gòu)、決定組織方式以及歸類(lèi),好讓使用者與用戶(hù)容易尋找與管理的一項(xiàng)藝術(shù)與科學(xué)。 講的通俗一點(diǎn),就是合理的組織信息的展現(xiàn)形式。
那么基于以上的概念,我認(rèn)為在軟件行業(yè)中常說(shuō)的信息架構(gòu),就是設(shè)計(jì)出方便用戶(hù)理解和查找的內(nèi)容結(jié)構(gòu)。
如果想知道什么的信息架構(gòu)才是便于用戶(hù)理解和查找的,那么我們首先要了解用戶(hù)一般情況下會(huì)如何理解,如何查找信息內(nèi)容。
關(guān)于查找一般會(huì)有以下幾個(gè)場(chǎng)景,知道自己要找什么、從查找A變成查找B、想要獲取某一類(lèi)的內(nèi)容、再次查找之前查過(guò)的東西。
知道自己要找什么。 例如,小明今天想要去圖書(shū)館去借一本書(shū)回來(lái)看,那么他不知道去圖書(shū)館的路線(xiàn),于是他打開(kāi)地圖軟件,搜索圖書(shū)館,并按照路線(xiàn)去往圖書(shū)館順利借到書(shū)籍。這就是日常生活中典型的知道自己要找什么。
從查找A變成查找B。 例如,小明從圖書(shū)館回家的路上,感覺(jué)走路很吃力,突然發(fā)現(xiàn)自己現(xiàn)在太胖了,需要減肥了,那么他又不知道如何減肥比較有效,于是他在網(wǎng)絡(luò)上搜索相關(guān)的問(wèn)題,發(fā)現(xiàn)跑步和游泳對(duì)減肥比較有效。
他又搜索了關(guān)于跑步和游泳的相關(guān)信息,發(fā)現(xiàn)家附近只有一個(gè)游泳場(chǎng)所,收費(fèi)較高,而樓下的公園剛好適合跑步,所以他決定放棄游泳,選擇跑步;于是他又去搜索關(guān)于跑步的注意事項(xiàng),適合跑步的時(shí)間,如何熱身等等。
那么,這就是比較典型的從查找A變成查找B。在開(kāi)始的時(shí)候,小明想要要解決某個(gè)問(wèn)題,但是不知道如何解決,于是通過(guò)獲取的信息加上思考,不停的對(duì)搜索問(wèn)題進(jìn)行迭代。原本只是想要查詢(xún)?nèi)绾螠p肥,最后變成了查詢(xún)關(guān)于跑步的注意事項(xiàng)。
想要獲取某一類(lèi)的內(nèi)容。 我們繼續(xù)小明的例子,小明快畢業(yè)了,在準(zhǔn)備畢業(yè)論文,因?yàn)閯偤米罱谂懿剑瑴p肥效果明顯,所以他想寫(xiě)一篇關(guān)于減肥的論文。
那么小明在搜索網(wǎng)站上搜索了關(guān)于減肥這一類(lèi)的信息,把所有有用的內(nèi)容都進(jìn)行了收藏或剪切,從而他了解到了,現(xiàn)在目前肥胖人群的占比,他們的困擾,他們大多數(shù)人選擇的減肥方式,減肥效果等等;于是小明通過(guò)這些信息,很快完成了論文。
這就是想要獲得某一類(lèi)信息的場(chǎng)景,通常情況下,會(huì)進(jìn)行多次查找,使用類(lèi)似且相關(guān)的關(guān)鍵詞。
再次查找之前查過(guò)的東西。 來(lái),繼續(xù)小明的表演,不對(duì),是舉例:小明寫(xiě)完論文之后,在檢查的時(shí)候發(fā)現(xiàn)有一個(gè)關(guān)于減肥者目前現(xiàn)狀的內(nèi)容給漏掉了,于是小明同進(jìn)入搜索網(wǎng)站,在搜索記錄中找到上次查詢(xún)關(guān)于這方面信息的關(guān)鍵詞,重新查詢(xún),找到上次相同的內(nèi)容,并補(bǔ)全了這方面的信息。
這就是再次查找之前查過(guò)的東西的場(chǎng)景。通常情況下會(huì)使用原來(lái)相同的關(guān)鍵詞,查詢(xún)相同的內(nèi)容,獲取相同的信息。
在查找的場(chǎng)景中,人們使用的常規(guī)方法是瀏覽、搜索、詢(xún)問(wèn)。這一類(lèi)就比較好理解,再此就不做過(guò)多介紹。
理解尤其對(duì)于中國(guó)五千年的文化來(lái)說(shuō),是博大精深的,不同的話(huà)語(yǔ),在不同的場(chǎng)景,使用不同的語(yǔ)境,表達(dá)的意思完全不同。
那么文字也是如此,在不同的場(chǎng)景中,不同的文字也表達(dá)著不同的意思。 那我們?nèi)绾卫斫饽兀?/p>
首先,打造場(chǎng)景,有場(chǎng)所感。例如小明在寫(xiě)關(guān)于減肥的論文的時(shí)候,如果提到了茶,那么讀者想到的一定是減肥茶相關(guān)的信息。這就是在文字場(chǎng)景中打造的場(chǎng)所感。
其次,要模塊化。例如我們準(zhǔn)備看小明的論文,那按照我們的常規(guī)思維,標(biāo)題應(yīng)該在最上面。下面是作者信息,目錄,然后是正文。所以在這個(gè)過(guò)程中,要關(guān)注各個(gè)信息的位置、結(jié)構(gòu)、外觀(guān)、布局規(guī)劃等。
除此之外,我們還可以借鑒物理環(huán)境的設(shè)計(jì)。寫(xiě)這篇文章的時(shí)候,我剛好在圖書(shū)館,我找了一本書(shū),然后了解到,這邊首先通過(guò)樓層來(lái)區(qū)分成人,青少年,少兒,展覽等。其次是通過(guò)字母的排序來(lái)對(duì)書(shū)籍進(jìn)行分類(lèi),比如IT類(lèi)書(shū)籍就可以去I類(lèi)的書(shū)架上去找;再然后是每個(gè)書(shū)架的兩側(cè)都對(duì)當(dāng)前書(shū)架的書(shū)籍進(jìn)行了分類(lèi)說(shuō)明,比如這個(gè)書(shū)架包含SQL,python等書(shū)籍;然后在找到書(shū)架對(duì)應(yīng)的位置,根據(jù)每本書(shū)對(duì)應(yīng)的唯一編號(hào),來(lái)找到相應(yīng)的書(shū)籍。
這就可以理解為信息架構(gòu)的設(shè)計(jì),我們可以在日常生活中的很多場(chǎng)景中發(fā)現(xiàn)它們。
信息架構(gòu)一般分為自頂向下的架構(gòu)和自底向上的架構(gòu)。
信息架構(gòu)的組件一般包含:組織系統(tǒng),標(biāo)簽系統(tǒng),導(dǎo)航系統(tǒng),搜索系統(tǒng)。
能夠以一種預(yù)設(shè)的路徑來(lái)協(xié)助我們更加清晰便捷的瀏覽網(wǎng)站的內(nèi)容,我們叫它瀏覽幫手,主要包含:組織系統(tǒng),全站導(dǎo)航系統(tǒng),局部導(dǎo)航系統(tǒng),站點(diǎn)地圖/目錄,索引,指南,網(wǎng)站向?qū)В榫笆綄?dǎo)航系統(tǒng)。
可以讓用戶(hù)查詢(xún)字串符,并顯示給用戶(hù)一組滿(mǎn)足條件的查詢(xún)結(jié)果。我們叫它搜索幫手,主要包含:搜索界面,查詢(xún)語(yǔ)言,查詢(xún)構(gòu)造器,檢索算法,搜索區(qū)域,搜索結(jié)果。
用戶(hù)去達(dá)到目標(biāo),查看內(nèi)容所需的組件,主要包含:標(biāo)題,嵌入式鏈接,嵌入式元數(shù)據(jù),塊,清單,順序式幫手,標(biāo)識(shí)符。
除此之外還有不可見(jiàn)的組件,例如:受控詞表和敘詞表,檢索算法,最佳匹配。以上的內(nèi)容都會(huì)在下面做不同程度的介紹。本章就不做過(guò)多的說(shuō)明了。
我們把信息組織起來(lái),讓人們能夠找到問(wèn)題的答案,并提供了了解這些答案的場(chǎng)景,并且支持隨意瀏覽和定向搜索,這就是組織系統(tǒng),它是由組織方案和組織結(jié)構(gòu)組成的。
我們就先來(lái)說(shuō)說(shuō)組織方案,我們可以理解為把信息歸類(lèi)、排序的方案就是組織方案。組織方案又分為精確的組織方案和模糊的組織方案。
精確的組織方案非常好理解。常用的有字母順序,時(shí)間順序和地理位置順序方案例如我們的手機(jī)通訊錄,按照字母來(lái)排序的;新聞軟件中的新聞是按照時(shí)間來(lái)排序的;地圖軟件中的信息是按照距離來(lái)排序的。
那模糊的組織方案呢?常用的有主題組織方案,以任務(wù)為導(dǎo)向的組織方案,特定受眾方案,隱喻驅(qū)動(dòng)的方案,混合方案等。
例如淘寶中對(duì)各個(gè)品類(lèi)的分類(lèi),這就是主題組織方案;word中頂部功能區(qū)的分類(lèi)就是以任務(wù)為導(dǎo)向的組織方案;手機(jī)中的兒童模式就是特定受眾的方案。
組織結(jié)構(gòu)主要分為兩種,一種是層級(jí)結(jié)構(gòu),它是一種自頂向下的方法。還有一種是數(shù)據(jù)庫(kù)模式的,它是一種自底向上的方法。
層級(jí)結(jié)構(gòu)主要是對(duì)信息的互拆,但是互拆時(shí)會(huì)需要注意它的深度和廣度。
如果不考慮深度,拆的層級(jí)過(guò)多,那么用戶(hù)在瀏覽的時(shí)候,需要不停地點(diǎn)擊才能查看到最終的內(nèi)容,這是很不好的體驗(yàn),所以要進(jìn)行寬而淺的互拆。這樣,將信息放在主要頁(yè)面,用戶(hù)進(jìn)行瀏覽,只需點(diǎn)擊一次或兩次即可到達(dá)最終目標(biāo)頁(yè)。
數(shù)據(jù)庫(kù)模式主要是通過(guò)數(shù)據(jù)庫(kù)中的元數(shù)據(jù)來(lái)記性組織信息。在這個(gè)過(guò)程中,主要考慮的是元數(shù)據(jù)的映射關(guān)系,還有超文本中內(nèi)容的關(guān)系。
標(biāo)簽在日常中常見(jiàn)的就是日記本某一頁(yè)的邊上貼上相應(yīng)的標(biāo)簽標(biāo)注這是XX內(nèi)容;軟件中常見(jiàn)的就是某些文章中會(huì)有一個(gè)標(biāo)簽,我們通過(guò)便簽可以搜索到所有貼有相同標(biāo)簽的內(nèi)容。
某些軟件的話(huà)題也是一種標(biāo)簽,在發(fā)布內(nèi)容時(shí),添加一個(gè)話(huà)題;當(dāng)我們查詢(xún)?cè)撛?huà)題時(shí),就可以看到所有添加該話(huà)題所發(fā)布的內(nèi)容。以上都是標(biāo)簽,但也不止于此,例如網(wǎng)站或移動(dòng)軟件的菜單,或者手機(jī)頂部的圖標(biāo)等都是標(biāo)簽,下面就簡(jiǎn)單介紹一下常見(jiàn)標(biāo)簽的類(lèi)型。
常見(jiàn)的標(biāo)簽類(lèi)型有:情景式鏈接的標(biāo)簽、標(biāo)題的標(biāo)簽、導(dǎo)航系統(tǒng)內(nèi)的標(biāo)簽、作為索引詞的標(biāo)簽、圖標(biāo)的標(biāo)簽。
舉例,當(dāng)我們?cè)诳匆黄恼聲r(shí),文章可能講到了某個(gè)專(zhuān)業(yè)的術(shù)語(yǔ),同時(shí)這個(gè)術(shù)語(yǔ)可以點(diǎn)擊跳轉(zhuǎn)到對(duì)這個(gè)術(shù)語(yǔ)的詳細(xì)介紹的頁(yè)面,那么這種就是情景式鏈接的標(biāo)簽。它通常是出現(xiàn)在文本內(nèi)容中的超鏈接,用來(lái)說(shuō)明某些內(nèi)容或引出一些相關(guān)的內(nèi)容。
在我們手機(jī)應(yīng)用市場(chǎng)中,經(jīng)常會(huì)看到某些分類(lèi),例如下載榜,免費(fèi)榜單等。這些都是屬于標(biāo)題的標(biāo)簽,它通常是用統(tǒng)一的編號(hào)、字號(hào)、顏色、樣式、空白和縮進(jìn),或這些的組合來(lái)建立的。
我們打開(kāi)一個(gè)網(wǎng)站,看到主頁(yè)頂部有幾個(gè)菜單,首頁(yè),產(chǎn)品簡(jiǎn)介,成功案例,關(guān)于我們;或者打開(kāi)app,看到了菜單如首頁(yè),社區(qū),個(gè)人中心;點(diǎn)擊某一個(gè)菜單時(shí),還會(huì)出現(xiàn)幾個(gè)菜單選項(xiàng)。這些都是導(dǎo)航系統(tǒng)內(nèi)的標(biāo)簽,它最主要的一點(diǎn)就是強(qiáng)調(diào)一致性。
例如我在首頁(yè)的時(shí)候,首頁(yè)叫做首頁(yè),我點(diǎn)擊個(gè)人中心,首頁(yè)就叫做主頁(yè)了,這樣就會(huì)讓用戶(hù)產(chǎn)生誤解,也會(huì)有不好的體驗(yàn)。
剛才我們提到的搜索某一個(gè)話(huà)題,就可以看到所有添加該話(huà)題所發(fā)布的內(nèi)容。這就是作為索引詞的標(biāo)簽。它可以對(duì)內(nèi)容進(jìn)行精確搜索,是很有價(jià)值的一種方法。
當(dāng)我們手機(jī)靜音時(shí),我們的手機(jī)上方就會(huì)出現(xiàn)一個(gè)小鈴鐺的圖標(biāo);當(dāng)我們?cè)O(shè)定了鬧鈴,手機(jī)頂部也會(huì)有一個(gè)鬧鐘的圖標(biāo);這就是典型的圖標(biāo)標(biāo)簽。它其實(shí)在生活中很常見(jiàn),例如洗手間門(mén)口的男女標(biāo)識(shí)。但是在圖標(biāo)的使用中要注意表達(dá)的準(zhǔn)確性,即圖標(biāo)不會(huì)有異議,用戶(hù)看到后,第一反應(yīng)就可以準(zhǔn)確理解它要表達(dá)的意思。
在設(shè)計(jì)標(biāo)簽時(shí),會(huì)有一些通用原則,可以為我們?cè)谠O(shè)計(jì)標(biāo)簽時(shí),提供很好的幫助。
盡可能的縮小范圍,在設(shè)計(jì)標(biāo)簽的時(shí)候,范圍越小,就越可以明確有效的表達(dá)出它的含義。
一致性。如前面提到的,一致性在這個(gè)過(guò)程中很重要,而一致性不止包含命名,還包含風(fēng)格、版面形式、語(yǔ)法、粒度、全面性、用戶(hù)。
除了以上信息之外,還有一點(diǎn)是最重要的,那就是要時(shí)常優(yōu)化和調(diào)整你的標(biāo)簽系統(tǒng)。
導(dǎo)航系統(tǒng)主要分為嵌入式導(dǎo)航、輔助導(dǎo)航和高層級(jí)導(dǎo)航的方法。大多數(shù)網(wǎng)站中都會(huì)包含3種主要的嵌入式導(dǎo)航。輔助導(dǎo)航它可以提供查找內(nèi)容和完成任務(wù)的輔助方法。
嵌入式導(dǎo)航常見(jiàn)的三種,分別是全局導(dǎo)航、局部導(dǎo)航、情景式導(dǎo)航。
全局導(dǎo)航,就是要在網(wǎng)站的每一頁(yè)都會(huì)顯示的全域?qū)Ш较到y(tǒng);局部導(dǎo)航一般會(huì)有一個(gè)或多個(gè),我們可以稱(chēng)之為子網(wǎng)站或網(wǎng)站中的網(wǎng)站,例如點(diǎn)擊全局導(dǎo)航的某個(gè)菜單,會(huì)彈出或顯示相應(yīng)的子菜單,這個(gè)子菜單就是局部導(dǎo)航;情景式導(dǎo)航可以是文章內(nèi)的超鏈接,也可能是標(biāo)題等,點(diǎn)擊可以跳轉(zhuǎn)新的網(wǎng)頁(yè)、下載文件或指定某個(gè)對(duì)象。
輔助導(dǎo)航包括站點(diǎn)地圖、索引、指南、配置器、搜索。
站點(diǎn)地圖比較適合層級(jí)結(jié)構(gòu)組織的大型系統(tǒng),如果架構(gòu)本身層次不強(qiáng),建議使用索引或其他可視化的表示比較好。
索引對(duì)于小型網(wǎng)站可以利用你對(duì)內(nèi)容的了解來(lái)決定要引入哪些鏈接,然后手動(dòng)創(chuàng)建索引。對(duì)于大型網(wǎng)站,在文件層次上可采用控詞表編制索引來(lái)自動(dòng)生成網(wǎng)站索引。
指南包括導(dǎo)游,教程,以及針對(duì)特定用戶(hù)、主題或任務(wù)的走查;配置器可以理解為指南的特殊形式;搜索是輔助導(dǎo)航的核心部分,在下一章我們會(huì)進(jìn)行詳細(xì)介紹。
高級(jí)導(dǎo)航主要分為個(gè)性化和自定義、可視化、社會(huì)化導(dǎo)航。
個(gè)性化和自定義可以針對(duì)個(gè)人的行為進(jìn)行定制化,缺點(diǎn)在于不適用于較寬泛的研究;可視化即為圖片或圖標(biāo)式,例如購(gòu)買(mǎi)商品時(shí)圖片式的列表;社會(huì)化導(dǎo)航主要是基于算法的導(dǎo)航。
搜索系統(tǒng)主要包含確定搜索區(qū)域、選擇要建立索引內(nèi)容的組件、搜索算法、顯示結(jié)果、設(shè)計(jì)搜索界面。
首先來(lái)看看確定搜索區(qū)域,搜索區(qū)域其實(shí)就是信息環(huán)境的子集,在搜索的時(shí)候會(huì)把無(wú)關(guān)的內(nèi)容剔除掉。一般常用的方式有 導(dǎo)航/目標(biāo),為特定用戶(hù)建立索引,按主題索引,索引最近的內(nèi)容。
在導(dǎo)航/目標(biāo)中,至少包含兩種網(wǎng)頁(yè)或者屏幕,導(dǎo)航網(wǎng)頁(yè)和目標(biāo)網(wǎng)頁(yè)。導(dǎo)航網(wǎng)頁(yè)的目標(biāo)主要是讓你達(dá)到目標(biāo)網(wǎng)頁(yè),而目標(biāo)網(wǎng)頁(yè)則存放著你想要搜索的實(shí)際信息。其實(shí)針對(duì)這種搜索,本質(zhì)上是屬于精確搜索。
為特定用戶(hù)建立索引。通俗的講,其實(shí)就是了解該搜索引擎面對(duì)的幾種用戶(hù)群,并對(duì)相應(yīng)的用戶(hù)群設(shè)定針對(duì)性的功能或篩選條件。
按主題索引。 例如在電商平臺(tái)搜索apple,出現(xiàn)了很多結(jié)果,那么按主題索引就是在結(jié)果中再次進(jìn)行篩選,我可以選擇手機(jī)、手機(jī)殼、電腦等,這就是按主題搜索。
索引最近的內(nèi)容。 生活中比較常見(jiàn)的就是搜索新聞的時(shí)候,因?yàn)樾侣劸哂袝r(shí)效性,所以在搜索后,可以按照時(shí)間篩選。例如今天、昨天、近7天、近1個(gè)月等。或者在搜索其他內(nèi)容的時(shí)候,可以選擇搜索某一時(shí)間段的內(nèi)容。
在這個(gè)過(guò)程中,主要做的事情就是我們要確定什么內(nèi)容是可以搜索的。例如大眾點(diǎn)評(píng)網(wǎng),可以搜索的內(nèi)容有商戶(hù)名、地點(diǎn)、菜名;只有確定要搜索的組件后,才不會(huì)在后面的使用中出現(xiàn)混亂的情況。
其實(shí)搜索引擎有很多算法,而且有的已經(jīng)存在好幾十年了。因?yàn)樗阉魉惴▽儆谒阉饕娴暮诵模敲催@里主要介紹一下模式匹配算法。
模式匹配算法是大多數(shù)搜索引擎都采用的算法之一,在這個(gè)算法中主要關(guān)注的是查全率和查準(zhǔn)率。
查全率可以理解為,當(dāng)我搜索吉他,那么所有關(guān)于吉他的信息都會(huì)被查詢(xún)出來(lái)。
那么查準(zhǔn)率就會(huì)只查詢(xún)出準(zhǔn)確率高的內(nèi)容。 二者成反比。即若你想提高查全率,那么就會(huì)相應(yīng)的降低查準(zhǔn)率,反之亦然。
查全率=被檢索的相關(guān)文檔數(shù)量/系統(tǒng)中相關(guān)文檔的總數(shù)
查準(zhǔn)率=被檢索的相關(guān)文檔數(shù)量/被檢索的文檔總數(shù)
其他方法還包括例如文件相似度、協(xié)同過(guò)濾、引文搜索等。在這里不做過(guò)多的介紹。
除此之外還會(huì)涉及到查詢(xún)生成器。它偏向于后端,很少面對(duì)用戶(hù)。它的主要作用是提高查詢(xún)性能。它包含拼寫(xiě)查詢(xún)工具、語(yǔ)音工具、詞干提取工具、自然語(yǔ)言處理工具、受控詞表和敘詞表。
關(guān)于顯示結(jié)果,在這里我們要討論關(guān)于要展示哪些組件、要顯示多少文檔、列出的結(jié)果如何排序、是否將結(jié)果進(jìn)行分組、如何對(duì)搜索結(jié)果進(jìn)行操作。
首先,我們要考慮,在搜索結(jié)果中,需要展示哪些組件。一般的建議是給那些知道正在查找什么的用戶(hù)顯示更少的信息,給那些不知道自己正在查找什么的用戶(hù)提供更多的信息。
除此之外還有一種方法,就是給那些知道自己要找什么的用戶(hù)提供具有代表性的內(nèi)容組件,例如標(biāo)題、作者。對(duì)那些不確定自己要找什么的用戶(hù),則可以從描述性的內(nèi)容組件中受益,例如摘要或關(guān)鍵詞之類(lèi)的。那如果出現(xiàn)例如標(biāo)題相似的情況時(shí),則可以顯示更多的信息讓用戶(hù)進(jìn)行區(qū)分。
然后我們?cè)谡f(shuō)要顯示多少文檔。說(shuō)的簡(jiǎn)單一些,就是搜索結(jié)果頁(yè),每個(gè)頁(yè)面展示多少條信息。這個(gè)主要和兩方面的內(nèi)容有關(guān),一個(gè)是每個(gè)結(jié)果顯示的信息的多少,還有一個(gè)是和我們使用的屏幕大小有關(guān)。我們?cè)谠O(shè)計(jì)它的時(shí)候,需要從這兩方面考慮。
然后再說(shuō)列出的結(jié)果如何排序。關(guān)于結(jié)果排列方式,它應(yīng)該區(qū)分為排序和排名。排序即我們常見(jiàn)的按照時(shí)間排序或按照字母排序;排名則是按照相關(guān)性排名、按受歡迎程度排名、按用戶(hù)或?qū)<业脑u(píng)價(jià)排名、按位置付費(fèi)排名。通常情況下他們會(huì)一起使用,例如結(jié)果會(huì)按照時(shí)間和評(píng)價(jià)進(jìn)行排序。
那么了解了排序之后,我們要考慮是否對(duì)結(jié)果進(jìn)行分組呢?
在考慮分組時(shí),我們要考慮平臺(tái)內(nèi)容的多少,按照常理我們平臺(tái)的內(nèi)容只會(huì)越來(lái)越多,不會(huì)越來(lái)越少。當(dāng)內(nèi)容變多的時(shí)候,就會(huì)出現(xiàn)內(nèi)容混亂,那這個(gè)時(shí)候就需要進(jìn)行分組了。例如豆瓣中,搜索結(jié)果會(huì)進(jìn)行用戶(hù),圖書(shū),電影,小組等區(qū)分。
我們對(duì)結(jié)果進(jìn)行分組之后,還有一點(diǎn)是我們要考慮的,那就是我們要考慮對(duì)搜索結(jié)果進(jìn)行如何操作。
一般情況下是可以直接在結(jié)果上進(jìn)行操作,例如app store中,可以對(duì)搜索的APP直接進(jìn)行安裝或打開(kāi);還有一種情況是可以選擇結(jié)果的子集,例如電子商務(wù)網(wǎng)站中,可以將搜索結(jié)果中的任意商品加入購(gòu)物車(chē),然后在去購(gòu)物車(chē)中進(jìn)行批量操作。
除此之外,還有一種容易被大家忽略的,就是保存搜索內(nèi)容,而非結(jié)果。例如亞馬遜上,在搜索完成后,會(huì)在頁(yè)面的右上角看到保存搜索的選項(xiàng)。其實(shí)它也可以有另外一種表現(xiàn)形式,就像百度的搜索記錄一樣,具體如何實(shí)現(xiàn),取決于實(shí)際的使用場(chǎng)景。
完成了上面的事情,現(xiàn)在可以開(kāi)始設(shè)計(jì)搜索界面了,那在設(shè)計(jì)搜索界面時(shí),也包含了以下幾點(diǎn):
搜索框。 常見(jiàn)的就是一個(gè)搜索框,用戶(hù)可以直接搜索它想要的內(nèi)容。那么也會(huì)有一些特殊的場(chǎng)景需要多個(gè)搜索框,例如購(gòu)買(mǎi)機(jī)票,車(chē)票等。至少需要出發(fā)地、目的地和日期三個(gè)搜索框。所以在設(shè)計(jì)搜索框的時(shí)候,除非真的需要多個(gè)搜索框,否則最好只有一個(gè)搜索框。
自動(dòng)完成和自動(dòng)建議。 這個(gè)比較常見(jiàn)的就是當(dāng)我們買(mǎi)機(jī)票的時(shí)候,例如我輸入了北,則會(huì)出現(xiàn)所有與北相關(guān)的列表,北京,北海等可以讓我們快速選擇。還有一種就是在搜索網(wǎng)站中,例如我們輸入W,立刻就會(huì)出現(xiàn)與w相關(guān)的內(nèi)容,例如we、windows等。
高級(jí)搜索。 一般在較專(zhuān)業(yè)的網(wǎng)站中才會(huì)用到。常用的是布爾運(yùn)算,包括and,or,not。
支持修改。 當(dāng)我們搜索完成之后,發(fā)現(xiàn)搜索的結(jié)果好像不太符合我們想要找到內(nèi)容,想對(duì)搜索內(nèi)容做修改,這在我們的生活中很常見(jiàn),可以隨時(shí)搜索隨時(shí)修改。還有就是當(dāng)搜索的結(jié)果很多,例如剛才提到的豆瓣的搜索結(jié)果,那么我們應(yīng)該可以讓用戶(hù)決定擴(kuò)大或縮小搜索范圍。
還有一種情況,就是搜索的信息具有時(shí)效性時(shí),我們應(yīng)該考慮可以按照時(shí)間進(jìn)行篩選。我們?nèi)粘J褂玫漠a(chǎn)品設(shè)計(jì)大多都是整合了搜索與瀏覽的。有的是搜索后瀏覽,有的是瀏覽后搜索。那前者就是正常的搜索完成后瀏覽結(jié)果。后者則是瀏覽時(shí)進(jìn)行篩選,排序等。
當(dāng)用戶(hù)被卡住。 這種問(wèn)題一般會(huì)出現(xiàn)兩種情況,一個(gè)是結(jié)果太多,用戶(hù)突然不知道要做什么了。還有一種就是沒(méi)有結(jié)果。針對(duì)前者,我們可以增加篩選的方式,讓用戶(hù)進(jìn)行精確的搜索。針對(duì)后者我們可以給出優(yōu)化搜索的建議或者推薦相關(guān)的結(jié)果。
這一部分的內(nèi)容,對(duì)于用戶(hù)來(lái)說(shuō)很少見(jiàn),因?yàn)樗麄兌际呛蠖说膬?nèi)容。這部分就簡(jiǎn)單說(shuō)一下元數(shù)據(jù)、受控詞表、技術(shù)術(shù)語(yǔ)、敘詞表類(lèi)型、語(yǔ)義關(guān)系、多層級(jí)結(jié)構(gòu)、分面分類(lèi)法。
元數(shù)據(jù)應(yīng)該是產(chǎn)品經(jīng)理和技術(shù)溝通時(shí),見(jiàn)到的比較多的詞了。這里一般指的就是描述數(shù)據(jù)的屬性。例如性別,身高,年齡等。
受控詞表聽(tīng)上去不是很好理解,如果通俗的將,其實(shí)就是等價(jià)詞表。它主要包含以下幾個(gè)部分:
這里的技術(shù)術(shù)主要是來(lái)傳達(dá)定義和關(guān)系的核心術(shù)語(yǔ)。主要包含以下幾種:
敘詞表就是當(dāng)你搜索某些內(nèi)容的時(shí)候,可能內(nèi)容中沒(méi)有你搜索的關(guān)鍵詞,但是卻可以搜索的到,是因?yàn)樵趦?nèi)容的主題或描述中有包含你搜索的詞。敘詞表也包含了如下的幾種類(lèi)型,而決策的依據(jù)是你準(zhǔn)備如何使用敘詞表,它將對(duì)你的設(shè)計(jì)產(chǎn)生重大影響。
語(yǔ)義關(guān)系主要包含等價(jià)、層級(jí)、關(guān)聯(lián)。
等價(jià)就是剛才提到的,即ipadtouch和iTouch是等價(jià)關(guān)系。
層級(jí)有三種類(lèi)型,第一種是屬于,即子繼承了父的特性,例如喜鵲屬于鳥(niǎo)類(lèi);第二種是整體-部分,即子是父的一部分,例如手指頭是手的一部分;第三種是實(shí)例,一般是抽象的,例如江和長(zhǎng)江。
關(guān)聯(lián)即兩個(gè)事物有關(guān)聯(lián),例如鹽水和糖水的關(guān)聯(lián)是水。
日常中我們見(jiàn)到的結(jié)構(gòu)是每下一級(jí)都會(huì)比上一級(jí)的元素?cái)?shù)量多或相等就,而對(duì)層級(jí)結(jié)構(gòu)則會(huì)出現(xiàn),下一級(jí)比上一級(jí)元素?cái)?shù)量少的情況。
這種不規(guī)則的層級(jí)結(jié)果就是多層級(jí)結(jié)構(gòu),當(dāng)你在處理大型信息系統(tǒng)時(shí),這種多層級(jí)結(jié)構(gòu)是無(wú)法避免的。
分面分類(lèi)法其實(shí)就是從多個(gè)面來(lái)對(duì)內(nèi)容進(jìn)行分類(lèi),通常會(huì)從主題、產(chǎn)品、文檔類(lèi)型、用戶(hù)、地理位置、價(jià)格這幾個(gè)方面為緯度。
關(guān)于信息架構(gòu),在日常的產(chǎn)品工作中舉足輕重;也有一部分東西看似有形,實(shí)則無(wú)形。
以上的這些內(nèi)容只是從理論的角度,來(lái)給大家做一個(gè)簡(jiǎn)單的介紹。那在實(shí)際工作中該如何應(yīng)用,相信大家結(jié)合實(shí)際的工作情況,經(jīng)過(guò)不斷的實(shí)踐,都會(huì)總結(jié)出一套自己的方法論。
本文由 @侯學(xué)峰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議。
都說(shuō)對(duì)程序員而言,Mac和Linux系統(tǒng)比Windows更友好,但Windows系統(tǒng)下也有超好用的寫(xiě)代碼工具!好馬配好鞍,一個(gè)高效率、功能強(qiáng)大的工具能讓你事半功倍,生產(chǎn)力大幅提升!本文繼續(xù)分享一些網(wǎng)易資深工程師的常用工具~
作為一名程序猿,一個(gè)趁手的終端軟件是必須的!Terminus 就是我在 Windows 下玩過(guò)的顏值最高,可自定義程度最高的一款終端軟件。
除了最常見(jiàn)的透明度,顏色等外觀(guān)設(shè)置之外,Terminus 還允許設(shè)置類(lèi)似 iOS 的毛玻璃模糊效果,而且,因?yàn)樗腔?Electron 開(kāi)發(fā)的,因此,你甚至可以在 Terminus 中打開(kāi) F12 進(jìn)行 css 樣式編寫(xiě),打造獨(dú)一無(wú)二的屬于你自己的終端樣式。
Terminus 還有一個(gè)特別方便的分屏功能,你即可以使用類(lèi)似 Chrome 標(biāo)簽頁(yè)的形式打開(kāi)多個(gè)終端,也可以使用快捷鍵在同一個(gè) tab 頁(yè)中進(jìn)行分屏。 Ctrl + Shift + D 是橫向分屏,Ctrl + Shift + E 是縱向分屏,只要你愿意,你可以在一個(gè) tab 頁(yè)中打開(kāi)無(wú)數(shù)個(gè)終端。
此外,Terminus 還有一個(gè)非常方便的 ssh 功能,對(duì)于經(jīng)常需要登錄各種服務(wù)器的后端同學(xué)來(lái)說(shuō),可以免去繁瑣的輸入主機(jī)/帳號(hào)等過(guò)程,只要配置好鏈接之后,點(diǎn)擊右上角的按鈕,便可以在出現(xiàn)的菜單中進(jìn)行選擇,直接登錄。
要說(shuō)我作為一名 PHP 猿最羨慕的是什么,那當(dāng)然是像 node/python 一樣功能強(qiáng)大的 REPL 環(huán)境。雖然在 PHP 5.1 之后引入了一個(gè)叫做 interactive mode 的 cli 模式,但是用起來(lái)始終不像是 node/python 這些內(nèi)置的 REPL 環(huán)境順手,而 Psysh,就解決了這一個(gè)問(wèn)題,而且還是超級(jí)加倍的加強(qiáng)版。
它可以讀文檔:
也可以查看類(lèi)定義:
還可以查看上一次異常的原因以及堆棧信息:
當(dāng)然,這些只是 Psysh 許許多多功能中個(gè)人比較常用的幾個(gè),其余的可以自行了解。
雖然對(duì)于開(kāi)發(fā)碼字者來(lái)說(shuō),Mac和Linux系統(tǒng)顯然要比Windows更友好更貼心,但其實(shí)Windows系統(tǒng)下也是有不少實(shí)用的利器的。Cmder就是我認(rèn)為Windows系統(tǒng)下必備的效率工具,雖然沒(méi)有oh-my-zsh那么逆天,卻也十分順手,至少比Windows原生Cmd好用很多。
Cmder 功能非常強(qiáng)大,功能也相當(dāng)多;
它其實(shí)結(jié)合了多套軟體,其中包括msysgit與最重要的ConEmu與Clink軟體。msysgit除了提供Git for Windows 相關(guān)工具外,還提供了多套Unix/Linux 環(huán)境下常用的指令列工具,例如less, ls, tar, unzip, md5sum, grep, sed, … 等多套工具,光是grep就比Windows 內(nèi)建的findstr 強(qiáng)許多。
Clink 將GNU Readline 函式庫(kù)整合進(jìn)原生的Windows 命令提示字元視窗,提供命令列模式下強(qiáng)大的編輯與輸入能力,這也是用了cmder 之后很像在Linux 環(huán)境下使用的感覺(jué)。
你還有什么好用工具分享嗎?歡迎在評(píng)論區(qū)交流。
部分來(lái)源:網(wǎng)易資深工程師-郝思斌
如果覺(jué)得這篇文章有幫助到你的話(huà),歡迎轉(zhuǎn)發(fā)、收藏,有想看的內(nèi)容或者建議,敬請(qǐng)留言!
我們還獨(dú)家整理了一些最新Java實(shí)用學(xué)習(xí)資料,包含大廠(chǎng)面經(jīng)分享、模擬試題、和視頻干貨,需要的同學(xué)歡迎私信我噢!
Java 日記本,每日存檔超實(shí)用的技術(shù)干貨學(xué)習(xí)筆記,每天陪你進(jìn)步一點(diǎn)點(diǎn)~
友情鏈接: 餐飲加盟
地址:北京市海淀區(qū) 電話(huà):010- 郵箱:@126.com
備案號(hào):冀ICP備2024067069號(hào)-3 北京科技有限公司版權(quán)所有