App中地址選擇功能解析

7 評(píng)論 12159 瀏覽 82 收藏 7 分鐘

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

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

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

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

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

二、塊+列表型選擇

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

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

缺點(diǎn):層級(jí)深,大部分需要通過右側(cè)的滑動(dòng)字母來選擇,但是這其實(shí)并不是個(gè)非常友好的交互操作和視覺展示,因?yàn)椴粔蜃匀?,需要用戶集中精力去操作該控件?/p>

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

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

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

缺點(diǎn):可擴(kuò)展性不強(qiáng),因?yàn)槠聊挥邢逕o法做到整屏都是可選項(xiàng),并且也只可以最多到3個(gè)關(guān)聯(lián)層級(jí),否則尺寸一小大部分信息會(huì)展示不全。

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

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

優(yōu)點(diǎn):聚焦……

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

五、平鋪式地址選擇

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

還要說一點(diǎn),當(dāng)我們?cè)谟^察用戶的時(shí)候,習(xí)慣使用這一控件的用戶更喜歡模塊化容易點(diǎn)擊的,而非是聚合在一起更聯(lián)動(dòng)的列表。他們可能使用起應(yīng)用的手勢(shì)更喜歡點(diǎn)擊而非滑動(dòng),華東對(duì)他們來說更容易誤操作,因?yàn)榇蟛糠诌@類用戶的手機(jī)較低端,不夠流暢。

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

缺點(diǎn):對(duì)新手用戶來說不太友好。

六、地圖定位式

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

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

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

相關(guān)閱讀

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

用戶體驗(yàn)雜談

#專欄作家#

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

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

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

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

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

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

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

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

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

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

    來自北京 回復(fù)