保持品味：食品應用程序設計指南

當 COVID-19 大流行引發全球封鎖時，允許人們訂購食品雜貨、午餐、雞尾酒、小吃的應用程序（你可以說）成為了一條生命線，從字面上維持著人們和企業的生存。 根據雜貨電子商務公司 Mercatus 的一項研究，到 2025 年，美國的在線雜貨銷售額預計將佔所有雜貨銷售額的 21.5%，比大流行前的估計增長 60%。 外賣市場也在膨脹； 例如，2020 年在英國，它增長了 128%。

但伴隨需求而來的是訂餐應用程序之間的激烈競爭。 新的客戶不斷湧現，而客戶對任何一項業務幾乎沒有忠誠度。 隨著競爭日益激烈，在線食品訂購和雜貨公司正在轉向設計專家來區分他們的產品並幫助吸引和留住客戶。

最大化極簡主義：留白的力量

當然，食品應用需要高質量的照片才能讓產品看起來很開胃，但兩者之間的空間同樣重要； 如果應用程序很亂，你可能會認為你的食物也會很亂。

在為雜貨店應用程序設計時，創建一個乾淨的 UI 說起來容易做起來難。 雜貨店的利潤微薄，因此他們在網上依靠廣告和橫幅來創收。 “你希望網站，尤其是雜貨店，看起來清新乾淨，”總部位於多倫多的家族連鎖超市 Longo's 的在線訂購部門 Grocery Gateway 的數字產品管理主管 Simone Theeboom 說。 “但你可能會放棄展示更多產品的能力。” 不過，她認為這是一個公平的代價。 留白不僅有助於獲得更簡潔的外觀，還可以讓用戶更輕鬆地掃描頁面並掌握其視覺層次結構。 “我一直在挑戰 UX 團隊：我們在哪裡可以產生更多的空白空間？” 她說。

專注於美食 App UI 中的搜索

用戶必須能夠準確地找到他們想要的東西并快速找到它。 這聽起來很簡單，但雜貨店通常會提供數万個 SKU 並定期更換庫存。 “有大量信息在您的系統中流動，並且一直在變化，”曾為加拿大最大食品零售商 Instacart 和 Loblaw Digital 的項目工作的 Jonathan Lau 說。 “對於家具和服裝，您可能擁有相同的商品目錄，可以持續下一個季度或一年，但對於雜貨，情況每天都在變化。”

如果客戶找不到他們想要的東西，他們就會繼續前進。 UserZoom 是一家領先的體驗洞察管理公司，其平台被谷歌、PayPal 和 Salesforce 等公司使用，並於 4 月從投資者那裡籌集了 1 億美元，該公司最近研究了美國和英國的在線雜貨店購物者。 調查發現，近四分之一的英國購物者將易於搜索列為他們在線購買雜貨時想要的主要功能。 這項研究還發現，整合搜索和添加到購物車功能非常成功。 英國超市 Asda 和 Iceland 在這方面取得了巨大成功，UserZoom 副總裁兼研究合作夥伴 Dana Bishop 告訴 Toptal：“人們習慣於進行預測搜索。 在這種情況下，每個結果都包含您想要的所有信息，並帶有縮略圖。 它有描述。 它有多少克、價格、是否打折，以及將其添加到您的購物車的能力。” 整整三分之一的顧客都利用了這一點，Bishop 說這些雜貨店在英國的總體排名最高並非巧合。

繪製最短的旅程

雖然完成任務的速度對任何網站都很重要，但對於送餐應用程序來說尤其重要，因為人們在時間緊迫時會求助於它們。 當 Andrijana Mrkela 為 divoora.com 進行重新設計時，divoora.com 是一款服務於瑞士意大利語地區的送餐應用程序，盡可能快地進行選擇和結賬是重中之重。 “人們訂購食物是因為他們沒有足夠的時間做飯，或者根本沒有足夠的時間去餐廳。 整個訂購過程需要非常簡單和快速，”Mrkela 說，並補充說它應該不超過四五個步驟。

最小化步驟在雜貨店購物中也很重要：“推動雜貨業務的動力將是讓您進入網站或應用程序並儘快檢查您的雜貨的體驗，”Theeboom 說。 在 UserZoom Competitive UX Research Benchmark Report中，排名最高的服務也限制了用戶在將內容添加到購物車之前看到的頁面數量。 在一個示例中，沃爾瑪用戶僅通過三個頁面瀏覽量就完成了一項任務； 同樣的任務讓 Amazon Fresh 用戶獲得了 10 次頁面瀏覽量。 沃爾瑪在用戶體驗方面一直在美國雜貨店中排名第一。

