今天在做資源列表頁(yè)排序時(shí)框杜,發(fā)現(xiàn)不知道應(yīng)該有哪些排序規(guī)則,點(diǎn)擊時(shí)應(yīng)該顯示什么狀態(tài)踱蠢,還有這些排序是否可以同時(shí)作用火欧?
其實(shí)在很多時(shí)候都會(huì)遇到排序的問(wèn)題,排序的規(guī)則茎截,那解決這個(gè)問(wèn)題的思維邏輯應(yīng)該是怎樣的呢苇侵?
我是這樣的,
首先競(jìng)品分析企锌,瀏覽了很多網(wǎng)站榆浓,看他們是怎么排序,有哪些常規(guī)的排序項(xiàng)撕攒,有哪些是與業(yè)務(wù)相關(guān)的排序項(xiàng)陡鹃;并多次體驗(yàn)升序和降序的狀態(tài)變化(顏色,箭頭)抖坪;
其次杉适,根據(jù)自己的網(wǎng)站需要,添加必要的排序項(xiàng)柳击;
分析過(guò)后你會(huì)發(fā)現(xiàn),網(wǎng)站常規(guī)的排序項(xiàng)包括時(shí)間(可以是發(fā)布時(shí)間片习,更新時(shí)間捌肴,截止時(shí)間,提交時(shí)間等等)藕咏、價(jià)格(人均最低状知,價(jià)格最好,價(jià)格最低)孽查、評(píng)分(評(píng)分最高饥悴,評(píng)價(jià)最高,人氣最高)等盲再,另外還會(huì)有與業(yè)務(wù)相關(guān)的排序西设,比如外賣(mài)類(lèi)排序還會(huì)有距離,離我最近答朋,起送價(jià)最低贷揽,配送速度最快,銷(xiāo)量最高梦碗,鏈家app還會(huì)有房型禽绪,區(qū)域等蓖救。
排序項(xiàng)的樣式和交互各不相同,現(xiàn)在比較流行線(xiàn)條和實(shí)體兩種配套狀態(tài)印屁,線(xiàn)條代表未選中循捺,實(shí)體代表已選中;還有是字體顏色變化雄人,黑色代表未選中从橘,其他顏色代表已選中;
排序的箭頭也有不同柠衍,選中并箭頭向下代表降序排列洋满,選中并箭頭向上代表升序排列;還有像唯品會(huì)是將向上向下做到一個(gè)里面珍坊,升序向上的箭頭亮色牺勾,向下的箭頭黑色,反之是降序排列阵漏。
還有一個(gè)問(wèn)題驻民,排序可以重復(fù)疊加嗎?一般情況下都是或的邏輯履怯,不能在選中一個(gè)排序條件的情況下再去選中其他排序項(xiàng)回还,這樣的規(guī)則會(huì)很復(fù)雜,所以建議大家排序時(shí)一定不要疊加使用排序項(xiàng)叹洲。
最后柠硕,我希望還能再補(bǔ)充一下網(wǎng)站和app的排序有哪些差異。
第一天從工作中感悟總結(jié)运提,明天繼續(xù)蝗柔,加油(^ω^)