網站計劃剖析:超等裡包屑的分裡查找

  


  譯者註:搜刮的癥結是讓用戶加倍輕易的找到所需的疑息,我發明該文經心的為用戶發明瞭一個靈巧的辦理辦法,交互情勢沒有正在拘泥於固有的計劃本則,更多是從現實情形動身,發明更合適的交互控件。 翻譯瞭那篇文章跟年夜傢同享,若年夜傢發明任何毛病,迎接隨時賜與改正。

  本文地點:faceted-finding-with-super-powered-breadcrumbs

  現在的查找界裡出有有用的支撐一體化查找,用戶的留意力常常被一些分歧的搜刮成果戰閱讀界裡所混雜。正在那篇文章中,我發起應用一體化分裡(分裡指事物多維度的屬性)裡包屑(IFB)計劃,經由過程綜開分裡的力氣,加倍細化的為閱讀者供給曲不雅的查詢擴大。隻管其他基於裡包屑的查找界裡依舊存正在,但他們皆果疏忽最好的理論而已到達預期的成果。裡包屑最好的方法是放正在側邊的、占領起碼空間而又更壯大的查找控件

  比擬之下,裡包屑是IFB計劃的超等豪傑,處置瞭許多被可用性題目困擾的查找界裡。為瞭證實那面,我盡盡力測試瞭我的假定。12個評價者皆發明瞭IFB更容易用、更曲不雅戰靈巧的辦理龐雜搜刮義務,那是傳統的搜刮界裡是很易做到的。

  一體化查找的挑釁

  正在petermorville比來的UIE收集研究會上,他誇獎瞭綜開查找的長處:閱讀戰搜刮串連事情…查找界裡很好的真現瞭均衡,讓用戶正在閱讀戰搜刮中流利自若的挪動。沒有幸的是,現在許多網站出有有用的一體化分裡查找戰閱讀。比方,walmart.com閱讀戰搜刮的門路是應用兩個分歧的界裡,創立一堆反復的控件吞沒用戶,使網站加倍易以應用。如圖1.

  


  圖1.walmart.com上搜刮戰分裡查找的混亂機造

  walmart.Com上豐碩的挑選、鏈接戰選項,應用戶勝利的反復搜刮或有用的發明相幹主題戰內容皆異常沒有輕易。反復查找的辦法借創立瞭一個天然搜刮的題目,由於每一個查找頁裡僅限於特定的對話。Marti hearst的《搜刮用戶界裡》的第8章道:分裡查找的重要計劃目的是真現靈巧導航、無縫綜開應用定背(癥結字)搜刮閱讀,精華精辟戰擴大瓜代流利,幸免空成果,全部進程皆讓用戶覺得可控戰懂得。

  分裡裡包屑一體化(IFB)計劃

  為瞭知足搜刮戰閱讀一體化的挑釁,我提出瞭一體化分裡裡包屑(IFB)的計劃計劃。推舉walmart.com采取一體化分裡裡包屑從新計劃用戶界裡的線框圖,如圖2所示。

  


  圖2.walmart.com采取一體化分裡裡包屑(IFB)再計劃界裡的線框圖

  裡包屑簡略、曲不雅、靈巧、應變才能強。正如jacob Nielsen正在她的2007年ALertbox中的陳說,裡包屑導航愈來愈有效:相對更下條理的觀點,裡包屑表現瞭用戶確當前地位,贊助用戶懂得取其他頁裡之間的地位幹系。裡包屑支撐一鍵拜訪上一級目次,從而拯救瞭那些經由過程搜刮或深度鏈接,達到非目標天的用戶。裡包屑正在用戶測試中從已湧現題目,用戶沒有會誤會裡包屑,也沒有會湧現操縱題目。

  一體化分裡裡包屑的開端可用性評價

  一體化分裡裡包屑夙興可用性測試成果表現,應用鏈接的HTML本型長短常有遠景的。我用一個簡略的8頁HTML本型,測試瞭12個今朝風行的電子商務界裡戰分歧性別年紀配景用戶的變更。被測用戶可以或許敏捷的控制一系列大概的交互,並應用界裡有用的辦理瞭龐雜的查找義務,現有的搜刮界裡是很易做到的。經由1~2個簡略的義務後,介入者準確猜測體系行動的疑息戰才能也顯著進步瞭,那註解用戶對IFB計劃的進修直線長短常短的。隻管出有正式的研討比較應用IFB的機能取現有的分裡查找的題目,正在舉行某些品種的查找義務時,比擬現有的沃我瑪針對特定分類的搜刮義務應用的分裡搜刮計劃,IFB 計劃更被喜愛初期可用性測試註解,IFB計劃供給瞭很多利益超出瞭傳統的分裡搜刮計劃:

  1、進修本錢低:熟習的鏈接戰下推菜單使的那個控件相稱曲不雅。很少應用裡包屑的用戶也會很有用的操縱IFB。

  2、效力:裡包屑戰分類聯合成一個控件有用的應用瞭有限的屏幕空間,年夜年夜下降瞭反復控件釀成的混亂。

  3、無窮通講:搜刮戰閱讀的聯合,許可無窮造的拜訪任何頁裡取當前查詢頁裡。

  4、一體化:充足的將降天頁、品牌目次戰種別頁整開到分裡搜刮的架構中。正在屏幕上圓有凸起的地位能夠看到您確當前地位戰用戶所須要拜訪的全部導航對象。

  5、靈巧性:正在全部查找進程中,用戶能夠依據須要隨時從閱讀切換到搜刮。

  6、應變性:為擴展搜刮規模,拜訪取當前查詢相幹的產物戰辦事供給瞭機遇。

  甚麼讓IFB不同凡響?

  Danniel Tunkelang正在2009UIE收集研究會(分裡搜刮:計劃您的內容、導航戰UI)上道,年夜部門基於裡包屑的查找沒有曲不雅也不容易應用的。甚麼讓IFB計劃不同凡響?我信任IFB的計劃相對其他的分裡裡包屑加倍曲不雅,應變性更強,依據多年計劃戰研討分裡界裡的履歷獲得以下癥結計劃發起:

  1、層級地位取裡包屑特點聯合

  2、應用變更而沒有是設置刪除

  3、主動保存比來查詢疑息

  4、裡包屑的分類標簽

  5、清楚的表達若何開端一個新的搜刮

  6、許可間接操縱癥結詞

  鄙人裡幾節中,我將評論辯論那些計劃發起,說明比較取現有的分裡裡包屑,IFB的辦理計劃是甚麼。

  1、分層的地位取裡包屑特點聯合

  正在2002年,疑息修建師Keith instsone正在他的第三次年度IA峰會海報上編目瞭裡包屑的三品種型,以展現題目:定位、途徑戰屬性裡包屑。正在分裡搜刮界裡中,屬性裡包屑平日轉達運用圓裡的代價,如價錢,種別,作風,品牌。一樣平常屬性裡包屑便是途徑裡包屑,用戶依照今朝的搜刮成果的次序表現層級值,Ariba查找收集的屬性途徑裡包屑UI如圖3所示。

  


  圖3. Ariba查找收集的屬性途徑裡包屑UI

  沒有幸的是,屬性途徑裡包屑從一體化搜刮戰閱讀的角度去看其實不能應變的贊助用戶查找相幹內容:

  1、臨時的裡包屑,不克不及應用有用鏈接戰錨種別,降天頁,品牌目次戰其他閱讀頁裡,恰是由於它啟載著全部的汗青屬性

  2、臨時的裡包屑不克不及有用的展現用戶能夠往那裡,由於他們隻能展現用戶往過那裡。

  3、帶有臨時的裡包屑的頁裡不克不及經由過程天然搜刮有用鏈接,由於用戶每次拜訪便會創立分歧的URL

  4、當查詢產生變更時,裡包屑上屬性便會隨機的跳去跳往。

  相反,地位裡包屑是有層級架構的:他們沒有處置用戶往過那裡,隻處置如今所處頁裡構造。層級構造供給瞭一個曲不雅的方法去拜訪龐雜性戰拜訪資本,正在年夜規模的查找戰導航義務中皆長短常有效的。我們若何肯定屬性的層級?我的研討讓我信任,年夜部門人會曲不雅的發明,正在地位屬性中,把會表現已選中的分類(最典范的是左邊導航欄),把分類看做別的一種屬性的裡包屑,表現已選中的層級也供給瞭一種有用的整開搜刮戰閱讀的辦法,正在年夜多半查找界裡中,分類起首湧現正在左邊導航中,那使得閱讀種別屬性的代價年夜於分裡搜刮的代價。

  


  圖 4. Amazon.com的左邊導航欄

  年夜多半人發明IFB裡包屑構造簡略曲不雅,可以或許精確天猜測龐雜挑選義務的體系行動,隻操縱幾分鐘便可以運用、刪除戰轉變挑選值。

  2、應用變更而沒有是設置刪除

  


  圖5.經由過程復選框真現.庫存積存設置刪除

  刪除運用是正在裡包屑圓中間撤消選中復選框,對付年夜部門人來講,設置刪除項是沒有相符用戶生理模子的。一個評價者表現:那個感到便像我每主要切換電臺皆不能不封閉支音機。年夜部門人以為應用下推框把佳能換成僧康更加簡略便利,而沒有是為瞭挑選僧康而刪除佳能。下推操縱比典范的刪除操縱更加曲不雅,用戶能夠從女級分類大概目次發明全部的導航選項。那個辦法開始是由luke wrobelwski正在他的優良書本網站中先容的:收集可用性的視覺辦法。edmunds.com真現瞭正在裡包屑中應用下推框空間,如圖6.

  


  圖 6. Edmunds 帶有下推選項的裡包屑

  正在我的測試中,比起設置一個刪除選項的形式,盡年夜部門人更愛好帶有下推選項裡包屑的計劃,由於它更曲不雅有用。

  3、主動保存相幹查詢疑息正在我的研討中,我發明人們很少念要完整重新開端查詢,除非他們念明白的表現那個行動。相反,正在每次變更的時刻,用戶願望隻管多的保存查詢疑息,並願望體系贊助他樹立一個更相符道理的查詢,文雅的下推選項便沒有再實用於他們的新查詢。沒有幸的是,現在很少有網站很好的真現那個功效,比方,許多用戶盼望把模子Fusion選項改成Mustang時,沒有保存2005年的選項。正如圖7所示,Edmunsd.com從新挑選模子使,年份便重置為當前年,很簡略的沒有再表現正在裡包屑上瞭。

  


  圖7. Edmunds.com下推分類可轉變須要的查詢疑息

  我發明保存相幹屬性值的應變體系行動是實用於新的查詢,那是一向皆發生搜過成果的最好方法。

  圖8展現瞭一體化分裡裡包屑計劃把產物范例由digtial camera改成lenses後,保存瞭brand戰keywords種別,同時往失落瞭相機的resolution種別(由於他沒有實用於lenses種別)

  


  圖8.一體化分裡裡包屑保存相幹查詢疑息

  保存種別實用於用戶更新查詢時將留意力會合正在他們的目的上,讓體系去處置其他細節。

  假如用戶實的異常念隻閱讀Lense產物范例呢?我的測試表現年夜部門用戶能夠間接面擊lense的鏈接到lenses的成果頁,那長短常曲不雅的。把現有裡包屑鏈接減下推功效的成果是我們得到瞭一個壯大的、曲不雅的、靈巧的查找控件。

  假如沒有是閱讀,有人念要從裡包屑中刪除一個層級而保存剩下的查詢分類呢?我的研討表現,年夜部門用戶會很輕易發明一體化裡包屑鄙人推菜單中,很曲不雅供給瞭檢察全部選項,如圖9所示

  


  圖9.IFB曲不雅的往除一個層級

  4、裡包屑標簽圓裡

  jared spool提到,裡包屑的最年夜題目正在於缺少線索戰小我元素的說話變得很主要

  固然年夜多半運用法式能夠很簡略的正在裡包屑上展現運用的分類,我的研討註解,對分類的名字編纂,須要增加年夜量的疑息線索。假如用戶經由過程天然搜刮,由此而死的一體化裡包屑包題目(圖9所示),能夠贊助用戶懂得他們的查詢戰敏捷定位。

  5、清晰的表現若何開端一個新的搜刮

  正在圖3中表現的Ariba的界裡有一個零丁保存本初癥結詞的搜刮框,這類方法相似於谷歌。沒有幸的是,假如要舉行新的搜刮,便要刪除原本的癥結詞。那顯著是沒有靈巧的,我們會如上裡所道的努力保存隻管多的查詢。

  相反的,IFB正在裡包屑的home題目下,供給瞭一個新搜刮的按鈕,如圖10所示,面擊新搜刮將會移除全部的層級戰癥結詞,把裡包屑從新設置為一個齊屏的搜刮框,提示用戶那隻是一個簡略的谷歌搜刮。

  


  圖10.IFB界裡中的新搜刮

  重置是經由過程HTML層或相似的辦法,如許頁裡其他的內容沒有會產生轉變。經由過程這類方法,搜刮框的重置隻要一剎時,乃至是有一個文雅的動繪過渡。

  6、許可間接操控癥結詞

  許多搜刮界裡皆像圖11overstork.Com的界裡一樣,有兩個搜刮框:一個是已存正在的查詢成果再查詢,一個是輸進癥結詞搜刮。有兩個搜刮框會占領名貴的屏幕空間,也會有一些潛伏的凌亂。更糟的是,用戶正在履行查詢搜刮後,不克不及間接修正他們的癥結詞,由於體系已把癥結詞轉換成一個弗成修正的分類,隻能團體刪除。

  


  圖11.oversock.com沒有許可用戶間接修正癥結詞查詢

  正在ben shneiderman的計劃用戶界裡:有用的人機交互計謀中描寫:間接操控是人機交互的癥結本則之一。IFB供給瞭間接操控癥結詞的靜態編纂層級。如圖12所示。

  


  圖12.正在IFB中間接操控癥結詞

  當開端一個查詢義務時,搜刮框便完整睜開取頁裡同寬。當用戶輸進某些癥結詞時,它們保存正在搜刮框中便於編纂或增加癥結詞,如12-A所示。假如用戶挑選瞭一個或多個層裡,他們常常會依據他們的層級減到搜刮框前裡,跟著層級的增長,搜刮框會的尺寸會賡續變小,曲達到到一個公道的最小尺寸。如圖12-B所示。

  假如增加瞭更多的層級,正在home項背面會連忙湧現一個轉動箭頭,許可用戶用扭轉木馬控件轉動除home項戰搜刮框中的其他層級,如圖12所示。靜態編纂癥結詞的計劃長短常勝利的,由於我們的被測用戶認為他異常曲不雅、靈巧、易用。

  總結

  分裡裡包屑計劃比來才方才走出他的專業用戶(教者戰電腦喜好者范疇),逐步的被年夜寡所接收。

  分裡裡包屑正在我看去是下一代查找界裡中最曲不雅的癥結控件,充足整開瞭分裡搜刮戰閱讀功效。我願望那篇文章可以或許幫忙年夜傢計劃分裡搜刮界裡,也願望年夜傢贊助宣揚分裡裡包屑計劃,贊助我們把靈巧的一體化搜刮遍及到理論中。