知乎幾乎是我現(xiàn)在用的最多的 App 了姑原，而當(dāng)在各種不同的場景中對其觀察滞谢、體驗后髓迎，發(fā)現(xiàn)知乎客戶端 for iOS 中的搜索環(huán)節(jié)依然有一些不適（對我個人而言）硅瞧，因此利用幾天時間思考了能否對其進行一定的交互簡單改進，提升這個流程的體驗杀怠。
1.搜索逆向路徑中返回方式不連貫椰憋，模態(tài)視圖打斷了原本連續(xù)的手勢返回操作。
小標(biāo)題看起來可能比較拗口赔退，我特意制作了幾個 GIF 幫助理解問題橙依。
目前主流的一些 iOS App（包括系統(tǒng)自帶 App）中，搜索框都是采用了模態(tài)視圖硕旗，即它不是一個新的獨立頁面窗骑，而是從屬于某個頁面的視圖，專門用來解決某類獨立的任務(wù)（搜索）漆枚。一般來說创译，對于一個獨立頁面，設(shè)計時會允許其手勢滑動返回（從中間或邊緣向右滑動）墙基，但是由于模態(tài)視圖并不是一個頁面软族，所以在 iOS 中經(jīng)常被設(shè)計為禁止手勢滑動返回，并且在右上角設(shè)置一個「取消」按鈕用以結(jié)束模態(tài)視圖残制。
首先立砸，先來看一下知乎上搜索的正向路徑。即：主頁—側(cè)邊欄—搜索框—輸入關(guān)鍵字—搜索結(jié)果列表—話題/問題—答案初茶。
下面一張 GIF 則是上述操作的逆操作颗祝，從答案返回到主界面。?
知乎的頁面手勢返回采用的是全屏手勢向右滑動，即不需要從左側(cè)邊緣發(fā)起滑動操作螺戳。因此當(dāng)我從最后一個答案出發(fā)规揪，經(jīng)過三到四次手勢滑動后回到了搜索結(jié)果頁面，此時若想要進一步回到主頁/側(cè)邊欄温峭，就會發(fā)現(xiàn)在當(dāng)前的模態(tài)視圖上禁用了手勢操作，必須點擊右上角的「取消」按鈕結(jié)束搜索視圖字支。而在目前主流的大屏手機上凤藏，右上角往往不是單手操作的觸摸范圍，而我個人也是盡可能地在單手操作時使用手勢操作進行頁面的跳轉(zhuǎn)堕伪。
一種可能的改進方式揖庄，就是將搜索也改為新頁面，而非模態(tài)視圖欠雌，并且允許手勢滑動返回到主頁蹄梢，如下圖所示。
我特意留意了一下手機中幾個常用 App 的做法禁炒，發(fā)現(xiàn)有美團、天貓霍比、去哪兒等應(yīng)用也采用了新視圖的做法幕袱，也許這個設(shè)計并沒有遵從 iOS 的設(shè)計規(guī)范，但是我個人覺得從體驗出發(fā)悠瞬，這樣更加連貫们豌、自然。
2.搜索框的位置擺放浅妆。
目前望迎，知乎的搜索框是擺放在側(cè)邊欄的頂部。值得注意的是凌外，「提問」功能則是安放在了主頁的右上角辩尊，并且即便點擊了提問，也會對輸入的問題先進行搜索趴乡，可以避免對已有答案的問題重復(fù)提問对省。示例如下圖所示：
從交互設(shè)計上來說，知乎的搜索框擺放是比較少見的晾捏，大多數(shù)的 App 會在頂部使用一個控件常駐搜索框（電商類蒿涎、 貼吧等），或者將搜索做成按鈕合并到主導(dǎo)航當(dāng)中（App store惦辛、tumblr等）劳秋。反過來思考，也許知乎的產(chǎn)品經(jīng)理更希望用戶進行瀏覽、發(fā)現(xiàn)玻淑、提問嗽冒，而不是強針對性地去發(fā)掘一個問題。
來看看知乎的同類 Quora 是怎么擺放搜索框的补履，如果把知乎的搜索框挪動到標(biāo)題欄取代現(xiàn)有的那個并沒有太大用處的「首頁」字樣添坊，會不會更好？（產(chǎn)品層面而言箫锤，未必更好）
3.現(xiàn)有的搜索動畫改進
既然現(xiàn)有的搜索是希望按照 iOS 規(guī)范來設(shè)計模態(tài)視圖谚攒，那我們不妨將目前不太自然的動效修改為更適合 iOS 的樣式吧阳准。將搜索框點擊后自然延展為模態(tài)視圖中的搜索框，然后將「取消」和鍵盤延遲出現(xiàn)馏臭，原本的界面則伴隨 scale 變化淡出野蝇。而改動前的設(shè)計可以參考本文的第一個 GIF 圖。
其實這篇文章很簡單括儒，但是卻整整思考了兩天绕沈，中間也咨詢、訪談了很多的普通用戶塑崖、產(chǎn)品/設(shè)計朋友七冲，我的這些改進應(yīng)該也是淺薄的，但是這個過程卻幫助我加深了對模態(tài)視圖规婆、搜索流程以及搜索框動效的理解澜躺，學(xué)習(xí)總沒有壞處。對了抒蚜，最近使用 Pixate（制作簡單動效）+ QuickPlayer（高清錄制）+PicGIF（轉(zhuǎn)換格式）可以很方便地做出本文中這樣簡單的演示效果掘鄙。
希望大家多多指導(dǎo)，我也會繼續(xù)努力嗡髓。
