App中地址選擇功能解析

7 評論 12293 瀏覽 82 收藏 7 分鐘

該文章列舉了Picker式聯(lián)動選擇、塊+列表型選擇、下拉聯(lián)動式、點擊跳轉(zhuǎn)式、平鋪式地址選擇、圖定位式六種App獲取地址的功能方式,并簡略分析了各自的優(yōu)缺點。

一、Picker式聯(lián)動選擇

該地址選擇控件為底部滑出的picker,這個形式的選擇器,在新增收貨地址的場景中應(yīng)用的比較頻繁。新增收貨地址場景一般為填寫自己的收貨地址和他人的收貨地址兩大類。而收貨地址的填寫需要完整的、嚴謹?shù)氖∈袇^(qū)字段,用來方便在其他地方調(diào)用和購買時確認信息。

優(yōu)點:屬于系統(tǒng)自帶控件,兼容性好。占用頁面空間小,層級淺方便用戶對照預(yù)覽,并能實時預(yù)覽其他信息,地址聯(lián)動性較強,能夠完整選擇省市區(qū)信息。

缺點:一屏展示的信息過少,找地址時如果想要找的地址太靠下,那需要花的時間就長。并且擴展性不強,無法擴展更多的功能,比如國外地址。同時只能通過先選擇省-市-區(qū)的路徑才能完成,無法直接選擇城市。

二、塊+列表型選擇

該地址選擇樣式通常在例如旅游、外賣、租房等應(yīng)用上多用,場景是用戶只需要通過定位或者選擇城市即刻,不用再選擇省市區(qū),所以在以上一些app中,用來定位的話選擇列表更合適。

優(yōu)點:可以直接定位城市,或者按照右側(cè)的字母篩選選擇,甚至添加搜索功能。擴展性強。

缺點:層級深,大部分需要通過右側(cè)的滑動字母來選擇,但是這其實并不是個非常友好的交互操作和視覺展示,因為不夠自然,需要用戶集中精力去操作該控件。

三、下拉聯(lián)動式

該地址選擇樣式一般會使用在下拉菜單的列表中,當(dāng)有多個篩選功能的標(biāo)簽需要用戶通過大量的條件篩選時,同時每一個篩選條件又有多級分類是,該模式最常用。

優(yōu)點:直觀可聯(lián)動,對于多個分類的篩選項兼容性也不錯。除了嵌入在下拉菜單中,也可以在該控件上加入tab切換的

缺點:可擴展性不強,因為屏幕有限無法做到整屏都是可選項,并且也只可以最多到3個關(guān)聯(lián)層級,否則尺寸一小大部分信息會展示不全。

四、點擊跳轉(zhuǎn)式

以下兩個地址選擇方式分別都是嵌入在兩個應(yīng)用的個人資料的所在地中,個人資料的地址應(yīng)該算是比較雞肋的功能,用戶不想輸你也沒有辦法。但是這個神奇的交互方式是點擊省后又要再跳轉(zhuǎn)一次頁面,顯然路徑太長不方便操作。

優(yōu)點:聚焦……

缺點:層級深,已經(jīng)很雞肋的功能顯得更雞肋。不如像下面這樣:

五、平鋪式地址選擇

平鋪式地址選擇給人感覺很霸氣,hin直觀,通常敢這么用的一般只有物流行業(yè)的應(yīng)用,物流行業(yè)用戶的喜好或者更習(xí)慣用這樣粗獷的地址選擇方式。能夠迎合用戶也不失為一種好的交互方式。其實我們一直都在尋找平衡點,效率這個詞關(guān)鍵在于是我們認為他對用戶來說有效率,還是用戶習(xí)慣之后使用起來更有效率。

還要說一點,當(dāng)我們在觀察用戶的時候,習(xí)慣使用這一控件的用戶更喜歡模塊化容易點擊的,而非是聚合在一起更聯(lián)動的列表。他們可能使用起應(yīng)用的手勢更喜歡點擊而非滑動,華東對他們來說更容易誤操作,因為大部分這類用戶的手機較低端,不夠流暢。

優(yōu)點:一旦用戶形成習(xí)慣和記憶,他們的使用效率異常高;

缺點:對新手用戶來說不太友好。

六、地圖定位式

智能定位的代表,其實餓了么和美團都做的還挺不錯,特別是在lbs定位方面有自己的優(yōu)勢和資源。很多用戶的住址可能并不是太容易找,所以他們可能會選擇定位到一個更容易接收外賣的地方去定位。但是說到底定位并不一定準(zhǔn),所以用戶選擇完大致的地址依然還是會在上一級頁面更完整的輸入一邊向西的地址。

優(yōu)點:讓用戶直觀看到地圖上用來收外賣的點;

缺點:定位可能不夠準(zhǔn)確,用戶需要重新再輸入詳細的地址。

相關(guān)閱讀

設(shè)計中的邏輯和加載

用戶體驗雜談

#專欄作家#

Yjjj,人人都是產(chǎn)品經(jīng)理專欄作家,公眾號:應(yīng)謀鬼計(shejishiyj)

本文由 @Yjjj 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash ,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 第5條的用戶主要是卡車司機為主,年齡在40-50左右區(qū)間,且受教育平均程度在初高中的文化水平,所以平鋪的傳統(tǒng)方式更利于他們操作

    來自江蘇 回復(fù)
  2. 第5條的例圖標(biāo)注錯誤,作者是在哪里截取的圖,這個應(yīng)該分別是:運滿滿,貨車幫,而不是什么蝸牛,mono…….

    來自江蘇 回復(fù)
  3. 場景不同,可比性比較低~

    來自香港 回復(fù)
    1. 不同的地址選擇是應(yīng)用于不同的場景,所以缺點也只是相對的。并沒有橫向?qū)Ρ裙?/p>

      來自浙江 回復(fù)
  4. 用語音識別是不是更方便?

    回復(fù)
    1. 語音識別對方言不友好,并且識別錯誤率比較高吧。

      來自江蘇 回復(fù)
  5. 不錯

    來自北京 回復(fù)