上帝就在細節中,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 與使用者介面設計


【 MarTech Asia 】數位轉型突圍!萬里雲推出機器人寫文案服務,以 AI 加速行銷流程

CloudMile 萬里雲旗下 Martech 產品── ADsvantage (廣告智庫)全新 2.0 功能上線,採用非營利人工智慧組織 —— OpenAI 強大的文章產成器 「 GPT 系列」為基礎,推出全新 AI 智慧寫手功能。
評論
Photo Credit:CloudMile
評論

 CloudMile  萬里雲旗下 Martech 產品── ADsvantage(廣告智庫)全新 2.0 功能上線,採用非營利人工智慧組織 —— OpenAI  強大的文章產成器「 GPT 系列」為基礎,推出全新 AI 智慧寫手功能。隨著行銷碎片化時代來臨,消費者的用戶輪廓越來越難拼湊,從獲取資料、數據分析,到廣告文案創作的最後一哩路,行銷人員必須借助更多工具幫忙,奪回行銷效益的掌握度。 ADsvantage 提供台灣中小企業行銷人員、廣告主及電商業者自助管理的廣告平台,大幅縮短廣告行銷人員作業時間。

 ADsvantage 推出新功能,受邀 2021 MarTech Asia 分享 AI 化數據行銷

日前全台最大的行銷科技盛會 2021 MarTech Asia ,阿物科技創辦人暨執行長林思吾號召 26 位業界領袖同台 ,現場及線上共有超過 1,800 位全球及台灣相關業者齊聚一堂,包括行銷科技之父 Scott Brinker、前 Verizon Media 國際事業董事總經理鄒開蓮、全聯實業副董事長謝健南等人,分享行銷科技的重要趨勢及後疫情時代的新生態。 CloudMile 萬里雲營運長高斌恒也受邀分享,各個科技巨頭都紛紛有許多針對隱私權的規範和措施,消費者的線上線下界線越來越模糊。 當今行銷人所面對的難題不只是 SEO、投放優化而已,「數據」才是致勝關鍵,透過將許多流程自動化,省下時間與人力成本的情況下,達到更高的行銷目標,其中包括 Cookieless 時代來臨、深化 OMO 無縫體驗、打造顧客數據平台( Customer Data Platform , CDP )等議題都受到業界高度關注。

豐富跨國實戰經驗的 CloudMile 機器學習團隊,運用超過 500 萬的文案數據庫、橫跨 20 種產業以上的廣告量,結合廣告代理商 20 年以上行銷經驗,創造 ADsvantage 「 AI 智慧寫手」 新功能。 CloudMile 看見客戶對於數位轉型及運用 MarTech 行銷科技推廣商品的急迫需求,希望可運用 AI 技術之力,縮短廣告前期企劃、發想關鍵字詞、寫文案和廣告投放設定,同時還需跨組溝通,尋找資源協助的時程, ADsvantage 廣告智庫即是專為滿足客戶後疫行銷需求的一站式廣告營運平台解決方案。

人工智慧寫手結合電商平台, 加速行銷流程的最佳 AI 助理

 ADsvantage 全新 2.0 功能上線,採用 GPT 模型,為矽谷時下最夯的自然語言處理模型,推出全新 AI 智慧寫手功能,透過平台能協助客戶透過數據匯流、 AI 分析達到預測的成效,快速蒐集最熱門的關鍵字、文案內容,加速創意的過程並提升廣告效率。

此全新產品適合應用在電商等大型網購平台上,透過機器學習與 AI 科技應用,讓中間產製時間被大幅被縮短,並提升操作數位行銷的「效率」與「精準度」,像是電商平台即可透過採用 ADsvantage 的服務,有效提升自己在數位行銷上的競爭力。

Photo Credit:CloudMile
ADsvantage 全新 2.0 功能上線,推出 AI 華語文案生成工具「AI 智慧寫手」。/Photo Credit:CloudMile

 ADsvantage 產品介紹

運用 AI 科技力助企業數位轉型的 CloudMile 萬里雲,發表關鍵字數位廣告輿情系統 ADsvantage(廣告智庫),提供企業廣告主及電商平台,透過超過百萬的文案創意庫( Ads  idea ) 、 AI 智慧監控工具及 AI 智慧寫手,平均只要 3 秒即可生成一個廣告文案。 CloudMile 透過 Google 雲端、機器學習與 AI 大數據分析技術,致力協助企業落實數位轉型。疫情期間抓住需求開發的 ADsvantage ( 廣告智庫) 服務,透過服務台灣、新加坡、及香港逾 400 家客戶的專業經驗,將傳統的商業廣告運營模式數據化,提供企業廣告主一站式 Google Ads 廣告文案創作 AI 化平台。

本文章內容由「阿物科技」提供,經關鍵評論網媒體集團廣編企劃編審。