一個(gè)小小城市選擇控件引發(fā)的深度思考

0 評(píng)論 8442 瀏覽 37 收藏 7 分鐘

很早以前小Q在《用好的交互設(shè)計(jì)來(lái)管理復(fù)雜-“篩選器”》一文,較為全面的剖析了篩選器的各種分類及其利弊。本文會(huì)繼續(xù)篩選器的城市選擇控件繼續(xù)分析。

大家都知道,吃喝玩樂,永遠(yuǎn)是人的基本休閑方式。城與人的生活息息相關(guān),針對(duì)吃喝玩樂設(shè)計(jì)的產(chǎn)品形態(tài),往往都有城市、當(dāng)前定位等基本功能的設(shè)置,以便于產(chǎn)品經(jīng)理采集到用戶行為后,做出更好的個(gè)性推薦及內(nèi)容展示。譬如很多城市特色推薦類App,打開首頁(yè),“推薦”和“附近”滿足用戶在多個(gè)場(chǎng)景下的應(yīng)用,無(wú)論是周末的你在家苦于無(wú)處可去,還是吃完飯后想和朋友去附近逛逛。又譬如旅行類App,購(gòu)買機(jī)票,預(yù)定酒店都是必須要做的事情,對(duì)于廉價(jià)機(jī)票的購(gòu)買和搶單,也是很多熱愛旅游的人們常做的事情,所以如何根據(jù)自己的業(yè)務(wù)形態(tài)設(shè)計(jì)好一款簡(jiǎn)單的城市控件,看起來(lái)是值得深思的問題。使用過30幾款相關(guān)App之后,熱愛總結(jié)和裝逼的小Q,為你帶來(lái)如下的總結(jié),希望你喜歡。

城市選擇控件大致分為三類:平鋪式三層聯(lián)動(dòng)結(jié)構(gòu)、響應(yīng)式三級(jí)聯(lián)動(dòng)結(jié)構(gòu)、A-Z index式字母結(jié)構(gòu)。

平鋪式三層聯(lián)動(dòng)結(jié)構(gòu)

特點(diǎn):逐層選擇,逐層回退,操作重復(fù)

建議:根據(jù)當(dāng)前GPS定位地理位置,優(yōu)先顯示周邊(100km以內(nèi)的)省市區(qū)信息(需要建立符合產(chǎn)品特性的城市匹配列表)

舉例:京東App,發(fā)貨地址選擇地區(qū)時(shí)的交互流程,操作及反饋值得推薦,選中一層(省、市、區(qū))則順其自然的進(jìn)入下一層選擇,給人新增一條記錄待添加的感覺,操作一氣呵成。相反對(duì)比,把省、市、區(qū)作為Tab的Title的方式,讓用戶選擇Tab,然后選擇內(nèi)容的方式。此交互體驗(yàn)更佳順暢,且能解決用戶點(diǎn)擊層級(jí)深之后,短暫迷失方向的難題。

響應(yīng)式三級(jí)聯(lián)動(dòng)結(jié)構(gòu)

特點(diǎn):通過省級(jí)自動(dòng)定位市區(qū)級(jí),對(duì)城市選擇比較便利。地址顯示的選項(xiàng)數(shù)量少,還只能挨個(gè)切換,效率低下。

建議:根據(jù)當(dāng)前GPS定位地理位置,定位相關(guān)省級(jí)信息及名稱,減少滑動(dòng)操作。

舉例:淘寶下單后的填寫地址里面也有地區(qū)選擇功能,微信里面也有收貨地址,再者一些App的定位選擇等等。

A-Z index式字母結(jié)構(gòu)

A-Z index(字母索引)適用于對(duì)數(shù)據(jù)量為幾十到幾千之間的單詞、詞組或短語(yǔ)等類型的導(dǎo)航,且用戶能對(duì)這些數(shù)據(jù)的首字母進(jìn)行精確回憶。例如:國(guó)家、省份或城市的名稱、姓名、昵稱等。在移動(dòng)端設(shè)計(jì)中A-Z index通常以豎軸形式出現(xiàn)在屏幕右側(cè),點(diǎn)擊字母能將內(nèi)容滾動(dòng)到該字母的錨點(diǎn)位置。

特點(diǎn):通過自然拼讀和精確回憶,或者通過嚴(yán)格的篩選方式,精挑細(xì)選周邊、同城中最值得去的生活高地,使得用戶能快速找到所需內(nèi)容。

建議:A-Z index嚴(yán)格按照字母順序排序,但是在某些場(chǎng)景中,這并非是最高效的??梢晿I(yè)務(wù)和用戶需求在A-Z index基礎(chǔ)上增加常用選項(xiàng)導(dǎo)航(例如定位、熱門和搜索)。

舉例:有特殊記憶點(diǎn)的名稱列表,短時(shí)間不會(huì)頻繁更新訂閱內(nèi)容的產(chǎn)品形態(tài),根據(jù)用戶行為優(yōu)先曝光常用入口,如通訊錄的聯(lián)系人列表,可通過添加Emoj圖片或者英文首字母,調(diào)整中文內(nèi)容的排序。或者天氣通中訂閱城市列表,根據(jù)用戶使用率不同,篩選點(diǎn)擊率較高的內(nèi)容做優(yōu)先展示。

小Q來(lái)總結(jié)

任何一個(gè)城市選擇控件的基礎(chǔ),往往只能滿足統(tǒng)一規(guī)范化的操作。若要滿足用戶多場(chǎng)景的復(fù)雜需求,產(chǎn)品經(jīng)理在設(shè)計(jì)城市選擇控件的過程中,可以優(yōu)先通過數(shù)據(jù)挖掘,為用戶提供一條捷徑,試圖讓用戶減輕重復(fù)操作的心理負(fù)擔(dān)(如:快速選擇、熱門城市、熱門景區(qū)等)?;蛘吒鶕?jù)業(yè)務(wù)及用戶場(chǎng)景的不同,做應(yīng)用場(chǎng)景的優(yōu)化和調(diào)整,譬如:根據(jù)定位做城市列表的不同排序等。

#專欄作家#

Mandy權(quán),微信公眾號(hào):小Q聊產(chǎn)品,人人都是產(chǎn)品經(jīng)理專欄作家,善于資訊、母嬰、教育類產(chǎn)品設(shè)計(jì)與分析。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!