分面麵包屑設計技巧:設計分面搜尋介面技巧

來源:互聯網
上載者:User

文章描述:分面麵包屑在我看來是下一代尋找介面中最直觀的關鍵控制項,充分整合了分面搜尋和瀏覽功能。我希望這篇文章能夠協助大家設計分面搜尋介面,也希望大家協助宣傳分面麵包屑設計,協助我們把靈活的一體化搜尋普及到實踐中。

譯者註:搜尋的關鍵是讓使用者更加容易的找到所需的資訊,我發現該文精心的為使用者創造了一個靈活的解決方案,互動形式不在拘泥於固有的設計原則,更多是從實際情況出發,創造更適合的互動控制項。 翻譯了這篇文章跟大家共用,若大家發現任何錯誤,歡迎隨時給予糾正。

原文地址:faceted-finding-with-super-powered-breadcrumbs

如今的尋找介面沒有有效支援一體化尋找,使用者的注意力經常被一些不同的搜尋結果和瀏覽介面所混淆。在這篇文章中,我建議使用一體化分面(分面指事物多維度屬性)麵包屑(IFB)設計,通過綜合分面的力量,更加細化的為瀏覽者提供直觀的查詢擴充。儘管其他基於麵包屑的尋找介面依然存在,但他們都因忽略最佳的實踐而未達到預期的結果。麵包屑最好的方式是放在側邊的、佔有最少空間而又更強大的尋找控制項

相比之下,麵包屑是IFB設計的超級英雄,處理了很多被可用性問題困擾的尋找介面。為了證明這點,我盡全力測試了我的假設。12個評估者都發現了IFB更易用、更直觀和靈活的解決複雜搜尋任務,這是傳統的搜尋介面是很難做到的。

一體化尋找的挑戰

在petermorville最近的UIE網路研討會上,他稱讚了綜合尋找的優點:“瀏覽和搜尋串聯工作…尋找介面很好的實現了平衡,讓使用者在瀏覽和搜尋中流暢自如的移動。”不幸的是,如今很多網站沒有有效一體化分面尋找和瀏覽。例如,walmart.com瀏覽和搜尋的途徑是使用兩個不同的介面,建立一堆重複的控制項淹沒使用者,使網站更加難以使用。


walmart.com上搜尋和分面尋找的雜亂機制

walmart.Com上豐富的篩選、連結和選項,使使用者成功的重複搜尋或有效發現相關主題和內容都非常不容易。重複尋找的方法還建立了一個自然搜尋的問題,因為每個尋找頁面僅限於特定的對話。Marti hearst的《搜尋使用者介面》的第8章說:分面尋找的首要設計目標是實現”靈活導航、無縫綜合使用定向(關鍵字)搜尋瀏覽,精鍊和擴充交替流暢,避免空結果,整個過程都讓使用者感到可控和理解“。

分面麵包屑一體化(IFB)設計

為了滿足搜尋和瀏覽一體化的挑戰,我提出了一體化分面麵包屑(IFB)的設計方案。推薦walmart.com採用一體化分面麵包屑重新設計使用者介面的線框圖。


walmart.com採用一體化分面麵包屑(IFB)再設計介面的線框圖

麵包屑簡單、直觀、靈活、應變能力強。正如jacob Nielsen在她的2007年ALertbox中的陳述,麵包屑導航越來越有用:“相對於更高層次的概念,麵包屑顯示了使用者的當前位置,協助使用者理解與其他頁面之間的位置關係。麵包屑支援一鍵訪問上一級目錄,從而解救了那些通過搜尋或深度連結,到達非目的地的使用者。麵包屑在使用者測試中從未出現問題,使用者不會誤解麵包屑,也不會出現操作問題。

[1] [2] [3] [4]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。