一仪吧、入口
小結(jié)
1.入口,展現(xiàn)在用戶眼前的是輸入框鞠眉,搜索產(chǎn)品在整個app的地位不同薯鼠,入口位置明顯差別择诈,常見典型入口位置有首頁頂部搜索框(豆瓣、知乎出皇、微博)羞芍、與知乎不同的是豆瓣在小組主頁給出了搜索入口,類似的微博也在微博主頁給出了搜索入口
2.微博?a)點(diǎn)擊“發(fā)現(xiàn)”和“首頁”出現(xiàn)頂部搜索框:全網(wǎng)搜索郊艘;b)點(diǎn)擊“消息”出現(xiàn)頂部搜索框:搜索聯(lián)系人和群(這部分是用戶自己關(guān)注的微博賬號和群荷科。目的:方便用戶快速找到關(guān)注的賬號或聯(lián)系人,并且可以給他們微博私聊或者加入更多好友群聊)c)進(jìn)入自己微博主頁點(diǎn)“微博”tab出現(xiàn)頂部搜索框“搜我的微博”
3.入口展示的信息也各有不同纱注,微博內(nèi)置熱搜詞畏浆,不搜即得,豆瓣知乎app內(nèi)置搜索范圍
二狞贱、搜索框點(diǎn)擊及默認(rèn)搜索界面
在微博搜索輸入框點(diǎn)擊時“調(diào)起輸入法”刻获,輸入“鹿晗”此時可選擇“左側(cè)下拉箭頭”選擇“搜人”還是“搜微博”,之后搜索詞“鹿晗”便進(jìn)入歷史搜索記錄瞎嬉,默認(rèn)顯示“兩條記錄”蝎毡,當(dāng)歷史記錄多了,部分就隱藏了氧枣,減少眼部分擔(dān)沐兵,出現(xiàn)“全部搜索記錄”tab,右側(cè)“叉號”代表逐條刪除,最下方有“清除搜索記錄”可批量刪除挑胸。
可點(diǎn)擊“微博熱搜索榜”進(jìn)入榜單痒筒。如下圖所示:
當(dāng)切換tab時茬贵,搜索框內(nèi)置熱詞在微博中會發(fā)生變化(若是內(nèi)置的不感興趣簿透,當(dāng)再次到搜索框會推薦熱門搜索的其他搜索詞。目的:增加了命中用戶搜索的需求
豆瓣搜索框左側(cè)有下拉分類按鈕解藻,搜索歷史記錄顯示4條老充,只支持批量刪除。熱門搜索默認(rèn)10條螟左。
知乎歷史搜索記錄可顯示30條啡浊,支持批量和單獨(dú)刪除。另外“最近瀏覽”可以在批量清除后再找到之前的瀏覽內(nèi)容(沒有批量刪除提示)
小結(jié)
該環(huán)節(jié)顯示的這個界面依據(jù)產(chǎn)品想表達(dá)給用戶的不同和產(chǎn)品類別胶背,差異明顯巷嚣,其中有:
1.是否調(diào)起輸入法,調(diào)起輸入法代表期望用戶更多表達(dá)钳吟,但會有遮擋下方展示問題廷粒,不調(diào)起輸入法代表期望在這個頁面推給用戶更多內(nèi)容
2.默認(rèn)搜索頁面呈現(xiàn)給用戶哪些信息,包括用戶的歷史搜索記錄(歷史記錄是否支持單條刪除和批量刪除,點(diǎn)擊批量刪除是否有確認(rèn)提醒都會帶來體驗(yàn)差異坝茎,這三者都無批量刪除提示涤姊,知乎可以在“最近瀏覽”中再次找到歷史記錄),熱門搜索(呈現(xiàn)方式包括排行榜嗤放、大家都在搜思喊、換一換等,代表微博十分鐘更新實(shí)時榜單)次酌、分類搜索內(nèi)容(豆瓣和微博區(qū)分類別恨课,并且豆瓣區(qū)分的更加詳細(xì),另外推薦模塊(旅行類產(chǎn)品常見猜你喜歡模塊)也比較常見等和措。
三庄呈、輸入過程
在豆瓣中輸入“鹿”會出現(xiàn)搜索結(jié)果聯(lián)動,命中態(tài)是綠色標(biāo)示派阱,并且按照分類有自己的特型模板。如上圖所示斜纪。
在知乎中按照“內(nèi)容”和“用戶”得到的結(jié)果顯示不同的特型模板贫母,而且在內(nèi)容搜的時候命中態(tài)是紅色,在用戶中搜不存在命中態(tài)顏色區(qū)分盒刚。
在微博中搜“鹿”出現(xiàn)上圖腺劣。類似分析如豆瓣和知乎
小結(jié)
這個輸入過程中主體是引導(dǎo)模塊(suggestion),suggestion設(shè)計(jì)上的幾個點(diǎn)包括是否有命中態(tài)因块,是否支持特型模板橘原,是否對suggestion進(jìn)行分類,是否支持直達(dá)特定結(jié)果涡上,是否和搜索結(jié)果聯(lián)動
1.常見為區(qū)分產(chǎn)品主色表達(dá)命中態(tài)趾断,缺省色為非命中態(tài)(微博,豆瓣)吩愧,芋酌,部分產(chǎn)品不區(qū)分是否有命中態(tài)(知乎)
2.特型suggestion比較常見的如微博的人物特型,知乎的話題及人物特型雁佳,豆瓣的各個分類下面的特型脐帝。
3.Suggestion分類和產(chǎn)品關(guān)聯(lián)度很高,比如豆瓣中標(biāo)明為用戶糖权、電影電視堵腹、唱片,等
4.搜索結(jié)果聯(lián)動星澳,是指輸入過程未終結(jié)疚顷,搜索結(jié)果已經(jīng)展示出來,同時隨著輸入內(nèi)容的刪減而變化募判,代表這三者都是如此荡含。
四咒唆、搜索結(jié)果頁list
微博
1)微博卡片(可直接加關(guān)注)(搜胡歌)
?2)相關(guān)用戶(500+)
微博的相關(guān)用戶(與他相關(guān)(明星類用戶),找人結(jié)果(胡歌的官微和普通用戶))
3)明星勢力榜(內(nèi)地榜 第XX名)
微博明星相關(guān)榜單細(xì)分到地域(這是微博現(xiàn)在用戶分布的地域比比較廣)
4)超級話題(可加關(guān)注)
微博這樣在搜索結(jié)果list都可直接操作“加關(guān)注”一方面方便用戶全释,一方面引導(dǎo)用戶,給他推薦更多可能感興趣的內(nèi)容误债。
5)精選
a)更多精選微博”顯示兩條用戶評論/發(fā)布時間/來自/轉(zhuǎn)發(fā)/評論/點(diǎn)贊
b)點(diǎn)擊精選右上角有收藏/用此頭像掛件/用此卡片背景/幫上頭條/舉報(bào)/取消
c)顯示兩條用戶評論(一方面可吸引用戶點(diǎn)擊浸船,一方面可誘導(dǎo)用戶評論(說不定自己的評論也會顯示在這里,炫耀的心理))
6)熱門文章
7)剛剛被轉(zhuǎn)贊人數(shù)超過XXX寝蹈,顯示時間/來自/圖文(圖片最多顯示9張)/話題
8)最新熱圖
微博中點(diǎn)擊最新熱圖tab并沒有展示美圖李命,熱圖,而是常規(guī)微博箫老。
9)微博印象(微博中XXX的輿論熱詞)
本來到這塊封字,以為點(diǎn)擊去自己可以選擇詞匯評價(jià)鹿晗,并沒有~
10)相關(guān)搜索
知乎
豆瓣
豆瓣搜索結(jié)果list按照分類顯示耍鬓,很清晰阔籽。
總結(jié)
1.豆瓣
a.頂部搜索框,搜索框內(nèi)置文字說明可搜索范圍
b.點(diǎn)擊效果為平滑過渡牲蜀,當(dāng)頁替換
c.默認(rèn)顯示熱搜詞笆制,顯示分類(電影、圖書涣达、唱片在辆、小事、用戶度苔、小組匆篓、群聊、游戲)
d.搜索結(jié)果分類list展示:影人+小組+電影電視+唱片+群聊+游戲應(yīng)用等林螃,每個list支持展開更多奕删,部分結(jié)果默認(rèn)收起,點(diǎn)擊進(jìn)入單獨(dú)垂搜頁
2..知乎
a.頂部搜索框疗认,搜索框內(nèi)置文字說明可搜索范圍
b.點(diǎn)擊效果為平滑過渡完残,當(dāng)頁展開
c.點(diǎn)擊后區(qū)分內(nèi)容和用戶,默認(rèn)顯示歷史搜索記錄横漏,可清除
d.支持實(shí)時搜索內(nèi)容
3.微博
a.正文頂部框+底部有搜索tab谨设,點(diǎn)擊后效果一致,調(diào)開新頁面缎浇,右側(cè)為取消
b.搜索記錄(默認(rèn)兩條)+微博熱搜榜(默認(rèn)十條)扎拣,榜單分類,跳轉(zhuǎn)不同榜單,細(xì)分二蓝。
c.在線sug:歷史+在線文本+用戶誉券,命中為微博產(chǎn)品主色
d.搜索結(jié)果:默認(rèn)綜合結(jié)果
i.綜合:用戶+精選+轉(zhuǎn)贊人數(shù)多的微博穿插為主+熱圖+相關(guān)文章+微博印象+相關(guān)搜索,tab內(nèi)結(jié)果混排
ii.tab包含綜合+用戶+精選+實(shí)時+關(guān)注人+印象+主頁+文章+圖片+視頻
iii.每一個模塊都可進(jìn)行下一步操作:轉(zhuǎn)發(fā)刊愚、回復(fù)踊跟、點(diǎn)贊等,
e.搜索系統(tǒng)呈現(xiàn)復(fù)雜
可優(yōu)化
1.內(nèi)置熱詞變化:當(dāng)切換tab時鸥诽,搜索框內(nèi)置熱詞在微博中會發(fā)生變化(若是內(nèi)置的不感興趣商玫,當(dāng)再次到搜索框會推薦熱門搜索的其他搜索詞,目的:增加了命中用戶搜索的需求)牡借,豆瓣和知乎現(xiàn)在內(nèi)置的搜索范圍不會根據(jù)切換tab發(fā)生變換這是可以的拳昌,其他比視頻類可優(yōu)化。
2.三者都無批量刪除提示钠龙,知乎可以在“最近瀏覽”中再次找到歷史記錄
3.微博的最新熱圖炬藤,并沒有出現(xiàn)熱圖,而是常規(guī)微博俊鱼。點(diǎn)擊視頻tab刻像,出現(xiàn)篩選,但不能篩選并闲。╮(╯▽╰)╭