設計師還建議向人們展示他們在註冊和結帳體驗中的位置，尤其是當他們可能針對特定目標時，例如免費送貨。 Y Media Labs (YML) 的創意總監 August Kreowski 被提名為AdAge 2021 傑出代理機構名單（業內最高榮譽之一），他建議設計一個可在屏幕頂部運行的步進器。 Kreowski 領導的團隊重新設計了在線天然食品初創公司 Thrive Market（與 Compass 產品無關）的登陸頁面和入職漏斗，他告訴 Toptal，“在結賬時，對於客戶來說，了解他們在結賬前走了多少步非常重要。有資格獲得第一次免費送貨。”

個性化體驗

為速度而設計不僅僅意味著減少完成交易的步驟數； 這還意味著個性化體驗，向用戶展示他們想要的項目，同時將其他項目靜音。 “決策過程很乏味，”在 Kitchen United 的 UX 團隊工作的 Diego Valencia 說，該應用程序允許用戶在同一個選項卡上從多個餐廳訂購，並且一次交付所有東西。 他建議設計師允許用戶設置更多偏好，從而限制選擇：“我想吃點東西。 我想要一些美味的素食。 我是四人一組。 我告訴你，應用程序，我想要什麼，你會照顧它。”

個性化對於基於會員的 Thrive Market 至關重要。 Kreowski 說，當他在 YML 的團隊開始這個項目時，他們的職責是為一位“千禧一代媽媽”設計，她可以在不到一個半小時​​的時間內去雜貨店購物，還要洗衣服和打掃她的家。 “對我們來說，這是'我們如何建立一種體驗，讓人們可以在五到十分鐘內完成一周或數週的所有雜貨購物？'”他說。 “時間是一個很大的因素。 我們經常談論購物車的建造速度。”

通過有關飲食偏好的測驗來吸引 Thrive Market 用戶。 Kreowski 說，從那裡開始，“我們能夠利用 Thrive 的 10,000 個 SKU 並將用戶帶到一個主頁，讓他們看到 40 個他們不僅認識而且喜歡的項目。” 他的團隊將 Thrive 的滾動體驗設計為在雜貨店瀏覽的個性化版本。 “你不僅要向下滾動，還要滾動瀏覽，”他說。 “我可以像快速瀏覽過道一樣添加產品。” 他們還試圖複製購物者在實體雜貨店購買特色產品和封蓋時的體驗：“我們考慮過類似的推銷方式，我不僅可以看到我以前買過的商品，而且還能看到”我遇到了一些感覺更有體驗感的新項目。”

同樣重要的是，讓人們可以輕鬆地保存他們最喜歡的物品或始終向他們展示他們經常購買的物品。 “你可以在應用程序上為客戶提供更多關於他們想要如何購物的選項，就越好，”Theeboom 說。 “所以讓他們列個清單，給他們看最喜歡的，給他們看過去的購買； 您想為他們提供不同的導航方式，以實際找到他們想要添加到購物車的產品。”

讓它令人難忘

毫無疑問，消費者越來越關心他們的食物來自哪裡。 2019 年，60% 的美國消費者根據他們在社會問題上的立場購買品牌，高於 2017 年的 47%。

在重新設計 Thrive Market 的主頁時，Kreowski 看到了突出公司社會責任精神的重要性。 例如，2019 年，Thrive Market 有一個項目，將其自有品牌咖啡銷售額的 10% 捐贈給恢復秘魯的雨林土地。 該計劃已經在社交媒體上引起了關注，因此 Kreowski 將其無縫地編織到了 UI 中。 “我們希望講述的故事不僅具有教育意義，而且讓客戶點擊並將產品添加到他們的購物車中，”他說。 “如果我們可以通過這種觸及我們已經知道對他們很重要的價值觀的商品銷售來打斷我們的購物者在他們自己的雜貨店體驗中會怎樣？”

突出品牌故事還可以幫助小型雜貨店將自己與規模更大但不那麼個性化的沃爾瑪和亞馬遜生鮮區分開來。 Theeboom 回憶說，在開發 Longo 的送貨應用程序時，她指導她的團隊設計了一個標註，突出了雜貨店與社區的長期關係。 “我們可以專注於本地化——我們使用當地農民的事實，以及我們為可以打電話接受訂單的老年人提供服務的事實。”

提供出色的用戶體驗和用戶界面

也許比其他項目更重要的是，構建食品訂購應用程序的設計師幾乎肯定會以先入為主的觀念開始這項任務。 畢竟，每個人都會吃東西，而且大多數人對自己喜歡什麼和不喜歡什麼都有明確的想法。 此外，進食會引起強烈的感覺和記憶。 這就是為什麼在進行食品應用程序設計項目時深入研究用戶體驗研究特別重要的原因。 如果我們不做研究來了解用戶，我們可能會根據我們的飲食方式進行設計，這可能與我們用戶的飲食方式完全不同。

如今，幾乎沒有什麼是飢餓的顧客不能在網上訂購的——從雜貨店的麥片到五星級餐廳的晚餐。 由於訂餐領域競爭如此激烈，設計師應該專注於講述一個有影響力的故事，設計個性化的體驗，並創造乾淨、簡單、直觀的設計來激發顧客的胃口。