上帝就在細節中,Amazon怎麼讓「下拉式選單」反應超級快

如果你以前覺得 Amazon 這家公司不太會在使用者體驗下功夫,這篇文章可能會改變你的看法。
評論
評論

如果你以前覺得 Amazon 這家公司不太會在使用者體驗下功夫,這篇文章可能會改變你的看法。

Amazon 首頁 的左上角有一個商品分類瀏覽的下拉式選單。當滑鼠從選單中的選項上滑過時,子選單的顯示速度超級快。我們可以看一下:

這個顯示速度基本上是與滑鼠移動同步的,但是絕大多數網站的下拉式選單在顯示子選單時會有一定的延遲,例如:

這個延遲反應是必須的,因為如果沒有,當你想把滑鼠從一個主選單挪到一個子選單時,子選單會消失。就像這樣:

 

但是 Amazon 的下拉式選單沒有這個延遲,而且子選單也不會在不應該的時候消失。它是怎樣做到這一點的呢?答案是透過偵測滑鼠移動的方向和軌跡。

 

想像將滑鼠當前的位置、子選單的左上角和左下角三個點連成一個三角形。如果滑鼠在這個三角形的範圍之內移動,那使用者很有可能是想把滑鼠從主選單移到子選單上,所以就不應該立刻更新子選單。但是如果滑鼠移動到這個三角形之外,則可以馬上更新子選單。這就是 Amazon 首頁反應速度超快的下拉式功能表背後的演算法。

上帝就在細節中(God is in the details)

揭開一個前端細節的秘密,我們看到的不僅是一個精妙的演算法,而是一家大型網路公司對於產品和使用者體驗的態度。Amazon 的數百億市值有多少是從這些很小很小,但是很明顯有用心的產品細節中積累出來的呢?

如果想把這個選單功能運用到你的網站上,這是 Khan Academy 工程師 Ben Kamens 寫的 jQuery 程式

如果你覺得這個很神奇,很想做這方面的工作,或是覺得這沒有什麼,你的 UX 設計比這個好,可以考慮給研發出這個細節的 Amazon 團隊([email protected])投一份履歷,因為他們正在招募新員工。

 

原文出處:Breaking Down Amazon's Mega Dropdown

延伸閱讀:[HCI] 費茲定律 Fitts’ Law 與使用者介面設計


洞見機會,創新未來──新創如何用雲端打出一手好牌:AWS Startup Day 7 月 15 日線上重磅回歸

AWS Startup Day 即將於 7 月 15 日重磅回歸,此次不只聚焦新創趨勢與數位應用,更聯合 AWS 創投新創媒合會,提供參與者豐富的資源,所有與新創生態系相關的夥伴都不容錯過。
評論
Photo Credit:AWS
評論

隨著 Web3.0 去中心化的趨勢開展與現在進行式的產業數位轉型浪潮,雲端技術早已成為許多早期新創發展產品或服務的關鍵金鑰,甚至為其奠定高速發展的穩健根基。而台灣雲端服務供應龍頭 AWS(亞馬遜網路服務公司)更自 Web2.0 時代開始就從未缺席,始終在技術新知、應用實務等方方面面致力支持新創,其中最具代表性的免費論壇活動──AWS Startup Day 也即將於今年 7 月 15 日重磅回歸,在線上和參與者相會!

今年度 AWS Startup Day 持續聚焦新創趨勢與數位應用,精心規劃八場新創專題演說,非常適合長期關注新創生態系統的相關人士,或是正要起步、成長的新創夥伴報名參加。

立即報名 2022 AWS Startup Day!

五大特色議程安排,給你滿滿新創觀點與技術乾貨

Photo Credit:AWS

「新創如何運用雲端科技打出一手好牌,投注資源延續未來業務?」這是今年 AWS Startup Day 欲探討的核心議題之一。為解答雲端科技之於新創企業的珍貴價值,AWS 以「國際市場」、「創投趨勢」、「多元創業」、「雲端技術」、「焦點產業」等五大特色精心規劃講座內容,完整收錄新創趨勢脈動、雲端技術實務、佈局策略觀點與創投媒合等新創事業歷程的重要節點。為此,AWS 不只力邀 Web3.0、電商、串流、B2B 解決方案等不同領域的新創合作夥伴,分享選擇 AWS 開展新創事業的策略考量,更毫不藏私地解析雲端技術如何快速又穩定的開拓事業。

Photo Credit:AWS

無論新創還是育成,想要洞見機會就不能錯過 AWS Startup Day

Photo Credit:AWS

任何產業或技術的發展,不單要前人的引領,也需要後繼者無窮盡的創新思維與打破框架的勇氣,缺乏其中一個環節,生態系都無法平衡永續。所以無論是天使創投、孵化器,還是剛起步或處於早期新創的企業,只要你身為新創生態系統中的一份子,渴望尋求創意突破或開展新興業務,AWS Startup Day 都是你絕對不能錯過的最佳活動。

填單取得 2022 AWS Startup Day 免費入場券!

尋找下一個新創獨角獸──同場加映 AWS 年度創投新創媒合會

本次 AWS Startup Day 除新創及創投相關講座外,AWS 更直接邀請多家國際及台灣知名創投公司,與 AWS Startup Day 同場舉辦今年度唯一的線上「新創創投媒合會」,欲透過串聯本地深具潛力的新創與創投,幫助台灣新創企業獲得更豐富的資源,孕育下一個獨角獸。

根據 AWS 釋出的消息,媒合會將以早期天使輪或 Pre-A 輪融資為主,重點關注 AI/ML工具和平台、智能零售、MarTech、Web3.0、媒體和娛樂等產業,並以快速輪流的形式替新創獲得最大的曝光。

立即報名 2022 AWS Startup Day,共構台灣新創生態系統!