Yelp iPhone重量級用戶端重設計：存在問題和思考過程(1)

Yelp iPhone重量級用戶端重設計：存在問題和思考過程(1)

Yelp 是一個發布時間超過十年的點評網站，起源於美國、發展至全球。Yelp 擁有各類商鋪的資訊，如餐廳、咖啡店、加油站、購物廣場等，人們可以在上面找到各式各樣的商鋪，並為它們寫評價、簽到或上傳照片視頻。不僅如此，Yelp 也是一個生活社交平台，人們可以在上面看到好友最近光顧的商鋪、寫出的評價。
 

Yelp iPhone 用戶端

iTunes App Store 中的「Yelp」

由於擁有大量商鋪資訊和使用者產生內容，Yelp 體量不小。iPhone 用戶端在承載這些資訊時，必須把資訊架構處理好，因為這很大程度上影響了使用者體驗的好壞。目前 Yelp iPhone 用戶端的功能架構相對複雜，主要分為附近商鋪Nearby）、搜尋Search）、發布、關於我About Me）、更多More）五個基本頁面。

• 附近商鋪Nearby）：展示附近商鋪、推薦類別，使用者可從此處快速尋找商鋪。

• 搜尋Search）：使用者可以根據關鍵詞進行搜尋，也可以添加篩選條件進行精確化搜尋。

• 發布：分點評、簽到、上傳照片視頻三類內容。

• 關於我About Me）：展示個人資訊。

• 更多More）：整合協助工具功能，如書籤、資訊流、曾瀏覽過的商鋪列表。

目前 Yelp iPhone 用戶端的功能架構點擊查看大圖）

存在問題

1.功能入口散亂

當使用者想尋找一家店鋪時：

• 如果是曾經瀏覽過/加過書籤的店鋪，則直接到更多More）頁面中尋找，那裡有曾瀏覽過的商鋪列表和書籤列表；

• 如果是一家新店鋪或瀏覽過但因時間太久難以檢索、沒加過書籤），知道名稱/關鍵詞，則在附近商鋪Nearby）頁和搜尋Search）頁可輸入文字以搜尋；

• 如果不知道任何資訊或者忘記名稱/關鍵詞），要尋找附近的商鋪可根據地理位置搜尋，否則就需要通過商鋪類別目錄進行尋找。

當使用者想發布內容時：

• 可直接點擊 super tab，選擇一個類別後，頁面會先跳轉至搜尋網頁，載入附近商鋪或由使用者輸入文字，選擇商鋪後再填寫內容；

• 或先按上面的流程進入商鋪詳情頁，再選擇類別、填寫內容。

Yelp 尋找店鋪和發布內容的互動流程

無論是尋找店鋪還是發布內容，入口有很多。這樣並非沒有好處，但容易讓使用者困惑。舉個例，如果我要為一家餐廳寫評語，會分為兩種情境：

• 如果還沒離開餐廳，使用者可以直接在 super tab 選擇類別發布，應用會自動載入附近商鋪，這時所在的餐廳肯定排序在最前；

• 但如果使用者已離開餐廳才想起要評價，從曆史瀏覽列表進入商鋪詳情頁會更快，反而從 super tab 發布則還要手動輸入文字搜尋。

不要僅僅依靠業務功能來劃分模組，不然體驗設計會亂得一塌糊塗。

2.功能入口重複

除發佈頁面外，其餘頁面承載的資訊很多並存在重複的情況。將功能架構局部放大則一目瞭然。Super tab 是讓使用者快速發布內容的地方，而在關於我About Me）頁面中又能找到相同的入口；書籤、事件等頁面不僅在關於我About Me）頁面中出現，又能在更多More）頁面中找到。如果使用者習慣於使用一個入口，另一個便顯得多餘，讓頁面增加不必要的複雜。

功能架構局部一

附近商鋪Nearby）頁與搜尋Search）頁很雷同。在前者選擇其中一個類別，頁面會跳轉至後者的搜尋結果頁商鋪列表），相當於只為使用者省去了輸入文字的過程；前者頁面上方的搜尋方塊與後者中的搜尋方塊完全相同；前者主目錄的商鋪類別和次級目錄的熱門類別存在重複，相信不止我一個人會對此費解。

功能架構局部二

清晰、明確的邏輯是一個擁有複雜資訊架構的產品是否給使用者帶來良好體驗的關鍵。

3.資訊流Feed）被過分弱化

Yelp 除了擁有大量商鋪資訊和優質的使用者產生內容外，社交屬性也很強，人們能夠看到好友、附近使用者的動態。人們不僅僅把它當作搜尋工具、在外出時才開啟，而是可以通過 Yelp 來交友互動。這有利於提高使用者的參與度和創造內容的慾望。

在 Web 端，Yelp 便是這麼做的——登陸網站，好友的最新動向會顯示在首頁。而 iPhone 用戶端上，使用者產生內容卻相對分散，除商鋪關聯起來的部分，其餘分散到使用者頁、更多More）頁裡面，缺失獨立的資訊流頁面。

左：Yelp Web 端首頁，中：Yelp iPhone 用戶端使用者頁，右：Yelp iPhone 用戶端更多More）頁