中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

知乎幾乎是我現(xiàn)在用的最多的 App 了，而當在各種不同的場景中對其觀察、體驗后，發(fā)現(xiàn)知乎客戶端 for iOS 中的搜索環(huán)節(jié)依然有一些不適（對我個人而言），因此利用幾天時間思考了能否對其進行一定的交互簡單改進，提升這個流程的體驗。

1.搜索逆向路徑中返回方式不連貫，模態(tài)視圖打斷了原本連續(xù)的手勢返回操作。

小標題看起來可能比較拗口，我特意制作了幾個 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ā)起滑動操作。因此當我從最后一個答案出發(fā)，經(jīng)過三到四次手勢滑動后回到了搜索結(jié)果頁面，此時若想要進一步回到主頁/側(cè)邊欄，就會發(fā)現(xiàn)在當前的模態(tài)視圖上禁用了手勢操作，必須點擊右上角的「取消」按鈕結(jié)束搜索視圖。而在目前主流的大屏手機上，右上角往往不是單手操作的觸摸范圍，而我個人也是盡可能地在單手操作時使用手勢操作進行頁面的跳轉(zhuǎn)。

一種可能的改進方式，就是將搜索也改為新頁面，而非模態(tài)視圖，并且允許手勢滑動返回到主頁，如下圖所示。

我特意留意了一下手機中幾個常用 App 的做法，發(fā)現(xiàn)有美團、天貓、去哪兒等應(yīng)用也采用了新視圖的做法，也許這個設(shè)計并沒有遵從 iOS 的設(shè)計規(guī)范，但是我個人覺得從體驗出發(fā)，這樣更加連貫、自然。

2.搜索框的位置擺放。

目前，知乎的搜索框是擺放在側(cè)邊欄的頂部。值得注意的是，「提問」功能則是安放在了主頁的右上角，并且即便點擊了提問，也會對輸入的問題先進行搜索，可以避免對已有答案的問題重復(fù)提問。示例如下圖所示：

從交互設(shè)計上來說，知乎的搜索框擺放是比較少見的，大多數(shù)的 App 會在頂部使用一個控件常駐搜索框（電商類、 貼吧等），或者將搜索做成按鈕合并到主導航當中（App store、tumblr等）。反過來思考，也許知乎的產(chǎn)品經(jīng)理更希望用戶進行瀏覽、發(fā)現(xiàn)、提問，而不是強針對性地去發(fā)掘一個問題。

來看看知乎的同類 Quora 是怎么擺放搜索框的，如果把知乎的搜索框挪動到標題欄取代現(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)視圖、搜索流程以及搜索框動效的理解，學習總沒有壞處。對了，最近使用 Pixate（制作簡單動效）+ QuickPlayer（高清錄制）+PicGIF（轉(zhuǎn)換格式）可以很方便地做出本文中這樣簡單的演示效果。

希望大家多多指導，我也會繼續(xù)努力。

作者：鎮(zhèn)雷

來源：簡書