首頁

UI設計掌握的交互知識

博博


云和數(shù)據(jù)西安中心 2018-06-05 17:38:27

交互設計是什么?

交互設計 Interaction Design 也被成為IXD。交互設計建立起了人與計算機便捷溝通的通道,它的目標是創(chuàng)造可用性和用戶體驗俱佳的產(chǎn)品。我們在工作之中經(jīng)常會對接交互設計師和產(chǎn)品經(jīng)理,他們具有豐富的交互知識和經(jīng)驗。那是不是我們作為UI設計師,就只需要專心做好視覺層面的工作而不需要了解交互設計了呢?當然不是,在視覺設計層面更多地考慮布局和交互原則才可以讓我們的界面更友好,視覺設計師是交互設計中非常重要的角色。

用戶體驗

在工作中經(jīng)常聽到UED(用戶體驗設計)和UCD(以用戶為中心的設計),可見互聯(lián)網(wǎng)行業(yè)非常重視用戶體驗,而用戶體驗絕不僅僅是要樣子好看。有些設計師只關注視覺層面,認為產(chǎn)品戰(zhàn)略等用戶體驗維度和自己的設計無關,那么就會和產(chǎn)品經(jīng)理等角色處于不同的世界了?!八麄?yōu)槭裁匆疫@么改?”、“為什么這里文字要淺一點?”有時不理解對方的思考角度就會造成爭執(zhí)。用戶體驗(User Experience)是用戶使用產(chǎn)品的心理和感受,用戶體驗體現(xiàn)了產(chǎn)品設計以人為本的設計精神。其實早在互聯(lián)網(wǎng)出現(xiàn)之前就有“顧客先點雞就先有雞”、“顧客就是上帝”這種說法,并且西方很多大公司如施樂、聯(lián)合利華等大公司早在互聯(lián)網(wǎng)行業(yè)出現(xiàn)之前就已經(jīng)開始進行研究用戶體驗了,可見用戶體驗對所有產(chǎn)品是多么的重要。但是讓人摸不著頭腦的是,用戶體驗有時非常地主觀:因為用戶體驗背后影響用戶的因素有人的喜好、情感、印象、心理反應等,有些人明明有摩拜卻要走很遠找OFO,也有人只吃肯德基而不吃麥當勞。這些選擇并不是優(yōu)勝劣汰,而是有背后的原因的。要想讓我們的產(chǎn)品被人喜歡,我們需要研究用戶。

UI設計師必須要掌握的交互知識

用戶研究七種方法

但用戶可能是幾百萬人呢!我們面對這樣抽象的群體然后告訴自己要以他們?yōu)橹行脑O計這多么抽象啊。這么多用戶甚至有時用戶自己的聲音也是矛盾的。我們到底怎么樣了解用戶的心聲呢? 

用戶畫像

根據(jù)產(chǎn)品的調性和用戶群體,用戶研究團隊可以設計出一個用戶的模型,這種研究的方式被稱為用戶畫像。用戶畫像是由帶有特征的標簽組成的,通過這個標簽我們可以更好地理解誰在使用我們的產(chǎn)品。用戶畫像建立后,每個功能可以完成自己的用戶故事:用戶在什么場景下需要這個功能。這樣,我們所設計的功能就會更接近用戶實際的需要。比如我們現(xiàn)在要設計一個女裝購物應用,那么我們可以做這個用戶畫像:小美,在北京國貿CBD上班,21歲,收入8000,喜歡淘寶購物和電視購物。使用我們產(chǎn)品的目的是為了尋找正品時尚大牌服裝進行網(wǎng)購。小美因為剛畢業(yè)所以一方面喜歡大牌一方面又資金短缺(啟發(fā):我們的產(chǎn)品是不是要解決這兩個痛點?)小美是時尚OL,審美很高,不喜歡俗氣的設計。(啟發(fā):界面設計是否考慮不要使用粉粉嫩嫩的顏色而使用大牌的黑白色?)。看,即使小美并不真實存在,但是她指引了我們的產(chǎn)品設計。接下來,我們還可以給小美增加一個頭像,在做設計時我們想象這個人就是真實存在的用戶,她會對我們的設計有什么看法。當我們完成用戶畫像之后,還可以接著設計用戶故事:小美經(jīng)常需要在工作場合穿符合工作氣質的衣服,也需要在約會時有晚禮服之類的服裝,可是小美的收入有限,她眼光較高但是對價格過高的服裝無法承擔,她使用我們的APP就是為了尋找正品且價格適中的服裝。那么,小美在哪里用我們的APP呢?這就要為小美繼續(xù)設計一個用戶使用場景了:小美在開會時可能會打開看看、在地鐵里也會瀏覽、在清晨打開衣柜時也會瀏覽。基本來說是碎片時間,而且是有著裝需求時。(啟發(fā):我們是不是需要把字號調大以適應地鐵里顛簸的閱讀環(huán)境?我們是不是需要設計省流量模式免得剛剛畢業(yè)的小美花一筆巨大的流量資費?)

UI設計師必須要掌握的交互知識

用戶畫像

用戶訪談

邀約用戶來回答產(chǎn)品的相關問題,并記錄作出后續(xù)分析。用戶訪談有三種形式:結構式訪談(根據(jù)之前寫好的問題結構)、半結構式訪談(一半根據(jù)問題一半討論)、開放式訪談(較為深入地和用戶交流,雙方都有主動權來探討)。用戶訪談設置時要注意:用戶不可以是互聯(lián)網(wǎng)從業(yè)的專業(yè)人員、不可以提出誘導性問題、不要使用專業(yè)術語。用戶訪談適合產(chǎn)品開發(fā)的全部過程。

問卷調查

可分為紙質調查問卷、網(wǎng)絡問卷調查。依據(jù)產(chǎn)品列出需要了解的問題,制成文檔讓用戶回答。問卷調查是一種成本比較低的用戶調查方法。問卷調查適合產(chǎn)品策劃初期對目標人群的投放,另外注意一個問題最好收集10個問卷,也就是如果你有10個問題那么至少要收集100個問卷才是有效的。要知道不是所有人都愿意耐心地填寫問卷,很可能敷衍了事的回答會擾亂我們的判斷。

焦點小組

焦點小組一般有6-12人組成,由一名專業(yè)人士主持,依照訪談提綱引導小組成員各抒己見,并記錄分析。并且在焦點小組的房間里會有一扇單向玻璃窗,用戶是看不到里面有誰的。而在里面坐著的通常是開發(fā)團隊,他們可以清晰地看到用戶是如何吐槽他們的產(chǎn)品的,但是他們沒有權利直接和用戶進行解釋。焦點小組需要特殊的房間和設備,主持人也需要訓練有素,焦點小組特別能夠分析出用戶在沒有我們說明的情況下如何使用我們的產(chǎn)品和對產(chǎn)品的不滿。

可用性測試

通過篩選讓不同用戶群來對產(chǎn)品進行操作,同時觀察人員在旁邊觀察并記錄,可用性測試的要求是用戶不可以是互聯(lián)網(wǎng)從業(yè)者而應該是真實產(chǎn)品的用戶群體。但是可用性測試一般要有一個可用的軟件版本或者原型供人測試才可以,在軟件開發(fā)的前期不適合用這個方法。

眼動測試

使用特殊的設備眼動儀來追蹤用戶使用產(chǎn)品時眼睛聚焦在哪里,盲區(qū)是哪里。比如一個網(wǎng)站通過眼動測試可以知道用戶的視覺會自動屏蔽網(wǎng)站的常見廣告位置,這時如果希望提高廣告的點擊,就需要把廣告位放置于用戶聚焦時間較長的位置。眼動測試的設備比較專業(yè),通常在小公司較難開展。

用戶反饋和大數(shù)據(jù)分析

根據(jù)市場提供的反饋和數(shù)據(jù)得出客觀的判斷和合理的推測。用戶反饋也是用戶研究的一個重點,用戶反饋主要是用戶通過產(chǎn)品的反饋入口主動向開發(fā)者提出的意見。

有了這些方法,我們就能更好地了解用戶和接近用戶了。但是要注意,用戶研究也是有陷阱的。比如:填寫問卷和參與調研的用戶可能并不是核心用戶;提交用戶反饋的用戶之外可能有更多沉默的用戶等??傊脩粞芯渴且粋€必要的手段,但是仍然需要產(chǎn)品團隊來對產(chǎn)品的方向做出決斷。

用戶如何使用產(chǎn)品

使用場景

剛才我們介紹了用戶使用的場景是根據(jù)產(chǎn)品的功能和平臺決定的。電腦的使用場景是正襟危坐,手持鼠標。而移動端則是隨時隨地使用,我們的用戶可能在地鐵里、在廁所里、在吃飯時、在上課中怕老師看到把手機藏在桌洞里、在工作中領導巡視后偷偷瞄、在輾轉反側睡不著的時候沒有開燈地瀏覽等。這時我們要為用戶考慮,如果他們在使用我們產(chǎn)品的各種場景中有什么需要,是不是需要省流量、是不是需要調整字號、是不是需要過濾藍光、是不是需要護眼模式、是不是不方便看視頻、是不是需要緩存視頻、是不是界面目前單手不太友好、是不是掃二維碼時需要個手電功能、是不是需要語音提醒、是不是需要清除訪問記錄。一個不考慮用戶使用場景的產(chǎn)品一定是會遭到吐槽的。很久之前我聽同事在吃飯時抱怨過“大爺?shù)模膊桓銈€提示,早晨在地鐵里用4G看流量以為是在家用WIFI,結果看了一集《甄嬛傳》花了80塊錢”、“哎?你是不是早晨開會時玩游戲了?你的比分都給我們推送了哈哈哈”。

UI設計師必須要掌握的交互知識

我的產(chǎn)品中的用戶使用場景表格

操作手勢

網(wǎng)頁設計所處的電腦端目前主要還是依靠鼠標點擊來操作。鼠標點擊的最小單位甚至可以是一像素。而移動端不太一樣,移動端設備中我們使用手指來操作界面。一般來說,手指點觸區(qū)域最小尺寸為7×7 mm,拇指最小尺寸為9×9 mm。也就是在我們@2x設計中為88px(或44pt)。這個神奇地88PX在移動端應用很廣泛:很多表單單項的高度是88ox、導航欄高度也是88px等等。那您可能會說,也不對吧,有些界面上的圖標看上去沒有88px啊。是的,但是那只是視覺,我們可以通過增加圖標點擊區(qū)域的方式(比如給60像素大小的圖標左右增加22像素的透明區(qū)域)來讓圖標更好點擊。千萬在設計時不要把操作區(qū)域放得特別近,可以把所有點擊區(qū)域用88px標記看是否有重疊的情況,避免點擊一個圖標時誤點另一個圖標。除了點擊區(qū)域,移動端還可以利用各種手勢來進行各種操作的設計。主要的手勢有:

UI設計師必須要掌握的交互知識

單點觸碰(Tap):點擊用來選擇一個元素,類似鼠標的左鍵,是最常用的手勢。

拖曳(Drag):點擊某個元素然后拖拽進行移動,類似現(xiàn)實生活中移動物體的感覺。

快速拖曳(Flick)速度很快的拖曳操作。

滑動(Swipe):水平或垂直方向的滑動,比如翻閱相冊和電子書翻閱的手勢。

雙擊(Double-Click):快速點擊一個物體,通常會在放大、縮小操作中使用。

捏(Pinch):兩根手指頭向內捏,捏的動作會使物體變得更小,通常在縮小操作中使用。網(wǎng)易新聞客戶端中正文頁面即可通過捏的動作來縮小字號。

伸展(Stretch):兩根手指向外推,現(xiàn)實中這種操作會使物體向外拉伸,元素可能會變得更大,通常會在放大操作中使用。網(wǎng)易新聞客戶端中正文頁面可以通過伸展放大字號。

長按(Touch and hold):手指點擊并按住會激發(fā)另一個操作。比如朋友圈的相機圖標長按可只發(fā)文字。但是注意,長按不是一個常態(tài)操作,所以一般不太建議用戶進行該操作。但長按操作又是有需要的,所以會把刪除、只發(fā)文字狀態(tài)等操作隱藏其中。

除了用戶使用場景、點擊區(qū)域、手勢,那么還有一個影響我們設計的使用情況,就是用戶怎么拿手機很重要。用戶可以:單手拿手機、雙手拿手機、直向拿手機、橫向拿手機。我們需要考慮這些可能發(fā)生的特征進行手勢互動的規(guī)劃與設計。比如OFO為了讓單手(說不定是左手還是右手)操作方便,主要按鈕在下方并且做的很大,左右手都可以輕松點擊。而微信的很多按鈕也都是大長條,方便左右手的觸發(fā)。橫屏使用場景一般是游戲、視頻等,所以一般的APP并不支持橫屏操作(微信、支付寶、微博均不支持橫屏操作),

格式塔:我們如何認知?

我們發(fā)現(xiàn)有些用戶在使用設計好的界面時找不到一些重要的功能按鈕?!捌婀郑窒砉δ懿痪驮诟喟粹o里面嗎?”、“用戶怎么連這個也找不到啊”你也許會說。我們要來了解一下用戶是如何認知我們設計好的界面的。在初高中考試的時候您一定見過完形填空這種格式吧,“格式塔”源自德語“Gestalt”,意即“整體”、“完形”的意思。格式塔心理學認為,我們在觀察的時候會自動腦補出一些邏輯和含義來,會讓觀察對象變成一個完整的、整體的、常見的形狀。

"研表究明,漢字的序順并不定一能影閱響讀,比如當你完看這句話后之,才發(fā)這現(xiàn)里的字全是都亂的。"研究格式塔心理學對我們做互聯(lián)網(wǎng)產(chǎn)品和設計有什么用呢?掌握格式塔的理論我們就可以讓用戶按照我們安排的“劇本”來交互和操作界面了。我們可以讓用戶比較容易地根據(jù)固定位置找到提交按鈕、我們也可以讓用戶不經(jīng)過太多思考在殺毒軟件中點擊殺毒按鈕等。格式塔心理學對于我們做好表現(xiàn)層是非常有利的。格式塔原理主要有格式塔五大律和格式塔三大記憶律兩個知識點。

接近律 law of proximity

格式塔心理學認為,人們認知事物的時候,會依靠它們的距離來判斷它們之間的關系。兩個元素越近就說明它們之間關系更強。但是接近也是有對比的,在復雜的設計中,我們要一邊考慮它們之間內部的邏輯關系一邊來排版。

UI設計師必須要掌握的交互知識

A組和B組因為接近律而產(chǎn)生不同地閱讀順序

UI設計師必須要掌握的交互知識

距離更近的信息暗示了他們有內在的邏輯關系

相似律law of similarity

認知事物時,刺激要素(比如大小、色彩、形狀等要素)相似的元素我們傾向于把它們聯(lián)合在一起或者認為它們是一個種類。比如,我們能輕易的分辨出撥號頁面中撥號鍵和按鍵群的區(qū)別。

UI設計師必須要掌握的交互知識

相似的元素暗示了他們屬于一個種類

UI設計師必須要掌握的交互知識

類似外形的單元會被我們人腦默認為同一屬類

閉合律law of closure

就算沒有外形的約束,我們也會自動把圖形腦補完全。比如半個形狀或者有缺口的形狀我們不會認為是一條線,而是一個完整的形狀。閉合是指一種完形的認知規(guī)律。

UI設計師必須要掌握的交互知識

左邊的圖中我們會認為是圓形有缺口而不是一條曲線

右邊的圖形中我們會認為是圓形被三條線截斷了而不是四個圖形

UI設計師必須要掌握的交互知識

界面設計中露出一半內容,閉合律讓我們感知右邊還隱藏著更多內容

連續(xù)律law of continuity

在知覺過程中人們往往傾向于使知覺對象的直線繼續(xù)成為直線,使曲線繼續(xù)成為曲線,也就是視覺的慣性。利用連續(xù)律我們可以讓用戶操作界面時不經(jīng)過思考就點擊一個固定的位置。

UI設計師必須要掌握的交互知識

深諳連續(xù)律的流氓軟件

成員特性律law of membership character

如果我們有很多同樣的按鈕,如何讓某個更重要的按鈕突出但是仍然讓用戶感知還是按鈕呢?那就要用到成員特性律了。成員特性律賦予了集體中某一個元素特殊的一些刺激元素從而突出它。

UI設計師必須要掌握的交互知識

獨特的外形暗示了它與別的元素有不同的功能

UI設計師必須要掌握的交互知識

撥號頁面中撥號鍵與微博發(fā)布微博圖標都與其他按鈕不同

記憶律:我們如何記憶?

接著格式塔五大律還有專門研究用戶記憶的格式塔記憶律。格式塔心理學家沃爾夫對遺忘問題所作的經(jīng)典性研究得出了格式塔的三大記憶律。沃爾夫實驗時要求實驗體觀看樣本圖形并記住它們,然后在不同的時間里根據(jù)記憶把它們畫出來。結果發(fā)現(xiàn)實驗體在不同的間隔時間畫出來的圖像都有不同。有時再現(xiàn)的圖畫比原來的圖畫更簡單更有規(guī)則,有時原來圖畫中顯著的細節(jié)在再現(xiàn)時被更加突出了。還有的比原來的圖像更像某些別的我們都很熟悉的圖案了。沃爾夫把這三種記憶規(guī)律稱之為格式塔三大記憶律:“水平化”、“尖銳化”、“常態(tài)化”。

UI設計師必須要掌握的交互知識

哪個圖形才是正確的?(圖片來源:網(wǎng)絡)

水平化leveling

水平化是指在記憶中我們趨向于減少知覺圖形小的不規(guī)則部分使其對稱;或趨向于減少知覺圖形中的具體細節(jié)。

尖銳化sharpening

尖銳化是在記憶中與水平化過程伴隨而行的。尖銳化是指在記憶中,人們往往強調知覺圖形的某些特征而忽視其它具體細節(jié)的過程。在有些心理學家看來,人類記憶的特征之一,就是客體中最明顯的特征在再現(xiàn)過程中往往被夸大了。

常態(tài)化normalizing

常態(tài)化是指人們在記憶中,往往根據(jù)自己已有的記憶痕跡對知覺圖形加以修改,即一般會趨向于按照自己認為它似乎應該是什么樣子來加以修改的。

UI設計師必須要掌握的交互知識

情感化設計是什么?

了解格式塔會讓我們把界面做得符合用戶的心理預期,讓用戶能夠明顯地找到他應該找到的操作??墒怯脩艉孟襁€是不開心,因為用戶覺得界面不好看。您是不是也會陷入這樣的矛盾:可用性重要還是美感更重要?怎么樣能夠讓我們設計的界面又好用還漂亮呢?情感化設計由唐納德·A·諾曼博士提出,指的是設計中情感在所處于的重要地位以及如何讓用戶把情感投射在產(chǎn)品上來解決可用性與美感的矛盾。情感化設計是在抓住用戶注意、誘發(fā)情緒反應以提高執(zhí)行行為的可能性的設計。比如紅色且巨大的購買按鈕能夠無意識地抓住用戶的注意、可愛萌萌的卡通可以緩解用戶網(wǎng)絡不好時的焦慮等等。情感化設計有三個水平,它們是遞進關系,分別是:本能水平(重視設計外形)、行為水平設計(重視使用的樂趣和效率)、反思水平設計(重視自我形象、個人滿意、記憶)。

UI設計師必須要掌握的交互知識

本能水平

我們都是視覺動物,對外形的觀察和理解是出于我們本能的。本能水平的設計就是刺激用戶的感官體驗,讓別人注意到我們的設計。這個階段的設計會更加關注外形的視覺效果。比如各大電商網(wǎng)站的專題頁面設計,更加注重抓眼球和外觀的刺激。

行為水平

行為水平是功能性產(chǎn)品需要注重的。一個產(chǎn)品是否達到了行為水平,要看它是否能有效地完成任務,是否是一種有樂趣的操作體驗。優(yōu)秀行為水平設計的四個方面:功能,易懂性,可用性和物理感覺。比如好用的記事本APP等。

反思水平

反思水平的設計與用戶長期感受有關,這種水平的設計建立了品牌感和用戶的情感投射。反思水平設計是產(chǎn)品和用戶之間情感的紐帶,通過互動給用戶自我形象、滿意度、記憶等體驗,讓用戶形成對品牌的認知,培養(yǎng)對品牌的忠誠度。馬洛斯理論把人的需求分成生理需求、安全需求、社交需求、尊重需求和自我實現(xiàn)需求五個層次。我認為反思水平的設計就是提供給用戶歸屬感、尊重、自我實現(xiàn)。比如Google每逢節(jié)日就會有一些符合節(jié)日化的設計、網(wǎng)易嚴選的空狀態(tài)也會有品牌感的體現(xiàn)等。

UI設計師必須要掌握的交互知識

淘寶空狀態(tài)中的情感化設計

情感化設計的表達

UI設計師必須要掌握的交互知識

畫面 畫面是情感化設計的重點,讓錯誤頁面或者空狀態(tài)都成為一幅可愛的插畫。

應景 讓用戶在我們的產(chǎn)品中體驗到一些和真實世界一樣的氛圍變化。

游戲感 沒有人喜歡做任務。試著讓用戶完成的任務變成游戲吧。比如每次登陸加金幣,有足夠的金幣就可以獲得什么稱號。

沖突 沖突非常能夠勾起人的情緒,營造一個競爭或者對抗的氛圍,讓用戶感覺自己置身在一個比賽或者格斗中一樣。

講故事 給產(chǎn)品和無聊的圖像一些故事內容,畢竟沒有人討厭講故事。

隱喻 用一些大家理解,隨處可見的事物表達一些無趣、生澀的概念。

互動 給用戶和其他用戶多制造互動機會,比如排行榜、推薦等,不要讓用戶感覺孤獨。

交互八原則

當我們了解了產(chǎn)品五要素(產(chǎn)品設計的維度問題)、格式塔心理學(用戶如何認知的問題)、情感化設計(如何讓用戶滿意的問題)后,我還要給您介紹一大堆地交互原則。這些交互原則會幫助我們設計出更好用的界面,當然也可以幫助我們講出這樣設計的原因。不拿出一些理論怎么能夠讓別人信服你的設計,對不對?

費茨定律(Fitts’Law)

費茨定律指的是:光標到達一個目標的時間,與當前光標所在的位置和目標位置的距離(D)和目標大?。⊿)有關。它的數(shù)學公式是:時間 T = a + b log2(D/S+1)。這個定律是由保羅.菲茨博士(Paul M. Fitts)提出的所以得名。菲茨定律在很多領域都得到了應用,特別是在互聯(lián)網(wǎng)設計中尤為深遠。我們利用費茨定律估算用戶移動光標到鏈接或者按鈕所需的時間,時間越短越。比如有一個按鈕在左下角,我們的操作可以細分為兩個階段:第一個階段大范圍移動到左下方向,然后再做微調到達這個按鈕之上。所以這個時間受按鈕和鏈接所在位置與按鈕和鏈接大小影響,也就是說我們在做設計時要考慮光標默認會放在哪里、我們的鏈接按鈕是不是太小了。

UI設計師必須要掌握的交互知識

費茨定律說明距離越短、目標大小越大,那么光標到達目標越快

UI設計師必須要掌握的交互知識

費茨定律在網(wǎng)頁設計中的使用

UI設計師必須要掌握的交互知識

OFO和蘋果音樂APP都將按鈕放置手指最容易點擊的區(qū)域并且按鈕足夠大

??硕桑℉ick’s Law)

??硕墒侵敢粋€人面臨的選擇(n)越多,所需要作出決定的時間(T)就越長。它的數(shù)學公式是:反應時間 T=a+b log2(n)。在我們的設計中如果給用戶的選擇更多,那么用戶所需要做出決定的時間就越長。比如我們給出用戶菜單-子菜單-選項,那么用戶可能會很糾結;如果我們簡化成菜單-選項,就會減少用戶做選擇的時間。

UI設計師必須要掌握的交互知識

用戶反應時間和選擇數(shù)量的關系

UI設計師必須要掌握的交互知識

我們應該減少用戶的選擇

7±2法則

讓我們先玩?zhèn)€游戲,請記憶下面的文字,一分鐘后移開視線:

掙 多 久 可 貓 風 師 裊 崩 六 酒 望

現(xiàn)在閉上眼睛想一下剛才的文字您能回憶幾個?大概是五個到九個之間。1956年美國科學家米勒對人類短時記憶能力進行了研究,他注意到年輕人的記憶廣度大約為5到9個單位之間,就是7±2法則。這個法則對我們做界面設計的啟迪就是如果希望用戶記住導航區(qū)域的內容或者一個路徑的順序,那么數(shù)量應該控制在七個左右,比如蘋果和站酷網(wǎng)站的導航個數(shù)。另外,移動端底部Tab區(qū)域最多也是五個,而頁面中的八大金剛圖標也是八個。

UI設計師必須要掌握的交互知識

蘋果、站酷、Dribbble等網(wǎng)站導航數(shù)量全部是7±2

泰思勒定律(Tesler’s Law)

這個定律是說產(chǎn)品固有的復雜性存在一個臨界點,超過了這個點過程就不能再簡化了。我們只能將這種復雜性轉移。比如我們如果發(fā)現(xiàn)頁面的功能是必須的,但當前的頁面信息過載,那么就需要將次要的功能收起或者轉移。

UI設計師必須要掌握的交互知識

Dribbble網(wǎng)站導航將更多功能收起在一個表示更多的圖標內

防錯原則

一個表單是需要填寫完畢后方可提交的。但是用戶有時會漏填或者忘記填寫,這是用戶點擊提交會怎么樣?很可能有些選項會被清空(比如密碼選項基于安全考慮會清空cookies)那么用戶還得重新填寫。這時解決辦法是在用戶沒填寫完之前把按鈕設置一個看起來不能點擊的樣式,用戶想提交時彈窗:您還有內容沒有填寫完哦,然后把用戶定位在沒填寫完的項目,讓那個表單高亮。(是不是真的做到以用戶為中心啦?)再比如推特只允許用戶填寫140個字,但用戶一寫爽了往往會超出140個字那怎么辦?解決辦法是給他在旁邊倒數(shù)還能寫幾個字。看,這些都是我們?yōu)榱朔乐褂脩舨僮鞒霈F(xiàn)錯誤所做的努力,防錯設計就是要減少錯誤操作所帶來的災難。錯誤的提示當然需要設計師的設計了??墒且苍S您不知道有些錯誤提示含糊,用戶并不知道到底錯的是哪里,下一步該怎么辦。比如僅僅登錄功能就可能會有用戶名錯誤、密碼錯誤、網(wǎng)絡超時、連續(xù)三次輸入密碼錯誤、用戶名為空等不同的錯誤,而有些產(chǎn)品僅僅給出“出錯了”,那么用戶當然會不知所措了。正向的例子比如一次我在登錄Google Mail時輸錯了密碼,它提示“密碼輸入錯誤,提示:您在1個月前改過密碼”。

UI設計師必須要掌握的交互知識

BOO!APP輸入密碼時卡通會蒙住眼睛,輸錯時也會有提示

奧卡姆的剃刀法則(Occam’s Razor)

奧卡姆的剃須刀法則主要就是說我們做產(chǎn)品時功能上不可以太繁瑣,應該保證簡潔和工具化。比如產(chǎn)品中為用戶提供了收藏功能是否就不需要喜歡了?提供了喜歡是否不需要點贊了?一定保證功能上的克制。

UI設計師必須要掌握的交互知識

QQ將更多功能收起到了頭像和加號圖標中

防呆原則

有一個著名的交互書籍叫作《Dont make me think》,翻譯過來就是不要讓我思考。這句話一直在我做設計時響起:不要認為用戶是專家!不要認為用戶是專家!有時我們會覺得,點擊漢堡包圖標當然就是菜單?。∵@個按鈕長按不就會調出XX功能了嘛。但是我們忘記了普通用戶可能并不理解什么是漢堡包圖標、什么是抽屜式導航、什么是長按、雙指滑動。更何況普通用戶并不會研究我們的APP,在他們眼中我們的產(chǎn)品只是眾多工具中的一個,我們何德何能認為自己的產(chǎn)品是值得用戶花時間學習的?一定要把交互和設計做得簡單,并且讓用戶在別的地方“學習”過。每個頁面強調一個重要的功能而不要讓用戶做選擇題。這些都是有效防呆的好方法。防呆和不要讓我思考都講的是我們的設計要自然而然。

UI設計師必須要掌握的交互知識

運動APP KEEP 的頁面中總有一個按鈕是突出的

防止不耐煩原則

用戶是很容易不耐煩的,你還記得你多少次看著視頻加載條罵人嗎?如果我們需要用戶等待載入信息,一定要給一個有情感化的設計提示,避免用戶產(chǎn)生焦慮。 比如很多游戲(比如決戰(zhàn)平安京、王者榮耀等)加載時都會出現(xiàn)主角跑步的小動畫,美團等APP下拉刷新時也會有幾幀的動畫來安慰用戶。動畫要好于蘋果默認提供給開發(fā)的“轉菊花”,因為卡通形象更有親和力。但是好像還不夠,用戶需要掌控感,“哎?它一直加載,是不是死機了?”為了防止用戶沒有掌控感,我們可以為用戶設計加載條或者加載提示。加載狀態(tài)條很遺憾很多都是假的甚至是重復的,原因是其實要判斷加載了多少M的素材的代碼更占資源!我們本來想安慰用戶等待加載的時間竟然會變得更長,那當然不行啦。于是很多時候我們會做一個假的加載狀態(tài)條來安撫用戶,我想您一定看過反復加載的加載條吧!加載條下的文案其實也是可以變得非常有情感化設計感受的,比如通常是:加載場景資源、加載素材這樣的文案,但是有些APP需要很長加載時間時會給出這樣的文案:導演正在準備、女主角準備化妝了、攝像師打開了燈光。是不是更加好玩啦?

UI設計師必須要掌握的交互知識

美團和網(wǎng)易嚴選的加載動畫

總結

交互知識其實關鍵還要在應用和分析。一方面,我們可以在工作中積累經(jīng)驗,不斷地思考如何和同事配合一起研究提高產(chǎn)品在使用時的體驗;另一方面,我們也要經(jīng)常積累一些產(chǎn)品使用時發(fā)現(xiàn)的交互。建議大家平時可以收集你覺得不錯的情感化設計或者微交互,比如發(fā)現(xiàn)餓了么在下雨天送貨時會有電閃雷鳴和雨滴的設計;OFO和滴滴打車在不同節(jié)日也會把地圖找車里的圖標換成節(jié)日相關的圖標;BOO!APP在輸入密碼時小怪獸會捂住眼睛;WPS在晚上寫作時(沒錯就是現(xiàn)在)會提示你開啟過濾藍光的護眼模式等等。一個好的設計師一定是懂得交互的設計師,也應該是非常細心的設計師,也應該是懂得為用戶著想的設計師。

微信贊賞淺析

博博


人人都是產(chǎn)品經(jīng)理 2018-06-06 18:13:32

今天上午,微信對于贊賞功能進行了升級和宣傳,他的贊賞對象由公眾號變?yōu)榱俗髡摺S捎诖罅抗娞柕挠脩艋钴S度長時間處于衰退期,此次“贊賞”功能升級最終目的無非是想敲醒沉睡內容生產(chǎn)者。本文主要從它贊賞功能的升級來談談微信公眾號。

從“贊賞”功能升級淺析:微信公眾號如何挽留內容生產(chǎn)者?

6月6日上午微信對“贊賞”功能升級進行宣傳,其最大的變化是從贊賞對象由公眾號變更為作者,今后免費轉載也有可能獲得贊賞收益。同時支持恢復iOS端打賞,其打賞金額直接到贊賞者微信賬戶期間不收手續(xù)費。仿佛在吶喊“創(chuàng)作者們快回來吧”

根據(jù)企鵝智庫《2017自媒體趨勢報告》中數(shù)據(jù)顯示顯示:自媒體每日新增信息越來越多,加上用戶碎片化信息消費方式,使閱讀具有較大的隨機性而缺乏粘性,不僅很多已關注的公眾號信息不一定會打開閱讀,打開閱讀的概率以及完整讀完一篇文章概率都依次遞減…..

現(xiàn)在來看看目前的整個微信公眾號主線流程:

一、核心業(yè)務

從“贊賞”功能升級淺析:微信公眾號如何挽留內容生產(chǎn)者?

藍色部分是整個微信公眾平臺核心的發(fā)動機,由內容生產(chǎn)者輸出內容通過微信公眾號作為媒介傳遞給用戶,用戶反過來以留言點贊打賞來反饋給作者,促進整個微信公眾號體系正常運轉。

從本次贊賞升級上看,無非是給閉環(huán)的最后一到流程增加多了一環(huán)“打賞”,這是對原創(chuàng)作者最大的鼓勵,值得一提的是今后免費轉載也有可能獲得贊賞收益,支持和激勵原創(chuàng)作者。

下面看看公眾號另外2個核心業(yè)務。

二、運營加速器 1 號

從“贊賞”功能升級淺析:微信公眾號如何挽留內容生產(chǎn)者?

內容生產(chǎn)者的優(yōu)質內容由公眾號信息流進行分發(fā),可從而獲得了打賞收入,且符合一定的資格可開通流量主獲得額外的廣告收入,一定程度上也了激發(fā)和鼓勵作者提供持續(xù)優(yōu)質內容輸出。

同時微信公眾號提供原創(chuàng)保護機制及轉載和白名單操作,訂閱號app的上線也為作者提供更便捷的操作及互動,促進整個內容生態(tài)高速運轉。

三、運營加速器 2 號

從“贊賞”功能升級淺析:微信公眾號如何挽留內容生產(chǎn)者?

根據(jù)用戶使用場景,不斷優(yōu)化給用戶更良好的體驗去瀏覽查看,增加用戶黏性和激發(fā)活躍度,期間不斷收集意見反饋,促進整個內容生態(tài)高速運轉。

四、猜測后續(xù)變化及趨勢

  1. 繼續(xù)豐富訂閱號app功能,本次贊賞賬戶的各種操作,應該很快會在訂閱號app里發(fā)布上線,此外編輯和發(fā)布可以使用視頻目前訂閱號app也不支持,想必在短視頻上繼續(xù)發(fā)力,該功能少不了。
  2. 豐富內容生態(tài),在原有的“公眾號消息列表”、“看一看”、“搜一搜”、“群聊及朋友圈”后繼續(xù)擴大公眾號文章出口。
  3. 從爭奪用戶數(shù)量到爭奪用戶時間,作者的收入不僅僅只有打賞和廣告點擊,可能后續(xù)納入付費閱讀,最大化協(xié)助內容創(chuàng)作者持續(xù)生產(chǎn)高質內容。
  4. 僅僅按公眾號首字母排序遠遠不夠,優(yōu)化公眾號列表分組管理,至于由用戶手動分類還是由微信公眾號進行分類在此不展開陳述。
  5. 公眾號和小程序持續(xù)發(fā)酵流量互補。

設計師必須掌握的交互知識

濤濤

交互設計是什么?
交互設計 Interaction Design 也被成為IXD。交互設計建立起了人與計算機便捷溝通的通道,它的目標是創(chuàng)造可用性和用戶體驗俱佳的產(chǎn)品。作為UI設計師,我們在工作之中經(jīng)常會對接交互設計師和產(chǎn)品經(jīng)理,他們具有豐富的交互知識和經(jīng)驗。那是不是我們作為UI設計師,就只需要專心做好視覺層面的工作而不需要了解交互設計了呢?當然不是,在視覺設計層面更多地考慮布局和交互原則才可以讓我們的界面更友好,視覺設計師是交互設計中非常重要的角色。
用戶體驗
在工作中經(jīng)常聽到UED(用戶體驗設計)和UCD(以用戶為中心的設計),可見互聯(lián)網(wǎng)行業(yè)非常重視用戶體驗,而用戶體驗絕不僅僅是要樣子好看。有些設計師只關注視覺層面,認為產(chǎn)品戰(zhàn)略等用戶體驗維度和自己的設計無關,那么就會和產(chǎn)品經(jīng)理等角色處于不同的世界了。“他們?yōu)槭裁匆疫@么改?”、“為什么這里文字要淺一點?”有時不理解對方的思考角度就會造成爭執(zhí)。用戶體驗(User Experience)是用戶使用產(chǎn)品的心理和感受,用戶體驗體現(xiàn)了產(chǎn)品設計以人為本的設計精神。其實早在互聯(lián)網(wǎng)出現(xiàn)之前就有“顧客先點雞就先有雞”、“顧客就是上帝”這種說法,并且西方很多大公司如施樂、聯(lián)合利華等大公司早在互聯(lián)網(wǎng)行業(yè)出現(xiàn)之前就已經(jīng)開始進行研究用戶體驗了,可見用戶體驗對所有產(chǎn)品是多么的重要。但是讓人摸不著頭腦的是,用戶體驗有時非常地主觀:因為用戶體驗背后影響用戶的因素有人的喜好、情感、印象、心理反應等,有些人明明有摩拜卻要走很遠找OFO,也有人只吃肯德基而不吃麥當勞。這些選擇并不是優(yōu)勝劣汰,而是有背后的原因的。要想讓我們的產(chǎn)品被人喜歡,我們需要研究用戶。
Image title
用戶研究七種方法
但用戶可能是幾百萬人呢!我們面對這樣抽象的群體然后告訴自己要以他們?yōu)橹行脑O計這多么抽象啊。這么多用戶甚至有時用戶自己的聲音也是矛盾的。我們到底怎么樣了解用戶的心聲呢?
用戶畫像
根據(jù)產(chǎn)品的調性和用戶群體,用戶研究團隊可以設計出一個用戶的模型,這種研究的方式被稱為用戶畫像。用戶畫像是由帶有特征的標簽組成的,通過這個標簽我們可以更好地理解誰在使用我們的產(chǎn)品。用戶畫像建立后,每個功能可以完成自己的用戶故事:用戶在什么場景下需要這個功能。這樣,我們所設計的功能就會更接近用戶實際的需要。比如我們現(xiàn)在要設計一個女裝購物應用,那么我們可以做這個用戶畫像:小美,在北京國貿CBD上班,21歲,收入8000,喜歡淘寶購物和電視購物。使用我們產(chǎn)品的目的是為了尋找正品時尚大牌服裝進行網(wǎng)購。小美因為剛畢業(yè)所以一方面喜歡大牌一方面又資金短缺(啟發(fā):我們的產(chǎn)品是不是要解決這兩個痛點?)小美是時尚OL,審美很高,不喜歡俗氣的設計。(啟發(fā):界面設計是否考慮不要使用粉粉嫩嫩的顏色而使用大牌的黑白色?)??矗词剐∶啦⒉徽鎸嵈嬖?,但是她指引了我們的產(chǎn)品設計。接下來,我們還可以給小美增加一個頭像,在做設計時我們想象這個人就是真實存在的用戶,她會對我們的設計有什么看法。當我們完成用戶畫像之后,還可以接著設計用戶故事:小美經(jīng)常需要在工作場合穿符合工作氣質的衣服,也需要在約會時有晚禮服之類的服裝,可是小美的收入有限,她眼光較高但是對價格過高的服裝無法承擔,她使用我們的APP就是為了尋找正品且價格適中的服裝。那么,小美在哪里用我們的APP呢?這就要為小美繼續(xù)設計一個用戶使用場景了:小美在開會時可能會打開看看、在地鐵里也會瀏覽、在清晨打開衣柜時也會瀏覽?;緛碚f是碎片時間,而且是有著裝需求時。(啟發(fā):我們是不是需要把字號調大以適應地鐵里顛簸的閱讀環(huán)境?我們是不是需要設計省流量模式免得剛剛畢業(yè)的小美花一筆巨大的流量資費?)
Image title
用戶畫像
用戶訪談
邀約用戶來回答產(chǎn)品的相關問題,并記錄作出后續(xù)分析。用戶訪談有三種形式:結構式訪談(根據(jù)之前寫好的問題結構)、半結構式訪談(一半根據(jù)問題一半討論)、開放式訪談(較為深入地和用戶交流,雙方都有主動權來探討)。用戶訪談設置時要注意:用戶不可以是互聯(lián)網(wǎng)從業(yè)的專業(yè)人員、不可以提出誘導性問題、不要使用專業(yè)術語。用戶訪談適合產(chǎn)品開發(fā)的全部過程。
問卷調查
可分為紙質調查問卷、網(wǎng)絡問卷調查。依據(jù)產(chǎn)品列出需要了解的問題,制成文檔讓用戶回答。問卷調查是一種成本比較低的用戶調查方法。問卷調查適合產(chǎn)品策劃初期對目標人群的投放,另外注意一個問題最好收集10個問卷,也就是如果你有10個問題那么至少要收集100個問卷才是有效的。要知道不是所有人都愿意耐心地填寫問卷,很可能敷衍了事的回答會擾亂我們的判斷。
焦點小組
焦點小組一般有6-12人組成,由一名專業(yè)人士主持,依照訪談提綱引導小組成員各抒己見,并記錄分析。并且在焦點小組的房間里會有一扇單向玻璃窗,用戶是看不到里面有誰的。而在里面坐著的通常是開發(fā)團隊,他們可以清晰地看到用戶是如何吐槽他們的產(chǎn)品的,但是他們沒有權利直接和用戶進行解釋。焦點小組需要特殊的房間和設備,主持人也需要訓練有素,焦點小組特別能夠分析出用戶在沒有我們說明的情況下如何使用我們的產(chǎn)品和對產(chǎn)品的不滿。
可用性測試
通過篩選讓不同用戶群來對產(chǎn)品進行操作,同時觀察人員在旁邊觀察并記錄,可用性測試的要求是用戶不可以是互聯(lián)網(wǎng)從業(yè)者而應該是真實產(chǎn)品的用戶群體。但是可用性測試一般要有一個可用的軟件版本或者原型供人測試才可以,在軟件開發(fā)的前期不適合用這個方法。
眼動測試
使用特殊的設備眼動儀來追蹤用戶使用產(chǎn)品時眼睛聚焦在哪里,盲區(qū)是哪里。比如一個網(wǎng)站通過眼動測試可以知道用戶的視覺會自動屏蔽網(wǎng)站的常見廣告位置,這時如果希望提高廣告的點擊,就需要把廣告位放置于用戶聚焦時間較長的位置。眼動測試的設備比較專業(yè),通常在小公司較難開展。
用戶反饋和大數(shù)據(jù)分析
根據(jù)市場提供的反饋和數(shù)據(jù)得出客觀的判斷和合理的推測。用戶反饋也是用戶研究的一個重點,用戶反饋主要是用戶通過產(chǎn)品的反饋入口主動向開發(fā)者提出的意見。
有了這些方法,我們就能更好地了解用戶和接近用戶了。但是要注意,用戶研究也是有陷阱的。比如:填寫問卷和參與調研的用戶可能并不是核心用戶;提交用戶反饋的用戶之外可能有更多沉默的用戶等。總之用戶研究是一個必要的手段,但是仍然需要產(chǎn)品團隊來對產(chǎn)品的方向做出決斷。
用戶如何使用產(chǎn)品
使用場景
剛才我們介紹了用戶使用的場景是根據(jù)產(chǎn)品的功能和平臺決定的。電腦的使用場景是正襟危坐,手持鼠標。而移動端則是隨時隨地使用,我們的用戶可能在地鐵里、在廁所里、在吃飯時、在上課中怕老師看到把手機藏在桌洞里、在工作中領導巡視后偷偷瞄、在輾轉反側睡不著的時候沒有開燈地瀏覽等。這時我們要為用戶考慮,如果他們在使用我們產(chǎn)品的各種場景中有什么需要,是不是需要省流量、是不是需要調整字號、是不是需要過濾藍光、是不是需要護眼模式、是不是不方便看視頻、是不是需要緩存視頻、是不是界面目前單手不太友好、是不是掃二維碼時需要個手電功能、是不是需要語音提醒、是不是需要清除訪問記錄。一個不考慮用戶使用場景的產(chǎn)品一定是會遭到吐槽的。很久之前我聽同事在吃飯時抱怨過“大爺?shù)?,也不搞個提示,早晨在地鐵里用4G看流量以為是在家用WIFI,結果看了一集《甄嬛傳》花了80塊錢”、“哎?你是不是早晨開會時玩游戲了?你的比分都給我們推送了哈哈哈”。
Image title
我的產(chǎn)品中的用戶使用場景表格
操作手勢
網(wǎng)頁設計所處的電腦端目前主要還是依靠鼠標點擊來操作。鼠標點擊的最小單位甚至可以是一像素。而移動端不太一樣,移動端設備中我們使用手指來操作界面。一般來說,手指點觸區(qū)域最小尺寸為7×7 mm,拇指最小尺寸為9×9 mm。也就是在我們@2x設計中為88px(或44pt)。這個神奇地88PX在移動端應用很廣泛:很多表單單項的高度是88ox、導航欄高度也是88px等等。那您可能會說,也不對吧,有些界面上的圖標看上去沒有88px啊。是的,但是那只是視覺,我們可以通過增加圖標點擊區(qū)域的方式(比如給60像素大小的圖標左右增加22像素的透明區(qū)域)來讓圖標更好點擊。千萬在設計時不要把操作區(qū)域放得特別近,可以把所有點擊區(qū)域用88px標記看是否有重疊的情況,避免點擊一個圖標時誤點另一個圖標。除了點擊區(qū)域,移動端還可以利用各種手勢來進行各種操作的設計。主要的手勢有:
Image title
單點觸碰(Tap):點擊用來選擇一個元素,類似鼠標的左鍵,是最常用的手勢。
拖曳(Drag):點擊某個元素然后拖拽進行移動,類似現(xiàn)實生活中移動物體的感覺。
快速拖曳(Flick)速度很快的拖曳操作。
滑動(Swipe):水平或垂直方向的滑動,比如翻閱相冊和電子書翻閱的手勢。
雙擊(Double-Click):快速點擊一個物體,通常會在放大、縮小操作中使用。
捏(Pinch):兩根手指頭向內捏,捏的動作會使物體變得更小,通常在縮小操作中使用。網(wǎng)易新聞客戶端中正文頁面即可通過捏的動作來縮小字號。
伸展(Stretch):兩根手指向外推,現(xiàn)實中這種操作會使物體向外拉伸,元素可能會變得更大,通常會在放大操作中使用。網(wǎng)易新聞客戶端中正文頁面可以通過伸展放大字號。
長按(Touch and hold):手指點擊并按住會激發(fā)另一個操作。比如朋友圈的相機圖標長按可只發(fā)文字。但是注意,長按不是一個常態(tài)操作,所以一般不太建議用戶進行該操作。但長按操作又是有需要的,所以會把刪除、只發(fā)文字狀態(tài)等操作隱藏其中。
除了用戶使用場景、點擊區(qū)域、手勢,那么還有一個影響我們設計的使用情況,就是用戶怎么拿手機很重要。用戶可以:單手拿手機、雙手拿手機、直向拿手機、橫向拿手機。我們需要考慮這些可能發(fā)生的特征進行手勢互動的規(guī)劃與設計。比如OFO為了讓單手(說不定是左手還是右手)操作方便,主要按鈕在下方并且做的很大,左右手都可以輕松點擊。而微信的很多按鈕也都是大長條,方便左右手的觸發(fā)。橫屏使用場景一般是游戲、視頻等,所以一般的APP并不支持橫屏操作(微信、支付寶、微博均不支持橫屏操作),
Image title
格式塔:我們如何認知?
我們發(fā)現(xiàn)有些用戶在使用設計好的界面時找不到一些重要的功能按鈕。“奇怪,分享功能不就在更多按鈕里面嗎?”、“用戶怎么連這個也找不到啊”你也許會說。我們要來了解一下用戶是如何認知我們設計好的界面的。在初高中考試的時候您一定見過完形填空這種格式吧,“格式塔”源自德語“Gestalt”,意即“整體”、“完形”的意思。格式塔心理學認為,我們在觀察的時候會自動腦補出一些邏輯和含義來,會讓觀察對象變成一個完整的、整體的、常見的形狀。
"研表究明,漢字的序順并不定一能影閱響讀,比如當你完看這句話后之,才發(fā)這現(xiàn)里的字全是都亂的。"研究格式塔心理學對我們做互聯(lián)網(wǎng)產(chǎn)品和設計有什么用呢?掌握格式塔的理論我們就可以讓用戶按照我們安排的“劇本”來交互和操作界面了。我們可以讓用戶比較容易地根據(jù)固定位置找到提交按鈕、我們也可以讓用戶不經(jīng)過太多思考在殺毒軟件中點擊殺毒按鈕等。格式塔心理學對于我們做好表現(xiàn)層是非常有利的。格式塔原理主要有格式塔五大律和格式塔三大記憶律兩個知識點。
接近律 law of proximity
格式塔心理學認為,人們認知事物的時候,會依靠它們的距離來判斷它們之間的關系。兩個元素越近就說明它們之間關系更強。但是接近也是有對比的,在復雜的設計中,我們要一邊考慮它們之間內部的邏輯關系一邊來排版。
Image title
A組和B組因為接近律而產(chǎn)生不同地閱讀順序
Image title
距離更近的信息暗示了他們有內在的邏輯關系
相似律law of similarity
認知事物時,刺激要素(比如大小、色彩、形狀等要素)相似的元素我們傾向于把它們聯(lián)合在一起或者認為它們是一個種類。比如,我們能輕易的分辨出撥號頁面中撥號鍵和按鍵群的區(qū)別。
Image title
相似的元素暗示了他們屬于一個種類
Image title
類似外形的單元會被我們人腦默認為同一屬類
閉合律law of closure
就算沒有外形的約束,我們也會自動把圖形腦補完全。比如半個形狀或者有缺口的形狀我們不會認為是一條線,而是一個完整的形狀。閉合是指一種完形的認知規(guī)律。
Image title
左邊的圖中我們會認為是圓形有缺口而不是一條曲線
右邊的圖形中我們會認為是圓形被三條線截斷了而不是四個圖形
Image title
界面設計中露出一半內容,閉合律讓我們感知右邊還隱藏著更多內容
連續(xù)律law of continuity
在知覺過程中人們往往傾向于使知覺對象的直線繼續(xù)成為直線,使曲線繼續(xù)成為曲線,也就是視覺的慣性。利用連續(xù)律我們可以讓用戶操作界面時不經(jīng)過思考就點擊一個固定的位置。
Image title
深諳連續(xù)律的流氓軟件
成員特性律law of membership character
如果我們有很多同樣的按鈕,如何讓某個更重要的按鈕突出但是仍然讓用戶感知還是按鈕呢?那就要用到成員特性律了。成員特性律賦予了集體中某一個元素特殊的一些刺激元素從而突出它。
Image title
獨特的外形暗示了它與別的元素有不同的功能
Image title
撥號頁面中撥號鍵與微博發(fā)布微博圖標都與其他按鈕不同
記憶律:我們如何記憶?
接著格式塔五大律還有專門研究用戶記憶的格式塔記憶律。格式塔心理學家沃爾夫對遺忘問題所作的經(jīng)典性研究得出了格式塔的三大記憶律。沃爾夫實驗時要求實驗體觀看樣本圖形并記住它們,然后在不同的時間里根據(jù)記憶把它們畫出來。結果發(fā)現(xiàn)實驗體在不同的間隔時間畫出來的圖像都有不同。有時再現(xiàn)的圖畫比原來的圖畫更簡單更有規(guī)則,有時原來圖畫中顯著的細節(jié)在再現(xiàn)時被更加突出了。還有的比原來的圖像更像某些別的我們都很熟悉的圖案了。沃爾夫把這三種記憶規(guī)律稱之為格式塔三大記憶律:“水平化”、“尖銳化”、“常態(tài)化”。
Image title哪個圖形才是正確的?(圖片來源:網(wǎng)絡)
水平化leveling
水平化是指在記憶中我們趨向于減少知覺圖形小的不規(guī)則部分使其對稱;或趨向于減少知覺圖形中的具體細節(jié)。
尖銳化sharpening
尖銳化是在記憶中與水平化過程伴隨而行的。尖銳化是指在記憶中,人們往往強調知覺圖形的某些特征而忽視其它具體細節(jié)的過程。在有些心理學家看來,人類記憶的特征之一,就是客體中最明顯的特征在再現(xiàn)過程中往往被夸大了。
常態(tài)化normalizing
常態(tài)化是指人們在記憶中,往往根據(jù)自己已有的記憶痕跡對知覺圖形加以修改,即一般會趨向于按照自己認為它似乎應該是什么樣子來加以修改的。
Image title
情感化設計是什么?
了解格式塔會讓我們把界面做得符合用戶的心理預期,讓用戶能夠明顯地找到他應該找到的操作??墒怯脩艉孟襁€是不開心,因為用戶覺得界面不好看。您是不是也會陷入這樣的矛盾:可用性重要還是美感更重要?怎么樣能夠讓我們設計的界面又好用還漂亮呢?情感化設計由唐納德·A·諾曼博士提出,指的是設計中情感在所處于的重要地位以及如何讓用戶把情感投射在產(chǎn)品上來解決可用性與美感的矛盾。情感化設計是在抓住用戶注意、誘發(fā)情緒反應以提高執(zhí)行行為的可能性的設計。比如紅色且巨大的購買按鈕能夠無意識地抓住用戶的注意、可愛萌萌的卡通可以緩解用戶網(wǎng)絡不好時的焦慮等等。情感化設計有三個水平,它們是遞進關系,分別是:本能水平(重視設計外形)、行為水平設計(重視使用的樂趣和效率)、反思水平設計(重視自我形象、個人滿意、記憶)。
Image title
本能水平
我們都是視覺動物,對外形的觀察和理解是出于我們本能的。本能水平的設計就是刺激用戶的感官體驗,讓別人注意到我們的設計。這個階段的設計會更加關注外形的視覺效果。比如各大電商網(wǎng)站的專題頁面設計,更加注重抓眼球和外觀的刺激。
行為水平
行為水平是功能性產(chǎn)品需要注重的。一個產(chǎn)品是否達到了行為水平,要看它是否能有效地完成任務,是否是一種有樂趣的操作體驗。優(yōu)秀行為水平設計的四個方面:功能,易懂性,可用性和物理感覺。比如好用的記事本APP等。
反思水平
反思水平的設計與用戶長期感受有關,這種水平的設計建立了品牌感和用戶的情感投射。反思水平設計是產(chǎn)品和用戶之間情感的紐帶,通過互動給用戶自我形象、滿意度、記憶等體驗,讓用戶形成對品牌的認知,培養(yǎng)對品牌的忠誠度。馬洛斯理論把人的需求分成生理需求、安全需求、社交需求、尊重需求和自我實現(xiàn)需求五個層次。我認為反思水平的設計就是提供給用戶歸屬感、尊重、自我實現(xiàn)。比如Google每逢節(jié)日就會有一些符合節(jié)日化的設計、網(wǎng)易嚴選的空狀態(tài)也會有品牌感的體現(xiàn)等。
Image title
淘寶空狀態(tài)中的情感化設計
情感化設計的表達
Image title
畫面 畫面是情感化設計的重點,讓錯誤頁面或者空狀態(tài)都成為一幅可愛的插畫。
應景 讓用戶在我們的產(chǎn)品中體驗到一些和真實世界一樣的氛圍變化。
游戲感 沒有人喜歡做任務。試著讓用戶完成的任務變成游戲吧。比如每次登陸加金幣,有足夠的金幣就可以獲得什么稱號。
沖突 沖突非常能夠勾起人的情緒,營造一個競爭或者對抗的氛圍,讓用戶感覺自己置身在一個比賽或者格斗中一樣。
講故事 給產(chǎn)品和無聊的圖像一些故事內容,畢竟沒有人討厭講故事。
隱喻 用一些大家理解,隨處可見的事物表達一些無趣、生澀的概念。
互動 給用戶和其他用戶多制造互動機會,比如排行榜、推薦等,不要讓用戶感覺孤獨。
交互八原則
當我們了解了產(chǎn)品五要素(產(chǎn)品設計的維度問題)、格式塔心理學(用戶如何認知的問題)、情感化設計(如何讓用戶滿意的問題)后,我還要給您介紹一大堆地交互原則。這些交互原則會幫助我們設計出更好用的界面,當然也可以幫助我們講出這樣設計的原因。不拿出一些理論怎么能夠讓別人信服你的設計,對不對?
費茨定律(Fitts’Law)
費茨定律指的是:光標到達一個目標的時間,與當前光標所在的位置和目標位置的距離(D)和目標大?。⊿)有關。它的數(shù)學公式是:時間 T = a + b log2(D/S+1)。這個定律是由保羅.菲茨博士(Paul M. Fitts)提出的所以得名。菲茨定律在很多領域都得到了應用,特別是在互聯(lián)網(wǎng)設計中尤為深遠。我們利用費茨定律估算用戶移動光標到鏈接或者按鈕所需的時間,時間越短越。比如有一個按鈕在左下角,我們的操作可以細分為兩個階段:第一個階段大范圍移動到左下方向,然后再做微調到達這個按鈕之上。所以這個時間受按鈕和鏈接所在位置與按鈕和鏈接大小影響,也就是說我們在做設計時要考慮光標默認會放在哪里、我們的鏈接按鈕是不是太小了。
Image title
費茨定律說明距離越短、目標大小越大,那么光標到達目標越快
Image title
費茨定律在網(wǎng)頁設計中的使用
Image title
OFO和蘋果音樂APP都將按鈕放置手指最容易點擊的區(qū)域并且按鈕足夠大
希克定律(Hick’s Law)
??硕墒侵敢粋€人面臨的選擇(n)越多,所需要作出決定的時間(T)就越長。它的數(shù)學公式是:反應時間 T=a+b log2(n)。在我們的設計中如果給用戶的選擇更多,那么用戶所需要做出決定的時間就越長。比如我們給出用戶菜單-子菜單-選項,那么用戶可能會很糾結;如果我們簡化成菜單-選項,就會減少用戶做選擇的時間。
Image title
用戶反應時間和選擇數(shù)量的關系
Image title
我們應該減少用戶的選擇
7±2法則
讓我們先玩?zhèn)€游戲,請記憶下面的文字,一分鐘后移開視線:
掙 多 久 可 貓 風 師 裊 崩 六 酒 望
現(xiàn)在閉上眼睛想一下剛才的文字您能回憶幾個?大概是五個到九個之間。1956年美國科學家米勒對人類短時記憶能力進行了研究,他注意到年輕人的記憶廣度大約為5到9個單位之間,就是7±2法則。這個法則對我們做界面設計的啟迪就是如果希望用戶記住導航區(qū)域的內容或者一個路徑的順序,那么數(shù)量應該控制在七個左右,比如蘋果和站酷網(wǎng)站的導航個數(shù)。另外,移動端底部Tab區(qū)域最多也是五個,而頁面中的八大金剛圖標也是八個。
Image title
蘋果、站酷、Dribbble等網(wǎng)站導航數(shù)量全部是7±2
泰思勒定律(Tesler’s Law)
這個定律是說產(chǎn)品固有的復雜性存在一個臨界點,超過了這個點過程就不能再簡化了。我們只能將這種復雜性轉移。比如我們如果發(fā)現(xiàn)頁面的功能是必須的,但當前的頁面信息過載,那么就需要將次要的功能收起或者轉移。
Image title
Dribbble網(wǎng)站導航將更多功能收起在一個表示更多的圖標內
防錯原則
一個表單是需要填寫完畢后方可提交的。但是用戶有時會漏填或者忘記填寫,這是用戶點擊提交會怎么樣?很可能有些選項會被清空(比如密碼選項基于安全考慮會清空cookies)那么用戶還得重新填寫。這時解決辦法是在用戶沒填寫完之前把按鈕設置一個看起來不能點擊的樣式,用戶想提交時彈窗:您還有內容沒有填寫完哦,然后把用戶定位在沒填寫完的項目,讓那個表單高亮。(是不是真的做到以用戶為中心啦?)再比如推特只允許用戶填寫140個字,但用戶一寫爽了往往會超出140個字那怎么辦?解決辦法是給他在旁邊倒數(shù)還能寫幾個字。看,這些都是我們?yōu)榱朔乐褂脩舨僮鞒霈F(xiàn)錯誤所做的努力,防錯設計就是要減少錯誤操作所帶來的災難。錯誤的提示當然需要設計師的設計了??墒且苍S您不知道有些錯誤提示含糊,用戶并不知道到底錯的是哪里,下一步該怎么辦。比如僅僅登錄功能就可能會有用戶名錯誤、密碼錯誤、網(wǎng)絡超時、連續(xù)三次輸入密碼錯誤、用戶名為空等不同的錯誤,而有些產(chǎn)品僅僅給出“出錯了”,那么用戶當然會不知所措了。正向的例子比如一次我在登錄Google Mail時輸錯了密碼,它提示“密碼輸入錯誤,提示:您在1個月前改過密碼”。
Image title
BOO!APP輸入密碼時卡通會蒙住眼睛,輸錯時也會有提示
奧卡姆的剃刀法則(Occam’s Razor)
奧卡姆的剃須刀法則主要就是說我們做產(chǎn)品時功能上不可以太繁瑣,應該保證簡潔和工具化。比如產(chǎn)品中為用戶提供了收藏功能是否就不需要喜歡了?提供了喜歡是否不需要點贊了?一定保證功能上的克制。
Image title
QQ將更多功能收起到了頭像和加號圖標中
防呆原則
有一個著名的交互書籍叫作《Dont make me think》,翻譯過來就是不要讓我思考。這句話一直在我做設計時響起:不要認為用戶是專家!不要認為用戶是專家!有時我們會覺得,點擊漢堡包圖標當然就是菜單?。∵@個按鈕長按不就會調出XX功能了嘛。但是我們忘記了普通用戶可能并不理解什么是漢堡包圖標、什么是抽屜式導航、什么是長按、雙指滑動。更何況普通用戶并不會研究我們的APP,在他們眼中我們的產(chǎn)品只是眾多工具中的一個,我們何德何能認為自己的產(chǎn)品是值得用戶花時間學習的?一定要把交互和設計做得簡單,并且讓用戶在別的地方“學習”過。每個頁面強調一個重要的功能而不要讓用戶做選擇題。這些都是有效防呆的好方法。防呆和不要讓我思考都講的是我們的設計要自然而然。
Image title
運動APP KEEP 的頁面中總有一個按鈕是突出的
防止不耐煩原則
用戶是很容易不耐煩的,你還記得你多少次看著視頻加載條罵人嗎?如果我們需要用戶等待載入信息,一定要給一個有情感化的設計提示,避免用戶產(chǎn)生焦慮。 比如很多游戲(比如決戰(zhàn)平安京、王者榮耀等)加載時都會出現(xiàn)主角跑步的小動畫,美團等APP下拉刷新時也會有幾幀的動畫來安慰用戶。動畫要好于蘋果默認提供給開發(fā)的“轉菊花”,因為卡通形象更有親和力。但是好像還不夠,用戶需要掌控感,“哎?它一直加載,是不是死機了?”為了防止用戶沒有掌控感,我們可以為用戶設計加載條或者加載提示。加載狀態(tài)條很遺憾很多都是假的甚至是重復的,原因是其實要判斷加載了多少M的素材的代碼更占資源!我們本來想安慰用戶等待加載的時間竟然會變得更長,那當然不行啦。于是很多時候我們會做一個假的加載狀態(tài)條來安撫用戶,我想您一定看過反復加載的加載條吧!加載條下的文案其實也是可以變得非常有情感化設計感受的,比如通常是:加載場景資源、加載素材這樣的文案,但是有些APP需要很長加載時間時會給出這樣的文案:導演正在準備、女主角準備化妝了、攝像師打開了燈光。是不是更加好玩啦?
Image title
美團和網(wǎng)易嚴選的加載動畫
總結
交互知識其實關鍵還要在應用和分析。一方面,我們可以在工作中積累經(jīng)驗,不斷地思考如何和同事配合一起研究提高產(chǎn)品在使用時的體驗;另一方面,我們也要經(jīng)常積累一些產(chǎn)品使用時發(fā)現(xiàn)的交互。建議大家平時可以收集你覺得不錯的情感化設計或者微交互,比如發(fā)現(xiàn)餓了么在下雨天送貨時會有電閃雷鳴和雨滴的設計;OFO和滴滴打車在不同節(jié)日也會把地圖找車里的圖標換成節(jié)日相關的圖標;BOO!APP在輸入密碼時小怪獸會捂住眼睛;WPS在晚上寫作時(沒錯就是現(xiàn)在)會提示你開啟過濾藍光的護眼模式等等。一個好的設計師一定是懂得交互的設計師,也應該是非常細心的設計師,也應該是懂得為用戶著想的設計師。

遵循這7個原則,能讓你的網(wǎng)頁用戶體驗更優(yōu)秀

濤濤

作為用戶,在很多時候會很容易判斷出一個網(wǎng)站的用戶體驗是否優(yōu)秀,因為主觀感受是很難被欺騙的。但是作為網(wǎng)站的設計者和開發(fā)者,角色轉換之后,所需要面對問題就復雜得多。身為構建者,要讓體驗盡善盡美需要花費大量的時間精力來完善整個體驗的閉環(huán)。今天為你所整理的這7個 UX設計的原則,能夠幫你更好地進行網(wǎng)站的 UX設計,并且盡可能地將整體的用戶體驗提升到一定高度。

1. 圍繞用戶體驗來進行整體設計

想要創(chuàng)造難忘的用戶體驗,自然要圍繞著用戶體驗本身來進行設計。甚至在某種意義上來說,數(shù)據(jù)和內容也應該是服務于體驗的, 它們應該以什么樣的體驗來呈現(xiàn)出來,這是設計者需要反復思考和琢磨的問題。

圖形、布局、文本和交互元素之間的協(xié)同工作才能創(chuàng)造體驗,任何一個維度缺一不可,單純的信息展示是不夠的。

想讓你的網(wǎng)頁能在互聯(lián)網(wǎng)上大量的信息中脫穎而出,體驗是至關重要的?,F(xiàn)代網(wǎng)頁中大量的視覺和交互內容存在,是為了能通過體驗直擊人心,這樣才能在激烈的競爭中存活。

2. 網(wǎng)站內容應當一目了然

如果你認為網(wǎng)站內容是用來讀的,那就錯了。現(xiàn)代用戶的注意力集中的時間非常短,絕大多數(shù)用戶在瀏覽信息的時候,都是快速掃視,而非逐字逐句地仔細閱讀,信息的展現(xiàn)一定要直觀、清晰,確保能夠一瞥就能看明白。借助信息圖表和視覺,更快地傳達信息和數(shù)據(jù)。

你需要讓你的內容更加吸引用戶,絕大多數(shù)用戶會為觸動它們的信息和內容而駐足,當他們想要了解更多的時候,才會點擊,了解更多。

3. 用戶想要簡單而清晰的內容

用戶只需要半秒就能判斷出網(wǎng)站設計和內容,你需要盡量讓網(wǎng)站的交互和指引足夠清晰,顯而易見。不要讓按鈕難以被用戶發(fā)現(xiàn),在首頁上放上一大堆的按鈕和鏈接,不如通過視覺上的引導,讓用戶注意到最關鍵的那個 CTA按鈕。

通過迭代和測試,不斷地優(yōu)化和提升網(wǎng)站的易用性。有的設計對于絕大多數(shù)的用戶都非常有用,凸顯最重要的選項,允許隱藏額外的功能,并且為用戶提供顯示全部的選項。

除了清晰的設計,整體的一致性也很重要。統(tǒng)一的配色、交互和圖形能夠讓用戶對于后續(xù)的操作有更清晰的預期,減少用戶在后續(xù)操作過程中探索的力度,這是通過統(tǒng)一性設計提升產(chǎn)品易用性的一種方式。

4. 通用設計元素 vs 創(chuàng)造性

當某個設計元素在其他地方很常見的時候,它就已經(jīng)形成了特定的 UI 模式,盡量不要去修改它,哪怕是很富有創(chuàng)意的方式。當你將這種約定俗成的元素修改成其他樣子的時候,用戶需要花費比平時更長的時間來判斷它究竟是什么。這種認知負荷將會影響整個網(wǎng)站的使用效率和轉化率。比如漢堡圖標,比如網(wǎng)站登錄入口的位置(右上角)。沒有必要在這種地方重新「標準化」。

對于鏈接、導航、布局這樣基本的元素,應該始終優(yōu)先考慮其可用性,在此基礎上再發(fā)揮創(chuàng)意。

雖然非傳統(tǒng)的設計很酷,但是它的可用性問題同樣很大。創(chuàng)造性的設計同樣是需要控制其程度和平衡,如果非要打破常規(guī),盡量控制好程度,并且一次最多打破一條規(guī)則,不能更多。

5. 了解你的用戶

在開始創(chuàng)建網(wǎng)站和 APP 之前,你應該對于你的目標客戶群體有足夠清晰的了解,這樣才能更好地為他們來設計界面。

一旦你清楚地了解了你的用戶,就能了解他們的需求和愿望,并且設計出符合他們預期的界面和體驗。這個時候,你的競爭對手能夠為你提供靈感和想法。注意對方的色彩,布局,風格和功能。

盡可能使用你的受眾已經(jīng)熟悉的 UI 模式和 UI 元素,能夠更快讓他們上手。在此基礎上,適當?shù)剡M行差異化的設計,這樣效率更高。

當你確定了受眾之后,記得盡量把他們的反饋納入到你的設計當中。

6. 視覺層次很重要

當界面中優(yōu)先放置最重要的元素,通過視覺層次來凸顯它們,確保用戶能夠更快注意到它們。在設計中,有很多方法能夠凸顯內容,但是最有效的方法始終是讓它們更大更醒目。

視覺層次的構建能夠讓網(wǎng)站內容更加清晰,也更加富有功能性。

7. 控制用戶體驗的質量

Peter Moville 在 usability.gov 這個網(wǎng)站上列舉出了用戶體驗設計的關鍵因素,它的核心價值在于通過不同的維度更好地掌控用戶體驗的質量:

  • 有用:內容應該是原創(chuàng)的且滿足需求。
  • 可用:網(wǎng)站的內容應該很容易被找到。
  • 可?。涸O計元素應該貼合情感且具備可欣賞性。
  • 可發(fā)現(xiàn):內容容易被定位,被找到,并且可導航。
  • 無障礙:設計要為有障礙的用戶進行定制。
  • 可信:網(wǎng)站內容應該有權威性,且值得被相信。

除了上面的維度之外,還有一些值得參考的 UX設計的質量衡量標準:

  • 符合上下文:有明確的路徑,符合上下文邏輯。
  • 人性化:值得信賴,平易近人,透明,并不機械。
  • 可發(fā)現(xiàn)性:用戶在第一次訪問的時候就能夠順暢的完成任務。
  • 可學習性:確保交互足夠簡單,并且能夠無縫地相應移動端界面,確保用戶在隨后的訪問過程中達成目標。
  • :確保用戶能夠快速輕松地完成各種任務。
  • 令人愉悅:確保產(chǎn)品能夠滿足用戶需求,還能夠和用戶產(chǎn)生情感聯(lián)系。
  • 表現(xiàn)良好:當用戶與之交互的時候表現(xiàn)良好。

結語

用戶體驗設計的目標不僅僅是讓產(chǎn)品本身更優(yōu)秀,更重要的是從情感層面上和用戶產(chǎn)生關聯(lián)。有界面而沒有體驗,這樣的產(chǎn)品在今天的競爭中是活不下去的。

篩選功能設計總結

濤濤

從用戶的操作流程上來說,如果用戶想使用一個功能,必然首先要發(fā)現(xiàn)它。如果連功能入口都找不到,后續(xù)的用戶體驗也無從談起。而篩選功能可以幫助用戶對功能信息進行快速的定位,縮短用戶的查找時間,這篇文章我就來跟大家聊一下篩選功能。


 三種常見基本樣式


首先要明確一個概念,篩選功能并不是普通的單一功能項,它和導航一樣是一個體系。既然是體系,必然有最基本的組成部分。篩選功能(體系)常見的樣式有以下三種:tab類,(下拉)列表類,標簽類。這三種樣式是篩選功能最基本的組成元素,不管你產(chǎn)品的篩選功能做的有多么復雜,都可以看成是這三種基本元素的不同組合形式。


Tab


Tab是最常見的篩選樣式,一個tab項代表一個篩選維度,直接平鋪的展示出來,用戶很容易感知到。

Image title


根據(jù)方向我們可以將tab分為橫向欄tab側向欄tab。橫向欄tab可展示2-5個選項,如果超過了5個,那么就需要用戶滑動才能看到。所以當篩選維度過多的時候,我們可以考慮使用側向欄tab,京東商品分類這里用的就是典型的側向欄tab,我數(shù)了一下總共40個選項,這里如果使用橫向欄tab用戶可能要側向滑動8屏,操作成本過高。

Image title


當然當選項過多的時候,我們還有一個法子,就是使用彈框,用戶點擊后可以看到全部的選項。

Image title



列表式


列表式也可稱之為list,其特點就是占用空間小。因為它可以將選項隱藏起來,用戶需要點擊才能看到所有的選項,因此在有限的空間里可以展示更多的篩選維度。礙于手機屏幕尺寸的限制,列表式篩選現(xiàn)在應用的越來越普遍。

Image title

列表式篩選的樣式其實有很多。可以做成popover類,actionsheet類,activityview類。這些樣式很難去說誰好誰壞,這里我就只是列舉出來,具體用哪種樣式,大家自己來判斷。


標簽式


對于標簽式,很難進行準確的定義,我更傾向于將單選按鈕,多選按鈕,switch等統(tǒng)稱為標簽式,標簽式只能針對單一條件進行篩選,這點和tab很類似。標簽式很少單獨出現(xiàn),多數(shù)情況下都是與tab和列表式結伴而行。

Image title


在淘寶里用戶可以點擊視圖icon來切換視圖模式,這就是典型的標簽式篩選。

 

當然以上三種只是最常見的篩選元素,其余的還有輸入框,滑塊,地區(qū)/日期選擇器等主要用于信息錄入的組件。 


常見的篩選體系 


了解了最基本的元素,接下來看一些比較復雜的篩選樣式。上面我也提到了任何產(chǎn)品的篩選體系都可以看成是這三種基本元素的不同組合形式。為了讓大家更好的理解,我一一舉例來說明:


tab+tab:


tab之所以受到青睞,是因為其較低的學習成本。每一個tab代表一個類別,而且是直接展示給用戶看的,所以很多產(chǎn)品的篩選功能都會優(yōu)先考慮使用tab。即使功能結構復雜到無法用一層tab來完成篩選任務,設計師也會考慮使用雙層tab樣式(tab+tab)的樣式。(PS.當然下圖應該算是segment control+tab)

Image title



tab+列表式:


當產(chǎn)品不斷的發(fā)展,功能結構愈發(fā)的復雜,過于扁平的tab已經(jīng)無法滿足篩選的需求。以看電影這個場景為例,用戶的需求是找到合適的影片和電影院。對于用戶來說,衡量一家電影院會從地址、票價、品牌和特色服務(支持改簽、IMAX廳等)這四個角度入手。這些篩選需求很難通過tab來完成,我們需要列表式的協(xié)助。

Image title



tab+列表式+標簽:


當產(chǎn)品的功能結構進一步復雜,這也給篩選功能增加了新的難題。以boss直聘來說,這里的篩選項主要分為四個:排序方式(推薦/)、工作地點、公司規(guī)模、崗位要求。其中后三個篩選項包含大量的條件,特別工作地點,需要進一步定位到街道或地鐵站。對于這種多維度,深層級的篩選需求我們可以使用tab+列表式+標簽的樣式。

Image title


這里我選擇boss直聘的另一個原因在于它的tab數(shù)用戶是可以自己增減的,每一個tab代表一條求職意向,最多可以添加3條求職意向。

Image title



篩選體系的容器


篩選體系是由眾多篩選項組成的,這些篩選項需要一個“容器”來承載。上面說的boss直聘用的是下拉列表,這種樣式其實還比較簡單的,我們可以看一些功能更加復雜一點的產(chǎn)品,比如各大電商平臺。這里使用的是抽屜式篩選框,說它是抽屜式,因為它跟抽屜一樣,用的時候可以拉出來,不用的時候可以關起來,節(jié)省了空間。從某個角度來說,我們可以把抽屜式看成列表式的一個放大版。抽屜式篩選框可以容納更多的篩選條件,像我在上面提到的輸入框,多選按鈕都可以在這里使用。

Image title


從底部彈出的動作欄也比較常見,這里使用了滑塊和單選按鈕。

Image title


Airbnb的篩選功能以浮層為載體,還使用比較少見的switch和stepper。

Image title


當然Airbnb篩選功能最大的亮點在于可以向用戶即時反饋篩選結果的數(shù)目,用戶不太可能會進入搜索結果為0的空頁面,避免無效操作。


以上說的篩選體系都比較傳統(tǒng),大部分都是基于對現(xiàn)有結果進行篩選,其實我們可以對篩選功能進行前置。例如,我們可以在用戶進行搜索之前就對結果進行篩選。

Image title


甚至在新用戶第一次使用產(chǎn)品的時候,可以讓用戶填寫一些個人信息以便進行個性化推送。

Image title


篩選功能的存在意義在于幫助用戶對功能信息進行快速的定位,對篩選功能進行適度的前置可以簡化用戶的操作流程,同樣可以達到節(jié)省用戶時間的目的。

【產(chǎn)品即場景】體驗先行

濤濤

產(chǎn)品即場景,體驗又貫穿整個產(chǎn)品~孰重孰輕早已分不清

Image title

產(chǎn)品即場景,而場景化核心要素之一的“體驗”,是其中最重要的一項。

本文從體驗出發(fā),結合AARRR(用戶增長)模型進行闡述,其中我認為該模型的使用必須是在產(chǎn)品搭建的場景下才能運作的。而其中涉及每一步的良好體驗剛好又反哺場景的完善。

從獲取-激活-留存-轉化-傳播每一個步驟中都存在內部因素和外部因素。本文只講內部因素,產(chǎn)品從最開始的外部獲客,轉向產(chǎn)品內部的使用體驗,再轉向外部傳播的這么一個過程。

Image title

文章不是教案,更不是真理。希望大家?guī)е械难酃馊タ创恳黄恼?。畢竟思辨精神才是形成獨立思維的法寶。由于文章較長,我會分成上下兩部分發(fā)布,進入正文:


獲?。ˋCQUISITION)分為三個部分:


一:自然流量的獲取


自然流量的獲取,我們能干涉其中的體驗非常少,只能打磨產(chǎn)品本身。但是自然流入的用戶一定是基于以下幾個點中的其中一個或多個。我們或許可以干涉體驗前~


1.某個社會現(xiàn)象、熱點所引發(fā)的相關功能性需求(例如前不久滴滴司機殺害空姐事件,引發(fā)多少芳齡少女的恐慌。提高了強烈的安全意識,這時候你會發(fā)現(xiàn)App Store里面一款app殺了出來“怕怕”(有興趣的朋友自行下載體驗),正是這個社會熱點現(xiàn)象引發(fā)的自然流量暴增。當然也不排除產(chǎn)品借這個熱點營銷自己的產(chǎn)品)


2.某個痛點確確實實需要解決(當某類用戶存在某個痛點時,會自己通過搜索或者同類產(chǎn)品對比選擇一款產(chǎn)品進行使用,如果你的產(chǎn)品剛好能幫助使用者解決痛點,那么你成功吸引了用戶。)


3.純粹進行產(chǎn)品的體驗(產(chǎn)品發(fā)燒友、同類競品的體驗人員、無意中下載的等)。我們稱為無效流量,因為這部分用戶一般是不太可能成為產(chǎn)品的忠實粉絲的。他沒有明確的目的、沒有明確要解決的痛點。


二:運營推廣的獲取


運營推廣這個名詞在互聯(lián)網(wǎng)誕生之前就已經(jīng)存在了。只是說原來傳統(tǒng)的營銷手段即產(chǎn)品-價格-渠道-促銷開始逐漸失效。轉而變?yōu)閳鼍盎倪\營推廣。將推廣落實到具體的小場景中。


1.線上推廣

其中線上推廣包含線上營銷活動(營銷活動又分為已有話題進行營銷【可以選擇融入當前的熱點話題類似節(jié)日、娛樂圈大事件等】&【提供話題痛點解決方案進行營銷】和制造話題營銷【創(chuàng)造業(yè)內的話題】【通過深度用戶進行制造話題】、優(yōu)惠活動(包括邀請好友得好禮、會員優(yōu)惠、某個節(jié)日優(yōu)惠等)。線上推廣無非就是通過網(wǎng)絡搭建虛擬場景,通過場景邊界的不斷延伸,覆蓋吸引更多的用戶參與進來。


2.線下推廣

線下推廣包含地推(地推不可避免的會帶來2部分的人群:被地推活動中的獎品吸引的人;確實被產(chǎn)品的介紹所吸引的人)、海報&代言(同樣會有2部分人群:被明星效應所吸引的人;被產(chǎn)品介紹所吸引的人)、門店的互相導流合作。線下推廣效率遠遠沒有線上推廣來的快。但是對于需要線下場景的產(chǎn)品來說,這又是必不可少的。


三:社群自傳播


通過單點擊破,這就需要運營團隊有很好的洞察能力,找到符合產(chǎn)品調性的社群,通過事件引爆該社群或者社區(qū),讓社群成為你產(chǎn)品的擁護者和傳播者。


1.通過老帶新的模式進行獲取用戶

當產(chǎn)品與老用戶之間建立很好的紐帶關系后,老用戶自然會以個人為中心,向外幫你宣傳產(chǎn)品。


2.引爆社群

通過各類社區(qū),找到符合你產(chǎn)品的目標人群。通過對該社群的研究,運用社群內部語言或者表達,調動整個社群幫你發(fā)力。有點及面的擴散,稱之為“氣球理論(很細的一根針就能戳爆氣球)”這同樣是能引爆傳播性特別重要的一點。


3.參與感(社會關系綁定)

當你周圍的人都在轉發(fā)或者都在使用的時候,如果你不了解或不使用的話,會引起個體的孤獨感。也就是說“他們都在玩,我不玩就落伍了”,但是這種情況在產(chǎn)品推廣的前期一般不太會出現(xiàn)。當傳播勢能達到一定程度的時候,才會出現(xiàn)刷爆朋友圈!


激活(ACTIVATION)分為二個部分:


當用戶從外部導流進產(chǎn)品后,這時用戶的去或留都跟產(chǎn)品&業(yè)務有關。如何讓用戶在進入產(chǎn)品后自然而然的進行使用也就是防呆原則。對,通過引導或者吸引使用者進行下一步操作。(打個比方,你去一家陌生的餐廳,進去后沒任何人招呼你,沒人告訴你要去選位置或者點菜,是不是有不知所措的感覺,我想你很快就會另尋他家吧)


一:進入產(chǎn)品后的操作引導


1.視覺引導(包括頁面元素優(yōu)先級、頁面元素突出強弱進行視覺上的引導,很常見的就是:在你第一次使用某個產(chǎn)品時,會引導使用者進行第一步第二步的操作,降低用戶對產(chǎn)品的陌生感)


2.動效引導(通過頁面浮層的形式教育用戶如何進行操作,這也是在產(chǎn)品設計中,對新用戶的一種引導方式)說到底就是為了消除用戶對新鮮事物的陌生感和手足無措感。


二:產(chǎn)品本身是否能激起用戶的探索欲


當然這個問題本身是建立在是否能真正的幫助用戶解決某些方面的痛點。否則再強的探索欲,也跟你產(chǎn)品本身沒有關系。如何激起用戶的探索欲?


1.產(chǎn)品整體視覺表現(xiàn)、使用流程的體驗是不是夠吸引人,是不是有屬于產(chǎn)品本身吸引人的點。(當年的path效果,直接將它送上全民熱潮之巔)


2.產(chǎn)品是否對使用者產(chǎn)生持續(xù)的吸引能力,產(chǎn)品前期只有不斷的通過各種方式刺激用戶。(產(chǎn)品體驗優(yōu)化、活動力度、宣傳方式、讓惠讓利等)但需要注意的是:過度營銷不等于有效刺激。


3.產(chǎn)品的任務流程設置是否合理,正常情況都是由簡單到復雜的程度設置任務,由于用戶的沉默成本,當完成一定任務后,就會沉淀下來慢慢成為產(chǎn)品的忠實用戶。(摩拜產(chǎn)品是先讓用戶填寫個人信息,最后才提示充值押金,站在使用者的角度來看,已經(jīng)把個人信息都出賣給平臺了,還在乎那200多塊錢嗎?不然你讓他把流程倒過來試試,先充錢,再填信息。保證沒多少人會用)。流程設置就像鉤子一樣,慢慢慢慢的把用戶勾住。


上半部分先到這里,下半部分會從“留存”“轉化”“傳播”角度進行展開~


多數(shù)人能夠成為很厲害的設計師,很厲害的產(chǎn)品經(jīng)理。凡事都會有所謂的套路,當你熟知了解某個行業(yè),或者多個行業(yè)的套路時。你會站在更高的視角看待問題,同樣你會走的比人家更遠更快。所謂的套路,是基于個人而言,可能你有個很好的導師能夠告訴你以往的經(jīng)驗。但是我更認為,套路是通過一步步看似笨拙的努力不斷總結不斷歸納

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

博博


聽云 2016-04-18 10:49:28

早在1995年,尼爾森的十大可用性原則就已問世,雖然當時針對的是web交互設計,但易用性對任何擁有用戶界面的東西來說都適用。不管是網(wǎng)站,程序,移動頁面或其他,具體的規(guī)則可能不同,但總的原則都源自人類上萬年進化所形成的思維方式。

1、可見性原則

用戶在網(wǎng)頁上的任何操作,不論是單擊、滾動還是按下鍵盤,頁面應即時給出反饋?!凹磿r”是指頁面響應時間小于用戶能忍受的等待時間。保證頁面內容的可見性、狀態(tài)的可見性、狀態(tài)變化的可見性。

在用戶與應用的交互過程中,系統(tǒng)需要即時的給予用戶反饋。如果用戶在操作過程中,頁面出現(xiàn)一片空白,不清楚應用是否給予了用戶反饋,這時候用戶就會感到焦慮、恐慌,這些都是不符合可見原則的??雌饋矸浅;A的要求,其實很多產(chǎn)品都做不到或者沒做好。

有一部分App,在弱網(wǎng)情況下信息未加載完成時,顯示空白頁,無法給用戶任何信息。

現(xiàn)在來看一款可見性做的比較好的App

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

如上圖,關掉WIFI在2.5G的網(wǎng)絡情況下首次進入這個App,主頁面內容雖然遲遲加載不出內容,但是有一個提示能夠告訴用戶,當前正在做什么,是怎樣的進度。并且“內容煉成中”這句有二次元味道的提示,使App的整體感非常好,而且圖片一定程度上分散了注意力,使用戶對加載的時間不那么的敏感,為弱網(wǎng)環(huán)境下內容的加載爭取了時間。

2、場景貼切原則

網(wǎng)頁的一切表現(xiàn)和表述,應該盡可能貼近用戶所在的環(huán)境(年齡、學歷、文化、時代背景)。此外,還應該使用易懂和約定俗成的表達。

在做產(chǎn)品設計的時候,主要考慮到的是用戶使用場景。產(chǎn)品的功能要貼近目標用戶的真實使用環(huán)境,這一點非常重要。用兩款導航類產(chǎn)品舉例:

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

還原一下導航時部分使用場景,比如在一個陌生的城市開車,需要使用導航,輸入目的地,大部分的情況下手機不是手持狀態(tài),觀察的模式也是以眼睛掃描為主。

在這個頁面上的設計,大部分的信息對我第一訴求導航并沒有直接的幫助,如果要輸入一個目的地,需要用尋找的方式去使用它。輸入框非常窄,不好找到,使用場景下導航并不貼切。

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

相比之下看到錘子駕駛的界面,作為一款導航類的應用,它教科書式的講解了什么是場景貼切原則。在開車的時候只要用眼睛掃一下手機屏幕就可以知道要導航的功能位置,并且可點擊區(qū)域巨大,非常容易選中。

選中導航后優(yōu)先用語音搜索目的地,這樣可以減少對駕駛的影響。下方巨大的List也讓用戶比較容易的去點擊最近去過的地方。這樣就非常符合用戶在駕駛中,或者說非手持狀態(tài)的使用習慣。

3、可控原則

為了避免用戶的誤用和誤擊,網(wǎng)頁應提供撤銷和重做功能。用戶對當前的狀況很好地控制了解和掌控,并且有足夠的自由。

掌握、可控、自由是人類安全感的重要來源,如果使用一款產(chǎn)品的時候提心吊膽的,生怕點擊了某個按鈕就發(fā)生了錯誤,很難相信這樣的一款App有好的用戶體驗。有一個用戶交互的金句:操作前可預知、操作中可有反饋、操作后可撤銷。

像iPhone 的出現(xiàn),為可控原則做了最好的注解,Home鍵也是教科書式的可控原則的體現(xiàn)。無論你在哪里,遇到了什么問題,一鍵回到桌面,一切重新開始。

4、一致性原則:

同一用語、功能、操作保持一致。用戶需要在同一個產(chǎn)品中,接受同一套規(guī)范、邏輯。

這樣做的一個好處是可以讓用戶對App有一個整體的感知,在相同的背景下做相同的操作會有可預期的結果,這樣大大的降低了用戶的學習成本。如下圖這個出行類App,點擊了旅行休閑,結果跳轉了一個莫名其妙的頁面。內容與旅行沒有關系,違背了一致性。

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

5、放錯原則

通過網(wǎng)頁的設計、重組或特別提醒或安排,防止用戶出錯。

這方面很多成熟的實體產(chǎn)品都比較好。App中這種防錯設計隨處可見,比如訂票軟件,已經(jīng)過去的日期顯示為灰色,以防訂錯機票的錯誤。

6、協(xié)助用戶記憶原則

在需要記憶某些信息時,產(chǎn)品功能上要幫助用戶記憶。盡可能減少用戶回憶負擔,把需要記憶的內容擺上臺面。

7、靈活的原則

中級用戶的數(shù)量遠高于初級和高級用戶數(shù)。為大多數(shù)用戶設計,不要低估,也不可輕視,保持靈活。

移動端的用戶大多數(shù)不是專家級用戶,也不是小白用戶。對頁面的設計要更側重于滿足對大多數(shù)用戶的需求,不宜復雜,也不宜過于簡單無提示。

8、易掃原則

互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動作不是讀,不是看,而是掃。易掃,意味著突出重點,弱化和剔除無關信息。

在時候用一款陌生產(chǎn)品的時候,用戶絕大多數(shù)是使用掃描的方式而不是閱讀的方式來理解內容。如果想讓用戶快速發(fā)現(xiàn)想要的信息,就一定要保證頁面足夠清晰,簡約。如果有較多的信息需要展示,那么一定要分清主次,要求界面足夠簡單,突出重點,內容易讀。

9、容錯性

幫助用戶從錯誤中恢復,將損失降到。如果無法自動挽回,則提供詳盡的說明文字和指導方向,而非代碼,比如404。

例如各類應用中要恢復出廠設置,是一個比較重大的操作

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

所以在恢復出場設置前需要輸入解鎖圖案。這就是容錯性的一個體現(xiàn)。對于用戶正在進行的操作有著明顯的提示,避免了誤按誤點操作造成的損失。

10、人性化幫助原則

幫助性提示最好的方式是:1、無需提示2、一次性提示3、常駐提示4、幫助文檔。

一個系統(tǒng)或者是產(chǎn)品,如果不需要文檔或是提示是最好的,一切都是自然而然發(fā)生的。但是在很多情況下,需要對內容做一個提示或者幫助,來便于用戶更好的使用App。

幫助和提示在哪里用的比較多呢?設置。在設置頁面里,可以看到無線網(wǎng)絡、定位服務等是否打開,而中間遇到比較復雜的操作,用戶對此一知半解,這時候就需要有相關的幫助提示。

現(xiàn)在幾乎所有的移動端交互設計全部基于用戶體驗,而在定位準、細分市場準,遵守了尼爾森十大原則的情況下,還有一些問題是每個產(chǎn)品研發(fā)團隊不能避免且無法解決的。

在每個產(chǎn)品的不同生命周期中,側重點也會不同。初期注重種子用戶的培養(yǎng)與新功能的增加。到了成長期會經(jīng)歷版本的頻繁發(fā)布,系統(tǒng)不夠穩(wěn)定。這時候就需要用到更加專業(yè)的第三方工具去幫助應用發(fā)布后的性能問題進行管理。

深度解讀尼爾森十大可用性原則 | 如何做好移動端用戶體驗優(yōu)化

在產(chǎn)品真正上線后可以及時進行崩潰分析、網(wǎng)絡請求與錯誤分析,交互分析等等通過App的總體性能評分與在同行業(yè)競爭中所處的位置來不斷迭代產(chǎn)品,改進用戶體驗。

設計規(guī)范 | Web端設計組件篇-反饋類

博博


企服盒 2018-04-08 10:52:48

本篇講述的是feedback反饋類;反饋就是用戶做了某項操作之后,系統(tǒng)給用戶的一個響應。這個響應根據(jù)場景的不同會有不同的響應形式和不同作用。

設計規(guī)范 | Web端設計組件篇-反饋類

設計規(guī)范中最重要的部分就是組件規(guī)范了,制定組件的規(guī)范有哪些好處呢?

  1. 簡單:熟悉了解組件的用法之后,在做界面設計時,只需要合理運用組件就可以快速搭建web端界面,無差錯。由于有成套的組件規(guī)范,所以在交互設計和視覺設計過程中無需每次都重復勞動。

  2. 統(tǒng)一用戶體驗:由于使用了統(tǒng)一的組件規(guī)范,所以保證了的視覺和交互設計統(tǒng)一性,保證整體的用戶體驗性。

  3. 提升設計綜合能力:由于減少了做組件重復性勞動,交互設計師/PM 可以將更多時間和精力放在討論業(yè)務、設計方法、設計思維、定義產(chǎn)品等綜合能力方面。從而驅動業(yè)務創(chuàng)新。

根據(jù)組件的用途,可以分為六大類:Feedback 反饋、from 表單、basic 基礎、data 數(shù)據(jù) 、navigation 導航、other 其他。

設計規(guī)范 | Web端設計組件篇-反饋類

本篇講述的是feedback反饋類;反饋就是用戶做了某項操作之后,系統(tǒng)給用戶的一個響應。這個響應根據(jù)場景的不同會有不同的響應形式和不同作用。

toast

定義:用戶產(chǎn)生操作,出現(xiàn)toast提示,一般2-3s消失;通過toast中的提示語告知用戶需要了解的信息。讓用戶的行為在使用過程中得到反饋和幫助。

使用場景:

  1. 可提供成功、警告或錯誤等反饋信息。

  2. 頂部居中顯示并自動消失,是一種不打斷用戶操作的輕量級提示方式。

例如簡書在沒有上傳專題封面時就點擊創(chuàng)建專題按鈕,出現(xiàn)toast提示,提示用戶要先上傳專題封面才能創(chuàng)建專題。

設計規(guī)范 | Web端設計組件篇-反饋類

toast的消息提示分類一共有三種類型:成功類、失敗類、常規(guī)類。

組件樣式有兩種:可以點擊操作使其消失、不可點擊操作使其消失。

設計規(guī)范 | Web端設計組件篇-反饋類

alert 警示提示

定義:當用戶進行某種操作時,網(wǎng)站會出現(xiàn)對應的警告信息提示用戶,該提示信息的狀態(tài)不會主動消失。

使用場景:

  1. 當某個頁面需要向用戶顯示警告的信息時。

  2. 非浮層的靜態(tài)展現(xiàn)形式,始終展現(xiàn),不會自動消失,有的組件用戶可以點擊關閉。

例如淘寶購物車,刪除之后,會出現(xiàn)alert警示提示,淘寶的例子屬于alert的變種,用戶可以點擊“撤銷本次刪除 ”進行還原之前的毀滅性操作。

設計規(guī)范 | Web端設計組件篇-反饋類

alert警示提示的消息分類一共有三種類型:成功類、失敗類、常規(guī)類。當然也可以不含有icon操作,含有icon操作的話警示性會更強。

alert警示組件樣式有兩種:帶有刪除操作,不帶有刪除操作。

設計規(guī)范 | Web端設計組件篇-反饋類

dialog對話框

定義:用于提示用戶當前操作,或是完成某個任務時需要的一些其他額外的信息。對話框可以用確定/取消的簡單的應答模式,也可以是自定義復雜的模式,例如表單的填寫。

使用場景:

  1. 用戶在進行重要操作的時,需要進行二次確認。

  2. 用于重要的反饋提示,讓用戶知道信息提示。

  3. 承載少量的表單填寫類,減少頁面的跳轉。

windows系統(tǒng)的確定按鈕一般在左邊,而Mac OS的確定一般在右邊。因為這個原因,導致我們平時看到的確定有時候在左邊,有時候在右邊。

微博和微信公眾號后臺的的對話框,確定在左邊,而淘寶的對話框在右邊。微信公眾號的對話框是小浮層彈窗,避免了遮罩出現(xiàn),同時對話框也出現(xiàn)在操作按鈕的附近,對用戶的干擾性也是最弱的。

dialog對話框,有三種常見的使用場景。其中表單對話框、提示類、輕量級提示類、表單類樣式都是基于二次確認類對話框樣式的改變而得到不同的樣式。

設計規(guī)范 | Web端設計組件篇-反饋類

Notification通知提醒框

定義:懸浮出現(xiàn)在網(wǎng)頁右上角,用于全局的提醒式通知。常見于服務器異常、操作失敗等

使用場景:

  1. 較為復雜的通知內容。

  2. 帶有交互的通知,給出用戶下一步的行動點。

  3. 系統(tǒng)主動推送。

Notification通知提醒框出現(xiàn)在網(wǎng)頁右上角,一般4-5s消失,也可以點擊叉號進行關閉。

設計規(guī)范 | Web端設計組件篇-反饋類

tooltip 文字提示

定義:簡單輕量的的文字提示。

使用場景:

  1. 鼠標移入則立即顯示提示,移出則立即消失,不承載復雜文本和操作。

  2. 常用于解釋操作按鈕的文字說明。

還有一種tooltip是瀏覽器自帶的,瀏覽器自帶的和本篇的tooltip的區(qū)別是:瀏覽器自帶的鼠標移入一般2s才顯示,多用于折行打點的文字提示。例如簡書,而本篇的tooltip鼠標移入就出現(xiàn),切組件風格和瀏覽器自帶完全不一樣。

設計規(guī)范 | Web端設計組件篇-反饋類

tooltip組件按照需要解釋說明的對象位置不同,可以有以下不同的樣式。

設計規(guī)范 | Web端設計組件篇-反饋類


UI設計的4個角度與14點思考

博博


設計師檸檬 2018-04-26 15:22:57

寫在前面的話:文章內容源于網(wǎng)絡,由檸檬整理發(fā)布,如有侵權請聯(lián)系設計師檸檬刪除

都說UI設計是用戶看到產(chǎn)品的第一個門,從進入手機應用商店到下載界面再到產(chǎn)品的首頁,設計師不考慮一下真的用交互稿和產(chǎn)品直接做么,從圖標在應用商店的吸引展示力和用戶的軟件留存率,這些哪個不是和UI設計師有關系?

本文重點:1.學著像產(chǎn)品經(jīng)理的角度思考

2.學著像交互設計師的角度思考

3.學著在用戶的角度思考

4.學著在自己的角度思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考

UI設計的4個角度與14點思考


如何利用 “峰終定律” 改善用戶體驗?

濤濤

一、什么是峰終定律

峰終定律是由諾貝爾獎得主 DanielKahneman 提出的,百度百科上它是屬于心理學上的定義。

我把它結合了自己的理解應用在設計學上可以解釋為:

用戶在使用某個硬件產(chǎn)品,軟件產(chǎn)品或者服務系統(tǒng)來完成自己目標的過程中,用戶情感地圖曲線的波峰(體驗最好)、波谷(體驗最差)、結束點的體驗,決定用戶對整個過程的體驗評價。

而在過程中體驗好與不好體驗的比重,好與不好體驗的時間長短,對記憶幾乎沒有影響。

這一定律主要是闡述人對過去體驗的記憶由兩個因素決定,一個是「高峰」,一個是「結束」。

把用戶情感地圖曲線和峰終定律結合起來,簡單畫一張圖:

既然用戶整體體驗與整個過程中好壞綜合無關,只跟幾個關鍵點有關,那么可以得到一個公式:

用戶整體體驗評價(E)=(y1-y2)+y3

y1,y2,y3 可以稱為關鍵時刻 MOT(Moment Of Truth)

二、日常生活中的峰終定律

這兩天和包子聊到宜家的峰終定律,突然明白了為什么我們有些課程調研,大家都喜歡去宜家調研了。

雖然它的店員很少,找貨物也要自己找椅子搬下來,就算只買一件家具也需要逛完整個商場,但是每次逛完結束的時候都可以吃那個特別好吃的「一元冰淇淋」呀,這就是它的「終」。

而在逛的過程中,就像包子講的,它的體驗模式很棒,把產(chǎn)品作為空間的一部分。曾經(jīng)有一位宜家的老顧客也說,宜家商品物有所值,展區(qū)實用,產(chǎn)品隨意試用,大概這就是它的「峰」吧。

扔一個我的學習小伙伴包大佬的分析:

三、互聯(lián)網(wǎng)產(chǎn)品中的峰終定律

如果說峰終定律怎么影響互聯(lián)網(wǎng)產(chǎn)品的用戶體驗的話,可以先舉幾個體驗差的例子。

很多時候,用戶在某個平臺完成某個任務后,會出現(xiàn)很多引誘用戶點擊的贊助商的內容。比如問卷星,每次填完,任務結束的時候,它還會打著抽獎的名義接廣告……

再舉個例子,你有沒有過在某些 app 注冊賬號,登錄 or 注冊很多次卻失敗的情況,或者花了很久時間才注冊 or 登錄成功?原因可能是賬號密碼錯誤,可能是注冊流程過多跳出率過高,可能是填寫信息冗雜……

如果這款產(chǎn)品不是用戶剛需的話,最終會導致很多用戶卸載它,就算你之后流程的體驗再好,用戶根本無法體驗到最后。

四、利用峰終定律打造「爽點」

一款好的產(chǎn)品不僅能夠解決用戶的「痛點」,也能刺激用戶的「癢點」,更能打造用戶的「爽點」。

有一些產(chǎn)品能在用戶使用的過程中利用峰終定律打造 「爽點」,提升用戶體驗。

如果用外賣這個來舉例子的話,應該算是一個大的服務系統(tǒng),它會涉及到很多方,比如消費者,商家,騎手等,而這一整個服務系統(tǒng)的設計,只針對消費者而言,流程也會十分復雜,其中利用峰終定律考慮的就更多了。

那就其中用戶(消費者)與餓了么 app 的交互流程來舉例的話,用戶點外賣這個任務:

從打開 app——選擇店——選擇美食——付款,用戶的任務已經(jīng)結束了,但是餓了么會在結束的時候,給用戶一個分享領取紅包的福利,用戶會覺得自己獲得了很大的優(yōu)惠,體驗會十分好,這也就是利用了峰終定律的「終」。

我發(fā)現(xiàn)游戲里面對峰終定律是用得最多的,曾經(jīng)玩過 lol,王者榮耀,吃雞手游……

如果問曾經(jīng)玩 lol 或者王者最爽的時候是什么時候,那大概是:比賽過程中的 First blood,penta kill ,killing spree,legendary,you have slained an enermy 等這些配音和畫面的視覺刺激吧。

按照常規(guī)的模式是,殺人后系統(tǒng)直接提示「您已經(jīng)殺滅了一名敵人」,但是它會去強化這種殺人的體驗,將殺人的場景分為多種類型,通過視覺上的彈框擊殺提示與配音上的激勵疊加,把殺人的體驗不斷深化,做到,另外在推塔和偷掉水晶的時候是不是也是最爽的時候呢?我覺得這里就利用了峰終定律的「峰」。

我記得在游戲結束的時候,比如 lol 里面推掉水晶的時候,游戲畫面會停止幾秒,然后再出現(xiàn)水晶慢慢破滅,加上大大的「勝利」二字,有的時候回到大廳還需要等幾秒的時間。

王者榮耀,吃雞這類在游戲結束的時候也會給用戶很多激勵,明明可以在結束后直接回到大廳,但它們會延長這些勝利或者失敗的體驗,如果勝利,當然是爽,還想再擁有這樣的體驗,繼續(xù)打;如果是失敗,那再接再厲,想擁有贏的體驗,繼續(xù)打……

總之就是會讓用戶上癮。它們會把這些用戶體驗做到,在游戲結束的時候這些的體驗就利用到了峰終定律的「終」。

五、利用峰終定律改善體驗步驟

「峰終定律」改善用戶體驗的步驟:

  • 進行可用性測試;
  • 繪制用戶旅程圖;
  • 找到「峰」,「終」時刻;
  • 通過用戶研究的方法找到用戶心中的關鍵時刻;
  • 將「峰」、「終」,「用戶心中關鍵時刻」的體驗優(yōu)化至。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.alimai.net

存檔

国产尤物在线观看| 日本特大a级猛片在线观看| 尤物视频91cn| 无码按摩| 亚洲精品色午夜| 成人H动漫精品一区二区| av嫩草影院| 亚洲a级网| 好爽~~~嗯~~~再快点视频| 欧美人成在线播放网站免费| 亚洲自拍激情| 中出视频中文字幕| 无码制服丝袜中文字幕| 在线看免费无码av天堂的| AV片在线播放| 一本大道AV在线| 91精品尤物| 国产呦玩系列(772)| 女人18毛片水真多app| 538精品视频免费在线观看| 亚洲国产成XX高潮| 超污小16萝自慰喷水故事| 草草影院CCYY国产日本欧美| 深夜XX00美女动态视频| 欧美人与动牲交a免费观看| 被窝影院午夜看片爽爽迅雷下载| 伊人狠狠色丁香婷婷| 好大好硬好深好爽想要av| 扒开双腿被肏在线观看| igao视频社区在线播放| 无码人妻视频一区二区三区| sm国产性爱在线视频| 久久HEZYO久综合亚洲色| 亚洲色欲网熟女少妇| 国产激情婷婷| 午夜免费福利爽爽羞羞视频| 福利姬液液酱喷水| 色AV永久地址| 国产亚洲人成无码网在线观看| 99线手机在线观看视频| 国产精品第一页夜| 又长又大又硬3p免费视频| 国产高潮精品久久AV无码| 狼友av永久网站免费观看武| www7777成色| 色午夜日本高清视频www| 女孩自慰AV福利| 在工地里被弄得好爽| 两根粗大噗嗤噗嗤欧美精品| 18禁又污又黄又爽的网站| 黑人一级视频精品| 2021年国内精品久久久久精品| 国产午夜无码片在线观看影视| yy少归影院| 免费一级国产生活片| 亚洲欧洲日产国码无码av喷潮| 成人影片免费观看| 免费黄视频网站| av免费无毒永久av网站| 亚洲欧美性爱一区二区三区| 国产人碰人摸人爱视频| 国产AV妓女影视妓女影院| 国产视频伊人| 亚洲AV无码精品色午夜蜜芽 | 少妇直流白浆视频| 亚洲综合久久一区二区| 白丝jk在线视频网站| 久久国产黑丝袜视频| 18禁色丁香五月| 午夜影视在线观看免费| 精美三级一欧美人成视频| 亚洲AⅤ无码日韩AV中文AV伦| 精品久久齐齐| 国产精品美乳在线观看| 精品无码av人在线观看| 作爱国产男男| av另类少妇| 亚洲字幕久久久精品齐齐| 国产888视频在线观看| av 无码 国产 高清| 香蕉久久精| 人人专区人人免费香蕉| 福利姬国产高清在线播放| 国产在线拍揄自揄视频不卡99| 国产精品免费久久久久影院| h刺激视频在线观看| 国内熟女少妇一线天| 久久精品国产亚洲AV成人小说| 国产丝袜第一页| 尤物天堂亚洲精品网| 纯肉H无遮挡动漫在线观看| 757午夜福利视频| 人妻少妇伦在线无码| 久久熟女五十路白浆| 太粗太深了太紧太爽了首页| 岛国AV无码免费无禁播放器| 日韩久久AV| 亚洲国产成人AV毛片大全久久| wWW国产浪潮aV| 无福利一区二区三区| 国产精品区在线和狗狗| 激情综合婷婷激情五月| 日韩AV免费在线观看一区二区| 啪啪玩小处雏女毛免费| 精品亚洲成a人在线观看青青| 亚洲爆乳AAA无码专区| 中文字幕亚洲无线码一区女同| 国产盗摄经典盗摄| 亚洲无码涩网| 欧美老妇多毛最大的生殖器| 亚洲毛片ΑV无线播放一区| 中国JAPANESE少妇高清| 亚洲国产人成自精在线尤物 | 国内精品久久久影院| 超碰97每个男人| 99久久99久久久精品齐齐综合色圆| 国产99网站免在线观看| 国产三级在线公开视频| 女人让男人桶30分钟免费视频| 欧美亚洲一级片| 超级乱婬刺激妇乱子视频,| 人人爽人人爽人人片a∨| 最新无码在线视频2021| 98福利区午夜孕妇| 18禁自慰喷水动漫| 欧洲肉欲k8播放| 国产在线一区二区| 又黄又爽的视频真人版| 国产精品无码久久久久成人免费看 | 好黄好硬好爽免费视频天堂网 | 久久综合给久久狠狠97色| av无码一区二区久久| 自拍偷拍区一区二区三区 精品区 伊人久久综合亚洲亚洲 | 亚洲中文字幕在线无码一区二区 | 我被两个男人玩出了白浆小视频| AV无码一区二区三区四区| 我不卡亚洲一本| aⅴ无码一区二区大桥未久| 伊人日韩欧美| 午夜亚洲aⅴ无码高潮片| 与隔壁清纯人妻肉干到爽| 国产美女自卫慰| 中文亚洲爆乳无码专区| H网站入口免费观看| 强奷乱码中文字幕乱老妇 | 国产福利私拍视频精品| 爽到高潮漏水大喷无码视频| 粗大进入日本高h视频| 日本精品久久久久中文字幕1| 亚洲免费播放网址a| 小姪女下面粉嫩多汁| 国产亚洲av片在线观看18女人 | 狠狠热精品免费视频大全| 淦到高潮喷水视频| 越做高潮越喷奶水视频| 超碰caoporen97人人ie=utf| 无遮挡色色动态图| av在线天堂网址| 国产免费踩踏调教视频| 加勒比在线无码一区| 337p人体 欧洲人体 亚洲| 国产ktv交换配乱婬视频| 国产在线视频一区二区三区欧美图| 亚洲日韩AV片h| 人妻交换蜜芽第一页| 亚洲国产人成自久久国产| 在线视频国产黄片| 黑人巨大精品欧美一区二区| 波多无码av在线| 色婷婷亚洲高清| 中日无码精品一区二区三区| AV天堂一区二区gay| 91天堂一区二区| 亚洲综合制服丝袜另类| 黄色视频 一区二区三区| 一本到高清在线视频美国视频| 天堂网在线WWW在线资源| 精品不卡av一区二区三区| AV天堂导航| 在线观看免费无码性生活视频一| AV教师一区高清| 一级片子国产黄| xxxx999精品视频| 蜜臀AV午夜一区二区三区| 嘿咻亚洲综合| av天堂成| 抱姝姝A网亚洲| CaoPoron_超碰| 6080亚洲人久久精品| 亚洲AV无码有乱码在线观看| 在线看黄WWWABC300免费| 97在线观看视频公开免费| 2020av天堂网| 亚洲国产原创私拍精品| 拔开女人毛茸茸的黑森林| 中文字幕亚洲综合久久2021| 波多野结衣AV无码影片在线观看| 国产亚洲色内内电影网站| 中国东北女人一级毛片| 后进极品翘臀美女在线播放| 亚洲av日韩av无码尤物| 小h片资源免费观看在线| 无码国产精品视频一区二区三区| 国产又黄又爽又刺激的免费网址| 网红尤物自慰喷白浆在线观看| 国产爱导航在线| 无码专区—va亚洲v天堂| 未满十八岁禁止入内忘忧草视频| 亚洲宅男无码| 欧美大成色www永久网站婷| 波多野结衣AV无码,| 插色欧美精品| 秋霞鲁丝片无码一区二区 | av尤物免费在线观看| 久热香蕉在线视频免费版| www国产高清无码| 最近韩国日本免费高清观看| 久久人妻无码高清加勒比| 国产精品动漫一区二区三区| pron在线无码| 中文字母第一页在线播放 | 极品丝袜美女高潮流白浆| 亚洲色欲色欲欲www在线| 亚洲不卡影院| 人妻啪啪无码| 久久乐精品欧美国产免费搜索| 亚洲天堂无码在线不卡| 久久乐精品欧美国产免费搜索| 国产1区2区3区不卡| 亚洲成aⅴ网站| 女高中校服自慰www网站| 亚洲一区二区高清电影| 久久婷婷国产免费天天| 亚洲精品~无码抽插| JAPANESE护士日本XX| 我不卡亚洲一本| YW193尤物影院| 无码免费人妻超级碰碰碰碰| 国产精品热门Jizz| 中文字幕无码系列社区| xxxxx免费看| 亚洲影院图| 涨精装满肚子怀孕hhh| 中国一级毛片国产高清| 国产萌白酱喷水视频在线播放| av片在线观看| 亚洲国产天堂久久综合| 国产成人免费a在线视频| 精品国产亚洲一区二区三区在线观| 久久久久精品国产三级| 欧洲性大战久久久久久| 亚洲日本中文字幕一区二区三区| 欧美亚洲综合视频| 99e热在这里有精品22| 天堂在线精品亚洲综合网| 免费无码中文字幕A级毛片| 亚洲无线码一区二区三区| 91久国产在线观看| 欧洲免费无线码在线观看二区| 成在线人免费无码高潮喷水| 日本xxxxx黄区免费看| 2021日韩无码高清一区| 99RE免费99RE在线视频| AV无码波多野结衣| 女生手淫网站在线观看| 久天啪天天99久久| 亚洲va中文字幕欧美不卡| 尤物国产91色综合久久| аV无码天堂在线| jk制服白丝喷水免费视频| 加勒比 AV 人妻| aaa少妇高潮大片免费看| 2020久久超碰国产精品最新| 欧美极品另类ⅤIDEOSDE| 免费国产成人午夜视频| 女人AV天堂| 大战丰满肉感熟女一区二区| 2020最新无码福利视频| 欧美黑人性暴力猛交喷水| 四虎成人精品永久网站| 久久国产精品99精品国产| 国产区露脸女主播在线观看| 色欲色欲天天天WWW亚洲伊| 伊人久久福利中文字幕| 亚洲中文无码一区二区三区在线观看 | 国产美女被遭强高潮无套| 东北老女人高潮| 波多野结衣三区| www地视频在线观看| 扒开衣服摸双乳18禁网站| 欧美视频在线| 国产精品无码av一区二区三区| 少妇不卡| 日日摸夜夜添夜夜添毛片| 日本在线嗯啊| 在线播放白浆四溢| 亚洲欧美7777| 午夜福利男女XX00动态图| 亚洲精品无码专区| 日本www鲁啊鲁| 天天躁日日躁狠狠躁欧美| 亚洲日韩国产精品乱| 纯肉无遮挡h肉动漫在线观看| 午夜成人无码福利免费视频| 一女4p三黑人免费视频| 2020最新无码福利视频| 亚洲AV日韩综合一区二区三区| 日韩无码视频淫乱| 性色的免费视频网站少妇| h片网站永久免费| 亚洲精品综合在线影院| 亚洲欧美综合人成在线动漫| 免费人妻无码不卡中文视频| 性XXXX播放视频免费| 性生大片30分钟免费观看性| 国产精品国产自线在线观看 | 加勒比AV一区| 加勒比人妻AV无码中文字幕| 亚洲无码123| 国产愉拍视频在线观看| 2020最新国产激情| 欧美曰韩极品午夜在线视频| 日韩AV无码大全免费观看| 成久久综合| 无遮拦免费高清www视频| 中文字幕一区二区三区在线播放| 在线观看免费一级AV| 大黄瓜AV无码免费专区| 午夜福利体验试看120秒| 岛国AV在线一区二区| 精品久久久久久综合日本| a在线v| 最新国产成人AV网站网| 国内自拍偷国视频系列无| 午夜福利电影网站| 日韩精品一区二区三区中文在线| 无遮无挡拍拍拍| 国产亚洲三级片免费看| 出轨的丝袜美女国产视频26| 最好看的最新的中文字幕1| 无码人妻少妇久久中| 综合久久给合久久狠狠狠97色| 男女啪啪猛烈免费网站| 国内精品自产拍在线电影| AV中文字幕DVD水多多| 波霸无码专区| 国产精品富婆与黑人视频| J8又粗又硬又大又爽又长网站| 国产原创视频在线| www.999精品视频| yy111111人妻中文字幕| 亚洲一区导航| yy视频无遮挡喷潮| 丝袜无码中文字幕在线手机| 亚洲国产v片在线播放观看| 亚洲欧美日韩国产先锋影音| 18禁止爆乳美女高潮喷水| 亚洲色偷偷偷综合网| 欧美成人ab视频| 精品免费看国产一区二区| 伊人久久大线影院首页| 18禁专区第一页| 亚洲综合精品一区二区| 亚洲熟妇熟伦| 97久久精品无码一区二区| 好硬好大好爽视频| 五六十熟妇在线视频| 亚洲国产精品免费在线观看| www.在线观看AV天堂度假村| 黄h鸡大网在线看| 国产一区视频在线播放| 少妇高潮a一级做完| 国产av巨作丝袜秘书| 人人澡人人澡人人| 亚洲色久| 在线观看国产成人swag| 色哟哟久久| 又黄又爽的视频真人版| 女人自慰AV片天堂网| 国产精品国产亚洲精品看不卡| 99re66热这里只有精品| 大又大粗又爽又黄少妇毛片男同 | 尤物蜜芽AV在线播放| 韩日无码网| 亚洲综合在线播放| A级完在线看完整版| 亚洲无码在线观看的| 杨幂与黑人老外大战AV| 真人高h肉肉视频在线观看| 韩国av无码| www.伊人五月天| 亚洲av色影在线| 小h片在线播放| 野花视频在线观看免费播放高清| 伊人久久午夜无码| 欧美久久综合网| 最好看的中文字幕视频2018| 亚洲精品无码无卡在线观看| 天天狠天天透| 欧美胖老妇老专区| 手机在线日韩av| 国产精品无码视频v| 被男人日下面视频| 国产精品va在线观看无码| 日本福利视频一区| 中文字幕精品| 国产精品一二三四区免费入口| 中文字幕在线观看国产双飞高清| 野草视频在线观看免费最新| 亚州一极生活片| 最新国产成人ab网站| AV女郎在线观看天堂| 国产免费乱在线观看| 亚洲中文字幕久久精品无码2021| 国产1免费1视频| 曰韩在线大香蕉| 亚洲午夜无码AV手机在线观看| 亚洲快速不卡的视频| 国产精品夜色一区二区| 2021av天堂手机在线看| 亚洲极美女高清视频| 草民午夜欧美限制A级福利片| 成年女人下边潮喷毛片免费| 久久久亚洲精品日韩| 678五月丁香在线亚洲综合网| 成年女人免费啪啪视频| 国产亚洲一区二区三区啪 | caoporm超免费公开视频| 特级毛片www| 久久黄色视| 久久与与欧美视频| 中国少妇人妻xxxxx| 国产无遮挡裸体免费视频网站| 黄AAA小说免费观看| 免费看一级a女人自慰网站| 国产精品无码AV无码| 精品国产免费人成网站| 黄片精品小久久久| 国产鲁鲁视频| 无遮挡H肉动漫在线播网站| 被操高潮受不了视频| 一级特黄无码毛片在线| 日韩欧美综合网另类| 一本久久a久久免费精品不卡| 美女裸体18禁网站| 高清无码精品一区二区三区| 香蕉网站男人网站| 国产欧美另类久久久精品不卡| 99re黄色视频| 久久久久精品免费观看| 国产91白浆四溢| 亚洲伊人久久大香线蕉av| 国产精品99久久久精品免费观看| 免费高清欧美一区二| 2020国产成人久久精选| 视频一区二区日韩中字久久| 综合 欧美 亚洲日本| 少妇乱子伦精品无码| YYY亚洲私人影院AV| xxxxx japan18第一次| 亚洲 日韩 熟女 色| 无码任你躁久久久久久老妇| 狠狠88综合久久久久综合网| 亚洲午夜理论中文字幕| 午夜影城高清无码| 亚洲成a人片| 日韩AⅤ精品一区二区在线| 动图男女欧美俄罗斯日韩国产一区| 无码中文字幕免费一区二区三区| 久久免费视频6| 亚洲熟女导航| 亚洲自慰无码一区二区三区| 中文字幕91在线| 伊香蕉大综综综合久久| 国产69精品久久| 一级AV无码影片| 亚洲 蜜臀 一区二区三区| 亚洲中文字幕一二三四五区| 女人的天堂毛片| 国产精品国产高清国产AV| 男人天堂AV在线麻豆| 亚洲国产成人Av毛片大全| 精品99在线黑丝袜| 尤物视频在线进入网| 999福利精品久久久| 国产成人综合亚洲亚洲国产第一页 | 亚洲最大在线精品| 最新更新国产小视频在线观看| 国产在线不卡视频免费视频| 亚洲无码123| 国产永久地址| 在线观看片免费人成视频播放| 久久AV男人的天堂综合}| 别揉我奶头~嗯~啊在线视频| 天天爽天天做天天爱| 亚洲最大在线精品| 久久国产精品久久精| 5b肉蒲团之性战奶水国语| 外国小屁孩cao大人免费| BBwWBBWW高潮| 日韩精品亚洲人旧成在线| 日本一区二区在免费观看喷水| 无码午夜国产电影在线观看| 亚洲中文字幕无码日韩| 888亚洲欧美| 在线观看最新国产精品| 啪啪人妻| 亚洲免费AV无码一区二区二三区| 亚洲日韩穿丝袜在线推荐| 丝袜在线亚洲国产精品| 多人强伦姧孕妇在线观看| 97久久超碰成人精品网页| 色综合啪啪| 国产1024精品视频专区你懂的| 国内精品,久久人妻无码| 亚洲欧美日本韩国| 国内真实愉拍系列在线观看| 澳门网站无码视频在线看| 国产激情丝袜破除在线观看| AV在线调教| 伊人性伊人情综合网教程| 永久免费网站AV无码| 大山里疯狂伦交| 欧美日本日韩aⅴ在线视频| 中文精品无码| 18成熟女人牲交片视频| igao国产视频| 少妇影院yy111111| www91免费视频| 无码视频一区| 中文字幕人成无码免费视频| 户外裸露刺激视频第一区听| 朝鲜美女黑毛bbw| 曰AV在线无码| 亚洲最新版AV无码中文字幕一区| 国产白嫩在线观看| 久草香蕉97在线视频| 2020久久国产综合精品swag| 无码精品人妻一区二区三区AV | h视频在线免费观看| 开心五月激情综合婷婷| 193尤物视频在线| 中国性爱一级片| 久久99视频免费| 色爱综合另类图片| 亚洲人成人77777网站| 欧美久久黄色网站| 18国产成人在线| 综合久久综合| 国产精品九九一区视频| 99欧美色性爱| 国产精品女同久久久久久| 成本人动漫免费网站免费观看| 国产桃色精品无码视频| A级毛片网站| 大波妺av网站免费| 痴汉电车欧美一卡2卡三卡4卡| 好了AV四色综合无码16| 精品国产电影免费在线观看| 人妻精品XXXX| 2020年亚洲天堂网| 韩国三级久久中文字幕免费高清暧暧爱| 亚洲午夜久久久久久久久电影网| 国产AV无码专区亚洲A| 亚洲国产品综合人成综合网站| 波多野结衣空乘中文字幕| 精品粉嫩自慰萌| 国产一二三在线成人| 巨胸喷奶水影院| AV不卡一区二区三区| 夜夜爽天天躁夜夜躁狠狠| 极品午夜福利视频| 加勒比东热激情无码专区| 一级淫片在线观看 | 少妇一级做一级a做性视频| 亚洲国产天堂久久综合网| 老富婆SPA高潮国语对白| 亚洲色偷拍另类无码专区| 热99RE6久精品国产首页青柠| 久久亚洲AV成人无码一二三区| 西西大胆人体在线播放| 国产日本无吗无卡一区二区| 自慰白浆一区二区三区| 亚洲欧美性爱| 在线不卡亚洲中文字幕| 无码一区二区免费视频观看| 欧美老妇肥婆毛多水多性强| 国产女高清在线看免费观看| 在线播放国产女同闺蜜| 特级xxxxx欧美| AV水多多在线观看| 对白离婚国产乱子伦视频大全| 国产123区| 亚洲人成色7777在线观看不卡| 私人官网美女免费在线观看| 97超碰国产精品无码| 亚洲精品无码av天堂| 91导航在线观看| 在线观看免费ww视频| 免费人成视频x8x8入口免费| 亚洲永久精品ww47 91女女| 美女自慰的黄色网站| 婷婷丁香五月深爱憿情网| 无码老司机喷水在线| 色老板免费线观看ww| 国产成人免费高清直播| 妓女网一区二区三区| 国产精品毛片完整版视频| 五月六月婷婷性综合| 在线观看午夜福利片日本| yy111111国产| JK白丝美女被捆绑调教视频| 亚洲午夜福利| 站长推荐高潮一级毛片| 动漫男的把j放进女人的j动图| 久久久久久久精品免费RDE| 国产的关晓彤AV在线网站| 熟女俱乐部 无套中出| 啊啊啊啊啊啊啊啊!无码免费看| 有码无码中文字幕| 女子裸体黄18禁网站| Av永久天堂免费| 天天看片久久夜| 波多野结衣尤物在线视频| av理论电影| 激情婷婷麻豆| ⅤA在线中文字幕| 国产高中生精品片在线观看| 亚洲国产精品国语在线| 波多野结衣电影一区| 又黄又硬好爽免费视频| 福利片国产AV| 国产在线成免费视频网址| 国内外无码在线视频| 天天做天天弄天天爱天天爽con| 国产成 人 综合 亚洲奶水| 国产很污很黄的视频| 又色又粗又黄的视频网站| 虎白女粉嫩在线中国女| 久久黄色高清视频。| 97无码人妻福利免费公开在线视频 | 成熟老妇女毛茸茸的做性| 大香久久伊人电影网| 成年视频人免费站| 又色又爽又黄的三级视频| 亚洲精品国产AV现线| 欧美日本啪啪一区二区三区| 伊人天天躁夜夜躁狠狠| 丁香婷婷综合激情| 夜夜爽免费视频| 页草草影院ccyy| 欧美成人免费观看| 无码按摩| 国模吧一区二区| 欧洲免费无码色视频| 中国少妇的呻吟xvideos| 亚洲中文涩涩涩无码| 香蕉精品视频在线观看| 裸体爆乳羞羞自慰漫画| 亚洲成AV人影院在线观看网| 国产经典a区久久久一区二区三区| 午夜影院亚洲视频| 亚洲人成伊人成综合网久久| 亚洲艾草网国产精品| 久热香蕉在线视频| 国产超短裙丝袜在线观看| 成 人 免 费 黄 色 网站无毒| 国产午夜精品视频| 亚洲爱爱网| 国产最新岛国av| 中文字幕无码精品亚洲资源网| 麻豆久久婷婷国产综合五月| 中文精品久久久久国产| 9RE热国产这里只有精品| 欧美日韩国产高清视频| 影音先锋在最新资源站| 国产精品成人免费| 久久撒尿视频下载| 三级在线观看国产| 久久久精品图片GIF| 成人性动漫在线观看18| 亚洲色www无码| 国产激情四射| 亚州无码在线免费视频| 户外裸露刺激视频第一区听| 国产成人精品日本亚洲网站| 国产欧美日韩综合aⅴ天堂| 4438最大日韩无码| 成 人影片 免费观看日本| 亚洲黄色影院| 欧美性稚交6-12| 小黄鸭av导航在线| 精品少妇一区二区三区| 日本一二区三区潮喷水| 荡女高中生蒋雅雅末班车被吸| 亚洲加勒比少妇无码av| 6一12泑女WWW雏| 97人妻无码一区| 2021AV免费在线观看| 免费a级毛片无码专区| 久久丁香97| 妓女精品不卡一二区| 国产破处视频| 国产农村妇女一级系列| 黄a大片av永久免费| 9久9久免费精品视频在线观看| 热re99久久精品国产66热6| 92精品国产自产在线观看4| 黑人与人妻无码中文视频| 不要,啊啊啊我,高潮了视频| 制服丝袜笫一页av天堂| 护士张开腿让男人桶爽的视频 | AAA级毛片免费视频| 亚洲色大成在线观看| yw岛国无码高清| ~嗯~啊~免费视频| 国产免费网站看v片元遮挡| 欧美男男作爱videos可播放| 亚洲无码AV中文一区二区| 成人福利片在线观看网站福利| 狠狠色综合久久久久尤物| 亚洲国产理论片在线播放| 美女黄色自慰网站| 青青青伊人色综合久久| 97SE亚洲综合色区| 国产精品美女黄| 办公室中激情欧美| 黄色网站在线放播无遮挡| 国产呦视频| 有码 制服有码中文字幕av| 日本卡一卡二三区| 久久精品亚洲乱码伦伦中文| 永久AV导航网址| 日本精品久久久久中文字幕| 精品国产精品国产偷麻豆| 狠狠躁夜夜躁人人爽天天bl | 毛片国产| 99久在线国内在线播放免费观看| 成熟少妇无码| 五月天伊人久久| 狠狠久久综合99| 亚洲中文字幕无码成| 国产精品iGAO视频网网址| AV无码精品在线观看| 国产又黄又刺激网站| A级亚洲尤物在线| 亚洲日本久久| 免费男人的j把女人的j桶爽了| 华人黄网站大全| 色五月六月| 激情综合婷婷丁香五月尤物| 人妻少妇久久中文字幕一区二区| 亚洲永久视频在线观看| 国产成人一区二区三区免费| 国产精品白丝喷水| 国产护士喷水视频污| 中国老妇女毛茸茸bbwbabes| 91碰在线视频盛宴| 好爽好黄的免费视频| 成人影院午夜男女爽爽爽| 亚洲特黄特色一级在线观看| 婷婷激情六月激情| 久久青草免费97线频观| 国产一区自拍网站| 大学生酒店呻吟在线观看| 亚洲av永久无码精品放毛片| 久久99精品日韩| 日韩av无码久久精品免费| 曰批全过程免费视频观看软件下载| 国产私拍福利在线永久视频| 国产精品无码专区综合网| 中国大屁股HDXXXX| 好了AV四色综合无码16| 久久国内免费视频| AV男人的网| 亚洲av综合色区无码一区| 久久一本热色99国产| 嘿咻嘿咻免费区在线观看 | 18禁无遮挡啪啪摇乳动态图| 日本乱视频在线播放| 国产大屁股av| 国产片久久| 尤物视频www| 国产成人mv视频在线观看| 国产网红在线观看免费| 精品乱久久| 午夜福利片国产精品| 欧美一区二区九九| WWW亚洲视频黄色电影| 亚洲成色| 日本xxxx色视频在线观看免费| 又黄又无遮挡又湿的视频| 国产成人综合色视频精品| 国产在线精品无码AV不卡顿| 99久久99视频这里只有精品| 国产成人丝袜在线播放| 久久精品国产亚洲7777| 一级日本性爱免费看| 99久久无码一区人妻A黑| 中文字幕有码在线| 国产午夜一级| 又大又爽又刺激免费视频| 亚洲AV成人无码日韩久久精品| 9久久精品视香蕉蕉| 超碰人人透人人爽人人看| 亚洲国产精品成人久久| 欧美激情一区二区三区高清视频| 久久无码av一区二区三区| 幻女bbwxxxx另类| 91亚洲人成手机在线观看| 五十老熟妇乱子伦免费观看| 日韩人妻少妇精品无码AV| 一级丰满少妇按摩| 亚洲十八禁天堂| 白浆潮喷护士在线观看| 久久久久精品99九九国产| 天天爽夜夜爽人人爽曰| 野花视频www在线观看免费| 永久免费毛片在线播放| 亚洲一区二区免费看| 未发育国产精品| 亚洲性日韩精品一区二区三区| 人人超人人超碰超国产97超碰| 久久精品女人天堂AV免费观看| 久久精品国产只有精品96| 亚洲尤物永久无码AV| 久久久久久亚洲AV无码专区 | 国产成人丝袜在线无码 | 综合 欧美 亚洲日本| bbbbbxxxxx欧美性| 69老司机午夜免费影院| 亚洲av色影在线| 第一亚洲中文久久精品无码| 又大又粗进出白浆直流视频在线| 69国产精品进线| 杨幂在线观看无码| 久久精品国产久精国产思思| 女人潮抽搐动态图gif后λ式| 国产成人精品蜜芽视频| 777精品影视| 国产网红女主播精品视频| 天啪天啪综合在线视频| 无遮挡很爽的网站| 在线观看最新国产精品| 国产剧情无码中文字幕在线观看不卡视频 | 亚洲无线码高清在线观看| aⅴ18精品| 99久久精品免费看国产| 久久一本热色99国产| 老女毛茸茸乱伦视频| 欧美成人A∨视频免费在线观看| 欧美亚洲色大成网站| 福利精品在线看| 国产在线乱子伦一区二区| 欧美成人网视频| 亚洲精品无码中文字| 日韩无遮挡激情视频| 黑人欧美一级在线视频| 国产精品午夜波多野结衣| 欧美成人A激情在线观看| 在线观看无码网| 呦女精品网站| 家庭乱码一二三2021在线| 亚洲精品无码久久久久app| 波多野结衣被干视频| 国外网禁14泑女网站130| 亚洲国产91在线精品国自产拍| caopon超碰最新| 亚洲视频国产视频| 中文字幕在线欧美日韩制服| 亚洲se网| 国产亚洲网曝欧美台湾丝袜| 嗯…啊 摸 湿 内裤视频无码| 无码人妻免费一区二区三区| 好爽不要h视频在线观看| 成年女人黄小视频| 夫上司犯强奷系列在线bd| 在线观看av无码5g| 黄片特级毛片| 印度人粗长硬強行配种| 影音先锋男人资源站| 国产福利免费高清在线| 国产精品一区AV在线播放 | 又紧又湿视频无码| 夜夜操夜夜高潮| 亚洲欧州色色免费AV| 俄罗斯6一12呦女精品不卡| 波多野结衣无码一区二区三区在线 | 亚洲婷婷五月激情| 加勒比AV在线| CHINESE青年大学生GAY| 国产日本卡二卡三卡四卡 | 无码人妻丝袜视频在线播免费| 性色AV电影在线播放| 不戴套双飞女房客闺蜜 | 综合色天天久久| 亚洲中文成人中文字幕| 色八区人妻在线视频免费| 伊人av无码网| 国产一区自拍网站| jk制服白丝喷水短裙出水视频| 亚洲高清国产AV拍精品青青草原| 中文字幕日产乱码六区| 一区二区三区无码AV在线播放 | A级毛片无套免费| 精品亚洲一区二区三区在线观看| 丝袜一区二区| 久久综合亚洲色社区| 国产欧美丝袜不卡在线| 67194熟妇| 777米奇影院狠狠干| 人妻少妇中文字幕| 日韩中文字幕dvd在线| AV在线嫩模| 99re视频热这里只有精品38| wwweee免费观看视频| 白嫩无码人妻丰满熟妇啪| 国产小屁孩cao大人在线播放| gogo人体自慰av无码| 浪友视频在线看色| 乌克兰无码在线| 97无码视频在线看视频| 国产AV麻豆精品第一页| 欧美亚洲天堂| 中国屁股喷水视频| 国产高潮社区| 中文宅男天堂在线| 女人自慰网站免费观看| 国产在线一区二区| 日韩中文字幕在线视频| 在线观看亚洲十八| 亚洲国产A∨无码影院| 亚州国产午夜在线视频无| 日本人妻vs黑人嗷嗷叫视频| 国产成在线人免费视频| 国产AV麻豆精品原创| 亚洲每日在线| 少妇av在线| 2022国产无码在线视频| 亚洲AV色香蕉一区二区三区分娩 | 嗯~啊~哦~别~别停~啊视频| 成在线人免费视频播放限制| 亚洲精选品质AV在线| 狠狠色丁香九九婷婷综合| 影音先锋av制服| 久久免费成年人黄色视频| 中美日韩印度亚洲综合在线| 久久一er精这里有精品| 337p日本欧洲亚洲大胆张筱雨| 影音先锋无码av| 亚洲加勒比高清无码在线观看| 可以免费看美女自慰的黄色网站| 国产叫闺蜜一起在线播放| 老熟女丰满六十路| 中文字幕人成| 国产 日韩 欧美 精品 大秀| 精品久久久无码中文字幕| av二区不卡高清| 99久久人妻无码精品系列| 亚洲AV无码一区二区水蜜桃| 亚州精品视频| 亚洲国产精品久久| 人在线成免费视频性生大片免费观看| 爽爽爽爽爽成年网站视频在线| 69日本xxxxxxxxx色| 尤物视频在线观看三级h| 大色五月亭综合俺去| 制服丝袜欧美VA| 国产国拍亚洲精品| 久久天天躁夜夜躁狠狠i女人| 日本55丰满熟妇厨房伦| 18禁黄无遮挡免费动漫网站| a级毛片18岁一上在线观看| 久久久亚洲欧洲日产国产成人无码| 精品无码国产污污污免费网站国产| 精品久久久久久久久久香蕉 | 亚洲国产精品无码久久一区二区 | 国产白浆不卡| 天天躁日日躁狠狠躁欧美 | 亚洲无吗不卡| 日日夜夜欧美| 国产色爽女| 中文字幕欧美生活片在线观看| 亚洲欧美日本国产专区一区| 亚洲日韩 今日更新| 白丝羞羞视频在线看| 久久少妇野战| 白丝制服被啪到喷水图片| 午夜在线网站观看小舞被操| 狠狠操免费公开视频| av在线天堂网| 精品无码AⅤ片| 无码熟妇人妻AV在线影片免费| 中文字幕人妻天堂无码专区| 24小时A毛片免费看| 中国女人18毛片一级视频| 亚洲AⅤ在线无码天堂777| 中国丰满熟妇视频| 亚洲国产精品无码中文字小说 | 国产亚洲色婷婷久久99精品| 国产黄三级高清在线观看播放| 亚洲精品无码福利观看| 囯模人体直播在线不卡| 日韩在线AⅤ视频| 无码精品人妻一区二区三区中| 欧洲亚洲视频免费| 妓女影院AV网站在线观看| 嗯啊不要 在线 一区二区 啊啊 不要| 黑人巨茎大战白人美女视频| 国产无码a| 亚洲va中文字幕无码毛片| 99亚洲艹综合| 很黄很黄无遮挡的网站| 亚洲日本VA午夜在线电影| 亚洲欧洲日产无码AV天堂| 中文一区二区三区视频在线播放| 丝袜美女被操日韩精品| 久久久久久综合狠狠| 午夜电影无码不卡网| www日韩欧美| 888亚洲欧美| 狠狠久久精品中文字幕无码| 人妻办公室内上司侵犯| 男女性高爱潮免费网站| 丰满少妇被猛烈进入动漫| 亚洲爆乳精品无码一区二区| aV忘忧草| 高清不卡二卡三卡四卡免费| 国产精品女教师在线播放| 日本老熟妇BBBw| 成年拍拍拍免费网址| 日本一本草久国产欧美日韩| 99re热视频精品首页| 无码MM131在线一区| 99青草精品38国产| 欧美性色欧美A在线图片| 在线观看的Av网站| 777亚洲熟妇自拍无码区| 亚洲一区二区三区中文字幕| 另类自拍制服经典图片区| 中文字幕亚洲精品| 亚洲第一无码影院| 中文字幕v亚洲日本在线| 国产露出视频在线观看| 亚洲AV色香蕉一区二区三区分娩| 久久网更衣室偷窥国产| 老师太大了~轻一点漫画| 在线国产一区二区| aⅴ变态另类天堂无码专区| 亚洲最大的激情4438五月| 色爱综合区图片小说| 欧洲亚洲色图| 加勒比无码一二三区播放| 国产高清自偷自在线观看| 国产老肥熟xxxx| 亚洲精品视频在线看| 国产成人亚洲综合网站小说| 亚洲人成网站在线播放大全| 99久久精品国产免费看| 2022av在线午夜人妻| 国产午夜福利电影| 亚洲 综合社区| 九九99九九99国产熟女视频| 美女不遮不挡18禁裸体看尿口| 免费人成在线| 成人午夜网| 中美日韩毛片免费观看首页| AV动漫一区二区三区| 久久香蕉精| 中文人妻av大区中文不卡| 怡红院av网| 亚洲欧洲日产国码AV网站| 国产精品专区一区二区三区| 一级毛片樱桃视频免费下载| 在线观看国产h小视频| 国产精品免费aⅴ片在线观看| 国模吧无码一区二区三区| 国产精品 无码专区| 97超频免费公开| 无码少妇一区二区三区动漫免费看 | 蜜臀aⅴ永久无码一区二区| 一人看www免费片| 妺妺窝人体色www在线直播| 久久青青草原精品国产不卡| 无码区体验十分钟| 2022AV欧美精品| 影音先锋熟女少妇资源网| 2022av高清无码视频| 影音先锋制服丝袜第6页| 女人脱裤子让男生桶爽视频动态| 一级女人毛片| 亚洲无码在线无广告| 8050午夜二级一级全黄| 日本少妇高潮受不了| AV无码性天堂| h国产h视频在线观看| 嗯啊视频免费| 18禁h片免费网站| 羞羞影院,午夜男女爽爽影视| 幻女free性ZOZO交体内谢在线观看| 精品无码av人在线观看| 99久久国产综合精品女同| 亚洲天2021地址免费观看| 日本不卡不码高清视频| 国产农村一一级特黄毛片| 欧美日韩一区精品视频一区二区| 久久精品免视着国产成人| 久久久久99人妻一区二区三区 | 12周岁女全身裸啪啪自慰网站| 国产女人婷婷| 国产疯狂女同互磨高潮在线看| 网址你懂的亚洲| 亚洲色第一次在线观看| 亚洲愉拍自拍视频一区网手机版| 欧美日韩国产在线观看免费| 亚洲天堂在线播放| 美女又大又粗又爽免费视频| 亚洲vs欧洲AV网站| 嗯啊不要痛一区二区| 外国三级在观线看| 97超碰免费在线| 国产农村妇女一级在线| 九一国产熟女视频大全| 中文字幕 无码一区二区| 尤物92福利视频午夜1000合 | 手机看片av无码永久免费| 啊啊啊不要涩在线观看免费| 日本一本久草| 人妻交换蜜芽第一页| 国内美女白浆视频久久| 亚洲免费AⅤ狼友视频| 国产亚洲欧美久久精品| 白丝美女裸体A级视频| 宅男666在线永久免费观看| 秋霞人成福利在线观看视频| 国产成人免费av片在线观看| 爱v天堂在线观看| 性爱免费视频一区二区| 国产成人久久精品流白浆| 亚洲人妻无码在线| av无码全过程在线观看| 白丝娇喘视频免费看网站| 又爽又高潮的免费视频国产| 亚洲五月天在线观看| 黄 色 成 年 人 网 站免费| 制服丝袜国产无码在线| 亚洲中文版日本AⅤ| 欧洲肉欲k8播放在线| 欧美1819在线观看| 国产高清在线精品免费不卡| 国产午夜无码片在线观看影视| 337p人体粉嫩胞高清大图 视频| 欧美精品免费线视频观看视频| 中文字幕无码第1页| 欧美中字一区日韩| 精品无码一区二区三区| 亚洲欧美国产精品久久| 国产精品尤物视频麻豆| 2022国产在线高清无码| 2022最新自拍视频在线观看| 午夜精品一区二区三区高清视频| 亚洲第一av网站| 久久久噜噜噜888久久| 久久99精品国产麻豆不卡| 国产精品第100页| 色婷婷缴婷婷5月情综天天| 中国少妇毛茸茸高潮| 亚洲一区激情中文字幕| 亚洲欧美日韩国产综合V| 国产午夜激无码AV毛片可下载| 国产高潮社区| 亚洲av日韩av无码大全| 国产真实强J视频在线观看| 国产精品欧美福利久| 天天干天天日| 精品国精品一区二区三区| 日韩色视频一区二区三区亚洲| 高H无码肉免费视频| 男人的j桶女人免费网站| 国产av一区二区三区最新精品| 亚洲JIZZJIZZ少妇| 在线观看日韩在线双飞| 免费观看一级女人自慰| 国产真人无遮挡作爱免费视频| 2022Av无码在线观看| 黑人又大又粗又黄又长视频| 在线最新国产2022免费视频| ww东京热| WWW拍拍拍| 2021亚洲色中文字幕| 国产精品毛片无遮挡| 精品网站 久久久| 亚州无码性Aⅴ| 大学生无套流白浆视频大| 国产美女一区二区在线观看| 免费看白丝jk自慰AV| 性爱视频国产| 在线观看黄网站色| 十八禁禁久久精品| 免费精品无码一级毛片| 波多野结衣午夜福利在线| 2021国产微柏精品一区| av草草久久久久久久久久久| 18 在线 播放 国产| 亚洲天堂国产视频| 国产白嫩美女在线观看| 日本免费一区二区三区视频| 久久久久久久97| 日韩精品一区二区av在线| 老司机午夜福利视频| 亚洲色大成网站www在线观看| 亚洲日本系列久久| 国产污污污免费网站| 国产视频一区二区| 无码熟妇人妻av| а√天堂岛国在线免费看视频| 九月丁香激情在线| 人妻 丝袜美腿 中文字幕| 极品少妇被黑人白浆直流| 国产综合色香蕉精品午夜婷| AV不卡无码免费一区二区三区| 我爱亚洲天堂| 国精品无码AV人妻受辱系| 久久国产高清字幕中文| 国产国产人免费视频成69大陆| 免费人妻无码不卡中文视频| 白丝jk被折磨到高潮的视频| av手机在线观看的网址| 伊人天堂在线视频| 亚洲永久无码视频| japanese国产中文在线观看| 未满十八禁止观看黄瓜视频| 2021国产最新在线视频一区| 69性影院在线观看国产精品87| 国产三级精品视频| 曰本综合久久作爱| 最新91在线老师啪国产| 国产精品无码一区二区三区| 亚洲成Aⅴ人的天堂在线观看女人| 一级毛片做受视频| 黑色丝袜脚交视频麻豆| 狠狠色综合播放一区二区| 中日韩亚洲国产综合| 日日摸夜夜操| 熟妇久久网| 国产片精品mv在线观看| AV资源天天| 国产香蕉一区二区精品视频| 激情片一区二区三区| 在线手机AV 网站| 男高中生自慰Gay网站www| BBW撒尿大全| 亚洲美女啪啪| 中文字幕无线在线视频观看| 亚洲av无码成人黄网站在线观看| 天堂网AV看网| heyzo无码中文字幕人妻| 风间性色中文字幕亚洲一区| 又大又爽视频| 久久久噜噜噜久久中文字幕| 蜜臀AV无码精品人妻色欲| 宅宅少妇无码| 欧美激情国产精品| 最新无码AVDⅤD在线| 最新国产午夜福利| 亚洲国产成人AV影院| 在线看片免费人成视频下载| 精品久久8x国产免费观看| 国产精品888| 日本免费一区二区三区a区| 亚州国产午夜在线视频无| 久久午夜福利精品| 在线手机av人| 一区二区国产在线观看免费| 交换配乱吟粗大在线视频| av色综合网站| 极品嫩模高潮叫床| 亚洲成AV人在线播放无码| 曰曰鲁夜夜免费播放| 日韩在线色| 国产白嫩大屁股免费视频| 亚洲自偷图片自拍图片| 爆乳放荡的女教师bd| 无套女露脸 在线视频| 中文字幕无码免费久久9一区9| 欧美一级鲁丝片免费一区| av員在线播放| 高潮视频在线快速观看国家快速| 69堂无码国产精品专区| 99国产超薄丝袜足j在线直播| 无遮挡一级毛片性视频| gogowww人体大胆裸体无遮挡| 色AV天堂国| 亚洲激情中文字幕| 好看的日韩AV大片在线播放| 有码高清中文字幕| 97人妻无码一区二区精品免费| 亚洲人体免费视频| 精品久久久中文字幕| 国产免费午夜福利在线播放11| 婷婷久久香蕉五月综合网| 黄色激情视频大全免费观看| 来过一级特黄欧美又粗又大 | 中文字幕乱码人妻一区二区三区| 337p人体粉嫩胞高清69| 手机在线观看黑人AV| 樱花AV在线无码| 亚洲h成年动漫在线观看网站| 91麻豆精品国产一区色欲噜噜噜| 成人免费VA视频综合网| 麻豆国产av| 看黄a大片日本真人视频直播| 影音先锋男人看片AV在线| 亚洲中文av一区二区三区| 免费人成在线播视频| 蜜桃臀AV高潮无码| 一级日本午夜福利电影| 国产精品中文原创AV麻豆| 男人插女人网站18禁| 亚洲成色在线网站| 100av在线| 免费A∨中文| 亚洲精品乱码久久久久久不卡| 又长又粗好多水午夜视频| 色综合久久中文字幕网| AV无码天堂网在线观看| 国产羞羞视频| 波多野结衣中文无码| mm131美女爱做视频免费| av网站免费| 国产 在线 激情| 亚洲AⅤ乱码一区二区三区| 在线免费日韩欧美视频| 久久久久久久久免费看无码| 中文字幕好多水| 欧美在线观看免费一区视频| 国产精品SP调教打屁股视频| 手机在线播放亚洲国产三区| 被侵犯人妻中文字幕有码| 手机在线观看亚洲AV每日更新| 丰满人妻被公侵犯中文电影版| 出差被领导内谢的少妇| 大乳吃奶视频免费| 激情视频在线观看黄免费| AV区无码字幕中文| 又黄又免费的网站| 亚洲毛片αv无线播放一区| 中文字幕 在线 欧美 日韩 制服| 国产成人无码AⅤ片在线观看| 亚洲AV第八页在线| 国产精品COS第五页| 午夜啪视频在线体验区| 久久精品国产亚洲av麻豆蜜芽| 不卡的AV免费在线| 福利视频欧美一区二区三区| 国产美女高潮流白浆视频免费| 日韩美女午夜高清一级视频| 国产无套喷水视频在线播放| 亚洲一区二区三区99| 黄片无码看| 99久久免费精品,不卡视频| 日日碰日日摸夜夜爽无码| 国产午夜福利在线永久视频| 国产精典999一区| 尤物喷水视频在线免费看| 国产毛片毛多水多的特级毛片| 精品亚洲成A人在线观看| 无码动漫性爽xo视频在线观看| 337P人体粉嫩炮高清大图| 亚洲a在线观看无码| 大屁股喷水的视频| 人妻免费无码不卡视频| 精品不卡一区中文字幕| 欧美成人精品高清在线观看| 国产对白俱乐部交换在线播放| 亚洲嫩模无码二区| 强行扒开双腿疯狂进出动态图视频| 白嫩少妇喷水正在播放| 无遮挡十八禁污污污网站| 国产高中生无套| 三级国产在线| 黑人30厘米进去好疼视频| 不卡无码人妻一区二区三区| 一本之道高清乱码狼人| 一级黄色片试看120| 又色又爽又黄又粗暴的小说| 丰满人妻一区二区三区视频| 精品尤物视频在线观看999| 五六十熟妇在线视频| 天天拍夜夜添久久精品大| 亚洲一区中文字幕日产乱码| 无码日韩人妻精品久久蜜桃| h亚洲精品| 人妻 自慰 偷窥 无码| 天天夜碰日日摸日日澡| 少妇被强奸高潮得喷水惨叫| 国产亚洲一区二区精品| 亚洲一区无码精品色偷拍| 中文成人无码精品久久久不卡| 激情综合五月亚洲婷婷| 天堂网av在线| 免费萌白酱国产一区二区| 亚洲男无码| 看片在线高清在线观看| 九九九少妇免费| 亚洲一区二区三区四区无码| 亚洲有码AV中文字幕| 中文字幕一区二| 8090成年在线看片午夜福利| 2014AV天堂网无码视频在线| 欧美字幕第一页| 自慰喷潮免费观看| 亚洲黄色在线网站| 2022精品视频观看免费| 视频中文字幕第一页| 免费欧洲的毛片| 日韩欧美A∨中文字幕| 97青草视频热线视频大全| 国产精品热久久| 欧美18XXOO视频在线| 国产精品热久久无码av| 亚洲精品私库AV网| 成 人影片 免费观看10分钟| 成年女人毛片免费观看com| 国产好舒服好爽好大视频| 日本熟妇色熟妇在线视频播放| 嗯啊亚洲| 国产免费高清视频| 人妻无码中文字幕永久在线| 午夜高清无码不卡| 天天夜夜狠狠一区二区三区| 亚洲爱婷婷色69堂| 久久亚洲AV无码ⅤS国产AV| 亚洲电影天堂在线国语对白| 在线观看给广大狼友提供微拍| 香蕉伊蕉伊中文在线视频| 国产在线地址一| 亚洲乱码国产乱码精品精98| XXXXX69日本少妇| 无A无码| 忘忧草在线社区www日本| 大地在线视频免费观看| 国产98在线 | 日韩| 日本高清在线观看视频www色| 中文字幕无码乱aⅴ免费| 人妻少妇无码精品视频区| 69免费性爱视频| 欧美美女啪啪视频| 公孙离脱光光禁止未18| 6080福利网午夜福利| AV动漫无码不卡在线观看| 亚洲精品tⅴ| 国产一区二区香蕉| 四虎影永久在线yin56xyz| 亚洲а√天堂网官网在线| 久久婷婷五月综合视频| 久久人搡人人玩人妻精品首页| 色哟哟手机在线观看| 欧美成人在线视频亚洲| 天天摸夜夜摸夜夜狠狠添| 久久看少妇| 一区二区三区无码毛片| 高潮AV网| 白丝制服被啪到喷水图片| 久久精品国产欧美日韩99热| 国产jkAv| 国产精品一区二区高清在线| 最新无码国产在线视频fc2| 尤物视频网站免费| 国产精品免费AⅤ片| java性无码hd中文| 免费网禁国产you女网站下载| 真人啪视频免费视频高清| H漫无码喷水播放| 成熟老妇女毛茸茸的做性| 亚洲少妇日韩| 在线不卡av天堂| 又爽又刺激高潮的视频| 草影院线观看免费观看| 国产精品无码av一区二区三区| 又大又黄又硬又免费的费的视频| 2019精品日韩产品在线| 小黄鸭av导航在线| 亚洲一区有码| 在线宅男噜噜网站| 亚洲国产精品久久久久秋霞1| 大黄香蕉在线视频| 第一页美女在线观看| 99久久久无码国产精品6| 亚洲 综合社区| 国产射里面吞精高潮在线播放| 无码在线a视频| 国产精品亚洲第一视频| XXXXBBBB性猛欧美| 超碰97人人做人人爱亚洲| 欧美日韩在线一区二区三区| 我与么公激情性完整视频| y片一级在线观看| 亚洲毛片在线观看视频| 波多野结衣免费视频一区二区三区| 一边吃胸一边揉下面视频| 欧美成人a∨在线视频| 国午夜产一级| 欧美亚洲一区二区三区| 欧美成人美综合在线观看| 久久婷婷五月综合国产| 久久国产自偷自偷免费一区调| 国产AV漂亮女主播| 国产AV无码专区亚洲AV高潮| 免费AV人体片在线观看| 香蕉在线成网| 真人无遮挡无码在线免费观看| 十八禁啪啪无遮挡网站| 中国老太婆grdnnytube| 国产YJizz视频| 69天堂认成无码免费视频| 国产精品久久永久免费| 欧美xxxx做受欧美| 亚洲尤物193yw最新地址| 亚洲动态无码| 人与动人物欧美网站| 少妇富婆高级按摩出水高潮| 五月天婷婷综合在线观看Av| 伊人色视频在线观看| 天天婬色婬香视频综合网| 1313在线观看国产| 18以上岁毛片在线播放| 国产毛片农村妇女系列福利片| 19禁久久精品| 97se亚洲国产综合自在线抹茶| 国内自拍av| 久久久久国产精品四虎| 国产婷婷综合在线视频中文| 国产欧美日韩96| 胸网站在线观看| 超黄视频在线看禁18| 久久精品国产亚洲欧美| 久久国产情侣露脸精品| 精品1区2区3区4区芒果| 无码专区3D动漫精品| 无码国内精品久久人妻| 久久伊人狠狠| AV换脸在线观看| 国产AV无码专区亚洲A| 免费高清自慰区| 无遮挡性爱视频免费在线观看| 波多野结衣一区二区| 国产专区aⅴ在线观看| 潮喷失禁大喷水aⅴ无码| 亚洲乱码一区二区三区在线观看| 国产极品白嫩精品| 高潮一进一出视频免费| 啪啪AV无码| 日韩人妻无码aⅴ中文字幕你懂的| 网站在线观看色| 国产老师丝袜在线看| 搡女人真爽免费视频网站| 2022在线观看网站无码| 无码精品HEYZO在线播放| 在线观看黄aⅴ免费观看| 国产精品精品自在线拍| 亚洲十五区在线| 久久3p| 无码人妻aⅴ一区二区| 久久精品91麻豆| 国产午夜精品百合| 最新无码AVDⅤD在线| 亚洲老师机Av片有码| 国产一级高清| 性xxxx18免费观看视频| 你懂的在线视频网站观看| 国产亚洲精品影视在线| 制服丝袜有码无码在线| 国产香蕉AV| 中文字幕在线观看亚洲视频| yy111111少妇影视无码| 18禁在线播放A区| 一区不卡在线观看| 国产在线欧美一区二区| 在线亚洲高清揄拍自拍一品区| 厕所偷拍不卡| 无码高潮少妇毛多水多水| 美乳女神思瑞| 欧洲AV最新天堂网址视色| 国产农村妇女一级在线| 好紧好湿太硬了我太爽了视频| 人妻少妇久久中文字幕456| 制服丝袜国产无码在线| 免费高清欧美一区二区三区| 日韩精品人妻AV一区二区三区| 亚洲国产女人AV| 最新国产色内内视频| 亚洲av综合av久草综合| 亚洲无线码观看欧美午夜精品电影91| japanese第一次喷水| 成年女人毛片免费视频喷潮| 制服长腿丝袜无码av| 国产精品高清视亚洲乱码有限公司| 国产不卡视频在线观看| yyyy11111少妇喷水影院| 泑泑Av无码免费| 中文字幕欧美123| 欧美伊人久久大香线蕉综合| 亚洲AV老司机在线观看| 被强到爽的邻居人妻完整版| 欧美a级在线现免费观看| 久久国产精品亚洲一区二区| BBwWBBWW高潮| 粉嫩大学生高潮白浆| 又污又黄的网站18禁| 婷婷久久激情| 日韩日批在线播放视频| gogo西西大尺寸大胆高清视频| 熟妇的荡欲bd高清| 国产女色爽免费观看| 粉嫩中文字幕| 日本丰满熟妇| 三级无码在钱av无码在钱| 中文a级理论午夜| 在线播放国产一区二区三区| 亚洲欧美国产国产综合一区| 麻豆久久婷婷综合五月国产| 波多野结衣护士未删减版| AV动漫无码不卡在线观看| 国产二区自拍| 国产专区 制服丝袜| 波多野结衣性爱网站| 日本xxxx色视频在线观看免费不卡 | 亚洲AV高清在线观看一区二区三区| JIZZJⅠZZ亚洲大全| H视频在线观看视频在线男同| 又粗又硬又爽又黄毛片| 日本人妻熟妇熟| 真人高潮娇喘嗯啊~在线观看| 波多野结衣中文字幕久久| 国产成人精品麻豆| 亚洲高清无码波多野结衣艹| 国产福利资源在线| 国产精品九九在线播放| 又黄又爽又大又硬的免费视频 | 把人妻弄出水视频| 久久久受WWW免费人成| 亚洲无码2| 亚洲午夜av福利久久久一区| А√天堂在线最新无码专区在线视频 | 国产精品亚洲一区二区无码 | 亚洲熟女黄色网站| 不卡了AV无码| 9420高清在线观看免费大全无码| 爆乳肉感大码AⅤ无码| 一级a爱免费视频观| 欧美人妻久久中文字幕一区二区 | 亚洲阿v天堂网2021| 国产高清精品福利私拍国产写真| 狠狠综合亚| 又黄又让惹到高潮的小视频| 纯肉动漫H片在线观看播放免费 | 日本一区免费喷水| 中文字幕一区在线观看视频| 黄色视频在线网站入口| 国产亚洲精品日韩香蕉网| 亚洲美女福利视频| 岛国AV动作片免费观看| 1313在线观看国产| 2018天天亲夜夜高潮流白浆| 中文字幕有乳无码| 亚洲人av高清无码| 国产精品自拍自偷| 国产精品V日韩精品v| 亚洲日韩国产电影| 久久久精品免费齐齐| 黄色网站18禁| 国产成人无码av在线播放dvd| 俄罗斯精品女人一级在线播放| 九月丁香激情在线| 自偷自拍亚洲色| 国产女主播娇喘呻吟在线播放| 337p亚洲人术艺术| 极品粉嫩小泬20p图片| 西西人体大胆4444WWW| 久久久久中文无码精品| 极品少妇午夜福利视频| yw193物美女欧逼视频| 亚洲中美观看在线| 97人妻视频妓女网| 亚洲一区综合在线播放| 久久精品国产一区二区| 亚洲永久免费网站在线观看| 免费人成在线观看网站品爱网| 国产免费α片在线看| 无码人妻被强在线视频| 欧美 亚洲 日韩在线| 国产精品亚洲专区在线观看 | 精品自在拍精选视频| 成为人视频在线播放网站| 在线国产一区免费网站| 天堂AV无码AV在线A2020V聚众| 亚洲国产成人精品无码区在线观看 | 无码av免费不卡在线观看| 久久综合av色老头免费观看| 国产精品日韩欧美一区二区| 女强人被春药精油按摩4| 天堂2021欧美日韩中文在线不卡| 国产调教视频免费专区| 99免费啪啪视频| 永久免费毛片在线观看| 欧美老妇交乱视频在线观看| 377p欧洲日本亚洲大胆| 高清色性中文字幕网站| 国内少妇偷人精品免费| 1024精品 国产| 亚洲av线av无码av不卡av| 一级黄色视频国产| 人妻老妇乱子伦精品无码专区| 无码精品A∨在线观看无广告| 99RE免费99RE在线视频| 国产伦精品一区二区三区| 国产精品10p综合二区| 人妖一级毛片在线观看| 被窝的午夜无码专区| 99久久露脸精品视频| 69久久夜色精品国产69| 少妇愉情理伦片| 日本a∨精品一区二区三区| aV电影网国产| 久久国产精品2020免费| 丰满人妻被公侵犯中文电影版 | 人妻av无码一区二区三区| 久久不卡一区二区三区| 久久综合久久美利坚合众国| 户外露出精品视频国产| 波多野结衣办公室57分钟| 国产精品99久久| 国产AV无码专区| 最新国产黄色网站| 国产精品一区二区 尿失禁| 国产激情一级毛片久久久| 五月天婷婷揉揉| 亚洲无线码高清在线观看| 69视频在线免费播放| 国产一级AV教师| 丰满人妻无码中文字幕| av怡红院日h| 免费一区二区三区毛片| 美女黄色免费在线观看| 888激情视频| 亚洲第一精品立川理恵| 有奶水AV中文免费在线| 亚欧视频高清在线播放| 最新av网站大全| 亚洲无码人成网| 国产成人1024精品免费| 国产精品免费久久久免费| 伊人久久大线视频| 天堂网www在线资源男男| 女同学在教室喷白浆免费视频| 成人免费视频男女xx视频| 国产AV午夜精品一区二区三| 亚洲中文无码人a∨在线69堂| 日本videos熟妇多毛专区| 亚洲熟女荡妇| 五十路熟女视频| 国产女同疯狂作爱闺蜜| 亚洲肉浴视频播放| 麻豆久久婷婷国产综合五月| 99精品国产福利一区二区| 尤物在线视频网| y片一级在线观看| 国产孕妇av| 久久无码免费视频v| 亚洲gv无码专区在线电影| 国产小比孩网站| 久久狠狠色狠狠色综合| 亚洲丰满多毛的大隂户| 国产ML在线播放| 999精品视频| 8090碰在线视频| 国产91一区二区在线播放| 最新国产日韩欧美不卡在线二区| 美女自慰卫黄网站| 97久久人人超碰超碰窝窝| 中文字幕人妻丝袜2页| 亚洲 另类 日韩 制服 无码 | 亚洲日本韩国久久| 亚洲无吗视频了| G0G0日本肉体艺术激情| 97国产孕妇精彩在线| 国产在线 丝袜大学生| 日韩无码诱惑| 免费a级毛片无码a∨免费| 八戒八戒无码在线| 国产一级毛片一区二区三区| 国产真实夫妇交换视频| 少妇特黄A一区二区三区| 日本视频日韩中文字幕| 国产呦萝资源在线| 你懂的在线免费视| 亚洲欧洲视频在线观看| 国产综合久久久久精品| 992午夜tv在线观看| 99r6这里在线精品视频| 精品国产自在精品国产精华天| 人妻无码久久综合加勒比| 国产成人精品1024| 99re黄色视频| 无码一区丝袜| 婷婷综合久久中文字幕| 亚洲日本久久| 中文字幕99| 欧洲Av天堂| 亚洲AV片劲爆在线观看| 国产偷窥熟女高潮视频| 国产白浆视频你懂的| 嫩草害羞草未满十八| 正在播放国产对白孕妇作爱| 日韩AV狠蕉蕉| 国产高清精品私拍| 多人野外伦姧在线观看| 开心五月婷婷色婷在线| 乱人伦中文无码视频在线观看| 福利姬液液酱喷水自慰| 国产无遮挡无码视频在线观看 | 伊人久久未满| 亚洲A极无码毛片| 最长最大最硬黄色视频| 污色禁网站无码| 18禁美女裸体| 最新亚洲中文无码不卡| 亚洲女人自慰网站| 亚洲人成在线播放无码| 国产成人精品综合久久久久性色| 久热中文在线观看| 国产亚洲精久久久久久无码苍井空| 亚洲一区二区三区在线| 久久久国产亚洲一区| 午夜电影福利| 丫丫yy111111少妇影院| 亚洲一本之道高清在线观看| 免费观看的成年网站在线的| 免费人成视频x8x8入口AA| 粗大挺进朋友未婚妻| 亚洲欧洲天堂AV在线播放 | 国产AV网站18禁止人| 2022av在现免费观看| 亚洲无码免费午夜| 日本亚洲欧美在线观看| 久久久久精品无码免费看| 我不卡亚洲一本| 高清无码不卡在线| 无码吃奶揉捏奶头高潮视频| 久久成人综合网| 亚洲乱码国产乱码精品精在线网站| 国产一区二区三区美女图片| 又粗又长又硬高潮了视频| 国产精品边做奶水狂喷直播| JiZzJiZZ国产免| 日本高清视频网站WWW| 潮喷 中文字幕| 中文字幕亚洲电影影音先锋 | 亚洲区激情区无码区| 尤物yw193coc在线观看| 在线看又黄又刺激视频免费| 国产亚洲无码有码| 爱情岛白丝在线观看| 伊人尤物视频在线观看| 国产无遮挡裸体免费视频| 不卡无码人妻| 国产一二三社区不卡| 亚洲色大成网站www永久在线观看| 欧美h久免费女| 亚洲网友偷自拍| 精品久久久久国产免费| 久久久久久无码午夜精品| 视频一区二区三区四区,久久免费视频 | 国产成人综合亚洲亚洲国产第一页| 国产乱人伦精品一区二区三区| 午夜精品久久久久久久99| 久久久久久网| 精品美女在线| 日本午夜精品理论片A级| 日韩欧美精品一区二区三区 | 丰满少妇被猛烈进入流水| 乌克兰精品免费视频| 男女69激情视频| 亚洲欧美日韩愉拍自拍美利坚 | 亚洲免费不卡无码人妖s| 黑人无码AⅤ中文字幕| 吻戏激烈娇喘吃奶摸下| 午夜福利日本动漫h在线观看| 国产亚州精品女人久久久久久| 18禁美女爆乳裸体| 亚洲婷婷一区二区三区| 成人性动漫在线观看18| 国产精品H在线观看| 正在播放欧美女同一区二区| 久久精品 女人的天堂| 波多野结衣久久| 真实播放国产乱子伦视频| 国产成人av大片在线播放| 高级黄区18勿进视频免费| 日韩亚洲av人人夜夜澡人人爽| 在线呦交网站在线观看| 国产在线脚交免费网站脚丫| 国产美女一区二区三区| 羞国产在线拍揄自揄视频| 一起色一起碰一起爽| 欧美亚洲另类精品第一页| 美女高潮黄又色高清视频免费 | 最新2021亚洲网站| 娇妻粗大高潮白浆| 亚洲永久无码7777kkk| 欧洲熟妇无码在线观看一专区| jizzjizz麻豆亚洲天堂| 第六色丰满无码| 少妇又紧又爽在线观看| 把腿扒开做爽爽视频| 三上悠亚升天4连发在线观看一区二区三区 | 免费黄色高清视频| 五十路av| 精品999无码在线观看| 伊人大香线焦狠狠鲁的视频最快| yy111111少妇影院中文| yy111111人妻影院明星| 加勒比人妻av无码不卡| 國產精品无码高清| 日韩av无码久久精品免费| 毛片网站上1| 红杏无码中文字幕一区 | 在线观看国产丝袜视频| 制服丝袜最新国产第一页| 成年在线观看| 香色肉欲色综合| 亚洲综合色自拍一区| 少妇精品网站| 亚洲日韩国产欧美久久久| AV大片在线观看| 夫妇中文字幕乱叫| 手机在线播放亚洲国产三区| 2021影音先锋aⅴ资源男人网| 免费一区二区三区四区| av波多野结衣一区二区三区| 中文字幕精品一区久久久久| 一二区毛片| 2022国产在线高清无码| 国外高清无码视频| 18禁看网站| 西西人体午夜视频| 自偷自拍亚洲综合精品| 综合VA欧美激情| 精品免费国产一区二区| 小屁孩cao大人AV在线| 999国内精品永久免费观看| 俄罗斯6一12呦女精品| 小浪货腿打开水真多真紧视频| 最好看的中文字幕2018-20| 成熟老妇女毛茸茸的做性| 在线调教欧美另类| 成人综合影院| 久久久久精品日韩久久久| 亚洲AV无码精品呻吟| 国产成人无码AV在线播放不卡| 国产精品日韩无码| 一本大道无码国产在线 | JK高中女白丝呻吟自慰在线观看 | 手机AV在线天堂观看网站| 国产性色AV网站网址| 私色综合网| 国产一级aa大片毛片| 国产日韩精品秘 入口| av无码人妻| 大屁股大乳丰满人妻| 亚洲最新版av无码中文字幕| 国产美女AV| 一级中国一级特黄大片| 哟哟哟 色综合网| 欧美黄片视频免费在线二三区| 国产打屁股调教在线观看视频| 超清乱人伦中文视频在线| 2020中文字字幕在线不卡| 啪啪视频中文字幕一区二区三区四区 | 亚洲国产女人AV| 国产女的高潮冒白浆视频| 久久精品呦女导航| 美女黄频免费网站| 少妇精品揄拍高潮少妇| 亚洲国产成人资源在线| 美女黄色片一区二区三区| 高潮喷水白浆在线观看| 国产片美女福利| 在线不卡的在线综合电影| 中文字幕不卡免费无线观看| 午夜福利影院网址| 经典国产偷自视频区视频真实| 污视频在线观看网站| 国产AV国片精品有毛| 人妻无码一区二区三区免费| A级毛片免费天堂| 无码人妻人妻经典| 亚洲国产精品久久久久久久| 成人午夜亚洲精品无码网站| china高中生腹肌gay飞机直播| 亚洲欧洲精无码AV毛片| 亚州一区二区| 视频区制服丝袜第一页| 亚洲日韩AV片h| 日日摸日日躁夜夜躁免费| 欧美一区二区久久精品| 国产AV无码专区亚洲AV桃花庵| AV在线网站无码不卡的| 亚洲高清无码四虎在线| 亚洲AⅤ一区| 亚洲欧洲日产国码在线观看| 不戴套交换系列17部分吴琴| 91碰超免费观看| 日本韩国中文在线字慕| 国产精品国产三级国产AV主播| 一区二区无码中出| 4D肉蒲团之性战奶水国语TXT下载| av 三区| 黑人30厘米进去好疼视频| 日本激情网| 日本少妇一级做α高潮免费| 午夜精品自偷自拍| 国产欧美91| 久久久亚洲欧洲日产国码aⅴ | 无遮挡激情视频在线观看| 婷婷五月国内综合激情| 2020亚洲А∨天堂在线直播| xxxx在线做受视频| 欧美大香线蕉线伊人久久| 久热香蕉在线视频网址| 特级婬片女子高清视频国产片| 无码在线丝袜| AV自慰女免费| 欧美一区二区黄色| 岛国免费动作片AV综合久久AV| XXXXX爽日本护士免费看| 欧美xxxx做受欧美| 西西顶级大胆免费视频| 一区二区三区在线青青| 偷国产乱人伦偷精品视频| 日本成熟妇人高潮aⅴ| 亚洲日韩国产二区无码| 亚洲每日在线| 手机在线看的AV网站| 亚洲11p在线| 日韩欧美一区二区中文字幕| 一区二区三区四区 中字无码| 无码毛片一区二区本码| 亚洲影院尤物| 在线视频网站免费黄| 蜜桃av无码免费看永久| 欧美性受xxxx黑人xyx性爽 | 亚洲欧美日韩国产先锋影音| 久久AV高潮AV无码AV喷吹| 3亚洲日韩在线精品区| 在线观看XXXXX爽日本护士| 美女任你摸18以下的禁止免费| 夜夜爽夜夜叫夜夜高潮| 水多多导航凹凸福利在线| 色老头久久综合网老妇女| av无码人妻| 波多野结衣超碰一区二区| 国产精品美女久久久久9999| 00XX动态图| 国产盗摄一区| 亚洲色大成影网站www永久| 亚洲喷水专区| 在线播放av每天更新| www91超碰在线| 亚洲高清专区日韩精品| 夜夜操欧美视频| 疯狂做受XXXX在线| 亚洲国产精品久久久久婷蜜芽 | 国产情侣一区二区三区| 厨房里我抬起老师的腿| 熟妇人妻av免费| 久久国产乱子伦精品免费交| 深夜国产成人福利在线观看女同| 国产亚洲欧美日韩在线观看一区| 国产 欧美 精品 蜜芽| 亚洲国产99精品国自产拍| 成人A级视频在线播放| 99精品网站| 精品国产乱子伦一区二区三区| 中文人妻无码一区二区三区| 亚洲国产精品免费无码视频 | 一线天自慰流白酱无码专区| 激情在线观看污视频| 欧美色色999| 按摩福利视频网址| 久久精品国产亚洲夜色AV网站| 亚洲青草久久av| 亚洲影院尤物| 一本色道久久88综合亚洲精品| 后进白嫩美女在线观看| 欧美成亚洲成在线| 国产成人AⅤ| 不卡av中文字幕手机看| 白嫩出水在线播放国产| 一卡二卡三卡国色天香免费看| 久久国产成人精品国产成人亚洲| 美女极品粉嫩美鮑20p图| xxx性欧美69日韩三级 | 色图激情偷拍| 18禁黄网站禁片无遮挡观看| xxxx黄日本在线视频| 99视频有精品视频高清| 国产久免费热视频在线观看| 欧美日韩国产视频二区| 中文 无码第一页| 国内3P露脸免费视频| Sao虎在线精品永久观看| 国产激情在线观看免费视频 | 国产剧情最新在线一区二区三| 国内少妇BBWBBw黑森林| 午夜性爱视频| 久热中文在线观看| 国产午夜无码片在线观看影视| 国产精品亲子乱子伦| 综合五月天网| 456亚洲人成影院在线观看| 乱中年女人伦av三区| 加勒比无码一区0| 中字字乱幕乱码在线视频| 亚洲欧美v国产一区二区| 无码强姦精品一区二区三区黑人| 波多野结衣二三区| 久久男人AV资源网站| 无码国产精品一区二区免费久久| 欧美性爱国产一区二区三区| 正在播放海南少妇推油自拍| 中文字幕亚洲一区二区三区| 日韩中文字幕一区二区不卡| 波多野结衣 无码 一区二区三区| 国产成人亚洲精品另类动态| 啊哦男女快用力嗯动图| 国产高潮抽搐免费喷水视频| 日韩久久久久久久精品电影| 最新国内外无码视频| 亚洲成Av人片在观看| A片调教在线免费播放网址| 亚洲ⅤA制服丝袜一区二区三区| 影音先锋人妻中文字幕资源站| 娇妻被朋友征服中文字幕| 国产邪恶精品| metart精品白嫩的asspics| 亚洲AⅤ天堂AV天堂无码| 欧美成人 自拍| AV一天堂色| 亚洲97婷婷| 国产AVXXXXX| 国产成人a无码短视频| 不卡人妻在线免费观看| 国产午夜福利红色一片精品| 成人免费AV不卡在线观看| 欧美牲交a欧美牲交aⅴ| 久久久久久国产精品免费免费男同 | 99久久精品无免国产免费| 无码在线看片| AV日韩精选| 激情国产a视频| 在线观看 亚洲无码| 亚洲天堂网站中文| 久久97精品久久久久久hb| 777影视免费黄色视频| h涩视频在线观看网站| 中文字幕第一页中文专区5| 无码MM131在线一区| 日本精品久久久久久中文字幕| 成年性午夜免费网站蜜蜂| 18禁老湿48试影院| 天天摸夜夜摸夜夜狠狠添| 亚洲中文字幕一二三四五区| 亚洲AⅤ无码日韩AV无码网站| 大屁股av在线| 中国大陆女BBWBBW| 一区二区三区精品偷拍| 激情亚洲AV无码日韩| 无码窝在线lu| 亚洲 日韩 另类 制服 无码| 制服丝袜自拍另类第1页| 久久99久久99精品免视看动漫| 国产精品嫩草影院久久| 国模吧AV| 欧美日韩精品一区二区三区视频在线 | 麻豆最新国产剧情av原创| Av女性爱免费观看网站| 亚洲综合一区二区三区| 最新中文字幕av无码专区不卡| 爱情岛论坛无码AV在线| www五月天com| 可以免费看AV的网站| 级毛片免费视频| 免费午夜爱爱网| 最新国产精品颜值拍在线观看| 亚洲欧美综合精品二区| 国产鲁鲁视频| 亚洲精选视频| 白丝JK十八禁污污网站| 久久综合九色综合欧美百度| 一区二区三区无码视频在线播放| 偷拍激情亚洲| 日本xxxx免费在线播放| 国产黑色丝袜在线观看19| 2020天天狠天天透天干天天| 亚洲高清成人AV电影网站| 一区二区三区黄色| 大香伊蕉日本一区二区| 91久久精一区二区三区大全| 18禁裸身美女网站| YELLOW字幕网 中文字幕| 亚洲无ma天堂| 国产精品无码无需播放器| 在线操av| 亚洲人体免费视频| 精品成人在线| 无码强奷完整视频免费| 在线JYZZJYZZ免费视频| 黑人巨大黑粗免费视频| 亚洲高潮无码久久久久久| 亚洲欧洲闷骚AV影院| 五十路AV在线| 亚洲精品中文无码AV在线播放| 制服丝袜国产在线无码| 337p日本欧洲亚洲大胆在线| 日本一区二区视频免费播放| 人妻大胸奶水2| 制服丝袜无码专区第一页| 国产免费无遮挡精品视频| 大香久久伊人电影网| 一本伊大人香蕉久久网| 日韩无码视频淫乱| 一区二区三区偷拍精品| 国内自拍视频一区二区三区| 国产综合无码一区二区辣椒| 亚洲中文字幕在线爆乳| 中出老熟女中文字幕| 亚洲Av片久久久| 又长又大又粗又硬的3p视频| 在线观看网站深夜动漫催精| 久久青草费线频观看地址| 久久无码精品1024| 精品粉嫩虎白女在线观看| 波多野结衣免费看AV片| 无码不卡一区| 亚洲最大中文字幕无码网站| 国产高潮刺激叫喊视频| 国产三级国产精品| 国产免费费无码一区二区三区| 8ⅹ8x永久免费视频| 手机在线播放亚洲国产三区| 在线看白丝美女自慰| VIDEOS另类德国重口另类一| 久久99久久99这里只有精品| H无码动漫无遮挡在线| 国产天堂网www在线网| 国产免费性爱视屏| 欧美精品人妻天天爽夜夜爽| 不卡av一区二区三区| 欧美精品视频在线观看第一页| 嗯额啊啊在线日本视频| 18进禁美女网站| 又色又爽无遮挡网站| 天天躁日日躁狠狠躁超碰97| 久久无码人妻影院| 工口h无翼乌全彩之调教老师| 无遮挡男女一进一出视频真人| 99热思思| 澳门成AV人片在线观看无码| 亚洲一区二区三上悠亚| 中文永久免费观看网站| 50岁丰满女人裸体毛茸茸| 456又大又爽少妇| 国产AⅤ精品一区二区三区| A无码69| 50妺妺窝人体色www| αⅴ无码不卡网站| 亚洲av日韩av天堂影片精品| 最新手机国产在线小视频| 欧美自拍片| 国产久热精品无码激情| 国产精品视频色尤物yw| 亚洲第一免费| 美女裸体黄网站免费站| ,亚洲s色大片在线观看| 一区二区三区无码高清视频| 国产AⅤ无码片毛片一级| 午夜福利男女XX00视频免费区| 狠狠人妻| 国产成人亚洲日韩欧美黑人| 国产一区二区三区不卡观| 777国产偷窥盗摄精品品在线| 3p久久| 小欲女精品导航| 亚洲精品乱码久久久久久按摩高清| 2021av视频在线观看| 伊人久久大香线蕉动态视频| 蜜桃av无码免费看永久| 中文字幕羽田爱在线| 亚洲欧美丝袜 动漫专区| 亚洲男人最大av网站影音先锋| 国产高清一区二区不卡视频| 亚洲 图中文字幕| 免费无码又爽又刺激加速视频| 18成网址在线观看| 国产精品二区高清在线| 黄色网站视频一区二区三区| 免费看国产曰批| 国产人成无码视频在线| 杨幂喷水高潮在线观看视频| 国产亚洲精品自在久久| 超碰色偷偷人人澡| 又色又刺激的视频网站| 亚洲高清二区| 女高中生自慰免费观看www| 小乌酱黑白双丝交足在线观看| 国产杨幂AV在线播放| 一本大道东京热无码aⅴ| 精品久久香蕉国产线看观看| 国产98在线 | 日韩| 国产 日韩 综合网| 国产精品一区二区三区 20p| 亚洲国产成人av在线播放| 亚洲午夜福利精品久久| 国产精品久久久久久吹潮| 亚洲综合图片区自拍第一页| 亚洲AV本道一区二区三区四区| 亚洲无码在线免费观看| 97热在线视频免费播放| 亚洲乱色熟女一区二区三区丝袜 | 台湾免费Gay片敏感小受| 91精品国产91久久综合牛牛| 邪恶国产精品网| AV在线 成H| 337P大尺度啪啪人体| xvideos一色全网免费视频| 国产精品亚洲综合第一区| 12周岁女裸体自慰免费| 一进一出一爽又粗又大视频| 无码国产偷倩在线播放| 国产又黄又湿又刺激网站| 国产精品成人观看视频| 免费看无码大黄网站| 亚洲影院图| 亚洲色悠悠| 亚 洲 中文字幕 成 人 在线| 羞羞的视频午夜福利网| 亚洲综合中字无码播放| 成年成年动漫永久免费| AV不卡在线永久免费观看| 精品在线看| 正在播放最新熟女俱乐部| av在线播放不卡| 9禁无羞遮视频在线观看| 性无码一区二区三区在线观看| 久久久加热这里有精品6| 国产白浆喷潮| 69天堂人成无码免费视频网站| 最新国产区亚洲另类| 国产精品亚洲片在线观看麻豆| 精油按摩强奸无码网站| 免费观看国产小粉嫩喷水| 成人无码国产不卡在线| 中文字幕制服丝袜第57页| 午夜 色 网站| 东北熟女偷窥| 国产黑色丝袜在线看片不卡顿| 久久精品国产亚洲av不卡| 国产免费无遮挡吸乳视频| 亚洲AV无码国产精品永久一区| 久久精品女人天堂aⅴ| 一道本不卡免费高清在线直播在线 | 乱肉合集乱500篇小说丹丹| 国产AV不卡专区| 中国国产XXXXX免费视频| 中文字幕一区二区三区精品| 欧美成人3d肉动漫在线视频观看| 国产精品自产拍在线观看| 18禁小黄片免费| 亚洲60路视频| 国产一区二区99久久久久| 久久99久久99精品免视看下载| 国产一区二区三区不卡在线看高清完整视频 | igao视频在线| 性无码一区二区三区在线| 亚洲色大成网站www久久九九| 国产精品毛片99久久久久| 亚洲美国产亚洲AV| 色婷婷激情五月| 久久国产精品2020免费| 在线视频网址福利| 二色av电影网| 亚洲熟女交换| 一级毛片高潮流水| 波多野结衣AⅤ高清不卡在线| 天堂无码人妻精品一区二区三区| 未满十八禁勿入ay网免费| 99亚洲区免费影片| 欧美黄片视频免费在线二三区| 粗大狠狠的进出她的体内| av无码久久久久不卡网站亚洲 | 再猛点深使劲爽免费视频| 久久久亚洲欧洲日产国码是AV| 国产美女粉嫩无套在线观看| 97视频国产中文字幕| 黄色网站免费观看入口| 粗大进出身体视频| 综合网av| 国产调教免费视频| 别揉我奶头~嗯~啊~免费网站观看| wwwxxxx东北| 日日躁夜夜躁狠狠躁超碰97| 国产精品久久精品第一页午夜| 波多野结衣AV大高潮在线观看| 香蕉久久夜色精品国产2020| 手机播放av网站| 好男人在线观看直播视频| av毛片高清无码免费在线观看| 亚洲综合五月天国产AV| AⅤ永久无码精品| 国产抖音福利在线观看| 网红尤物自慰喷白浆在线观看| 一晚上干2炮在线观看网站| 亚洲国产精品一区二区制服| 征服轻熟女少妇系列全文阅读| 亚洲情a成黄在线观看| 乱子伦精品麻豆av| 亚洲欧美高清在线精品一区二区| 极品人妻被浓精喂饱| 最新呦女视频网站| 爆乳肉体大杂交在线观看| 翁公的粗大小莹高潮连连视频| 国产成人精品吹潮在线观看| 澳门AV一区二区三区| 亚洲AV成人无码天堂动漫| 激情综五月| 日本视频在线观看不卡高清免费| 亚洲人a成免费| 这里只有精品九九酒酒99热| 40成熟女人牲交片| 污视频网站日本免费| 黄色视频一区二区,三区| 国产高清在线精品一区app| 别揉我奶头~嗯~啊视频网站| 中文字幕制服丝袜亚洲精品| 操逼视频免费看| yw在线网站一区| 国产浮力第一页草草影院| 最新手机AV在线网| 国产精品无码一级毛片不卡| 中文字幕亚洲综合小综合在线| 办公丝袜AV一区二区三区| 日韩XXXXX免费视频| 在线观看免费亚洲| 国产精品久久齐齐| 日韩女同互慰视频在线观看| 18禁99网站这些观看| 中国一级特黄刺激刺激爽| 亚洲AV成人无码天堂| 黑人30公分无套内谢中国少妇 | 传媒无码在线观看| 国产在线精品观看| 亚洲熟妇精品任你躁| 亚洲免费一区二区三区超清| 婷婷激情网址| 国产卡一卡二卡三卡欧美| 天天操国产女人| 午夜老湿机在线精品视频网站 | 亚洲国产欧洲综合997久久破处| 久久久精品图片GIF| 9797超视频在线观看免费| 亚洲精品欧美综合四区| 国产很爽的超薄丝袜脚交网站| 天天躁天天爽天天高潮| 99精品视频在线观看re| 中文字幕无码DVD| 掰开极品人妻美腿舔极品人妻小穴| mm1313国产韩国亚洲| 国产午夜无码福利在线看网站| 一区2区3区4区女尤| 久久免费成年人黄色视频| 亚洲明星色鲍小视频| 亚洲精品国产精品乱码在线观看| 久爱免费在线观看| 二区三区不卡不卡视频| 古典武侠丝袜制服| 精品国产高清自在线一区二区三区 | 亚洲成a人片在线观看播放| 亚洲色无码专线精品观看| 换爱交换乱高清大片| 在线a级毛片高清免费视频| 永久免费 亚洲| 别揉我奶头~嗯~啊~免费网站| 国产精品爽黄69天堂a| 18禁专区第一页| 狼人视频国产在线视频www色| 91spa国产无码| 国产高清无套在线观看| 国语一级毛片私人影院| 欧美字幕第一页| 樱花AV在线无码| 西西大胆午夜人体| 国产AⅤ无码片毛片一级 | 国产毛片高清一级国语| 亚洲国产理论视频| 国产成人18黄网站小说| 国产A区二区三区| 日本50岁丰满熟妇xxxx| 少妇水多多午夜福利| 亚洲色图一区二区| 嗯啊午夜福利在线观看| 动漫精品福利视频| 欧美日产国产亚洲综合图区一| 国产午夜福利久久久| 久久婷婷五月综合色国产香蕉 | 色综合伊人尤物| 狠狠cao免费视频| japanese乱子吃奶| japanesexxxxhd护士18| 小泽玛利亚无码一区二区| aaa欧美色吧激情视频| 国产成人福利在线视频不卡| 亚洲AV男人的天堂网址在线观看 | 午夜孕妇福利视频| 在线视频偷国产99| 伊人丁香综合在| 啦啦啦啦视频在线播放免费观看www| 久久精品国产一区二区电影| 2020最新国产自产精品| 性欧美牲交xxxxx视频αpp| 69色最新在线视频| 又爽又黄视频| 91尤物在线| 韩日无码不卡| XX网址在线观看| 极品jk白丝在线喷水| 亚洲欧美日韩专区| www男人的天堂| 色婷婷综合久久久久中文一区二区| 欧美男男作爱videos可播放| 中国女人18毛片A级毛片视频| 亚洲阿v天堂网2021| 高潮白浆潮喷正在播放| 亚洲人成网77777香蕉| 国产男女被愉拍在线视频| 国产免费一区不卡在线| 国产孕妇AV首页| 国产成人av综合亚洲色欲| 中文字幕高潮波多野结衣在线视频| 久久黄色高清视频。| 亚洲午夜不卡| 2012无码中文字幕高清在线中文字幕| 美女的胸又黄又www的网站| 极品人妻被浓精喂饱| 国产精品亚洲综合色区| 羞国产在线拍揄自揄视频| 播放久久国产乱子伦精品| 亚洲欧洲日产国码在线观看| 人妻丰满熟妇AV无码片| 日日夜夜狠狠操操| 裤袜av在线| 国产zzJJzzJJ视频全免费失足圣女| mm1313亚洲国产| 精品偷拍亚洲| 亚洲AV无码精品色午夜蜜芽| 嗯啊呻吟又粗又大又长视频| 扒开衣服强行摸双乳高清视频| 亚洲国产10p| 干亚洲少妇| 无码 在线 在线| 粉嫩国产白浆在线播放| 最近中文字幕页| 本地av电影在线观看| 久久精品这里只有精99品麻豆| 欧美国产偷怕自怕尤物视频| 国产成人vr精品a视频| 一道久在线无码加勒比| 国内少妇高潮嗷嗷叫正在播放| 国产情侣偷情盗摄| 久久网国产| 亚洲无码1区| 精品一区二区三区视频在线观看 | 无码AV中文一区二区三区桃花岛 | 精品国产免费观看一区高清| 亚洲天堂影音先锋| 亚洲男人AⅤ无码在线| 国产高潮流白浆网站| 激情视频在线观看黄免费| 男人的天堂免费A级毛片无码| 国产成人久久a免费观看 | 无码专区一区二区三区久久| 自拍另类一区| 免费看男人j放进女人屁股里| 久久国产精品超级碰碰热| 成片免费观看视频在线| 成人无码视频| 日本妇人成熟免费2020| 日韩亚洲av最新在线观看| 欧美中文有码字幕在线播放| 张开腿无遮挡欧美| 少妇高潮无码自拍| chinese乱子伦xxxxhd| 粉嫩虎白女流水自慰洗澡| 午夜 青草视频免费观看| 另类小说图片区| 无码一级毛片免费视频播放| 鸥美在线a斤| 曰本女人很黄很色久咬奶头视频| 紧身裙波多野结衣在线观看 | 麻豆成人精品国产免费| 办公室1战4波多野结衣在线观看| 无码人妻蜜肉动漫中文字幕| 在线观看国产午夜福利片| 午夜凹凸福利导航| 国产肥熟女视频一区二区三区| 性xx×中国妇女国语版| 欧美成人www在线观着| 国产乱子伦高清露脸对白| 怡春院怡红院一级毛片| 欧美成国产精品| 亚洲无码男人| 国产精品福利一区二区| www狼友免费看| 刺激啪啪无码| 性强烈的欧美三级视频| 国产成人综合精品| 无码无付费最色视频在线观看| 欧美 成 人嘿咻在线视频| 中国精品无码免费专区午夜| 沙发亲子乱子在线播放| 久久综合给合久久97色vr| 亚洲欧美另类激情综合区蜜芽| 色哟哟在线免费观看| 人妻日韩生活片| 日韩国产免费| 亚洲成香蕉AV| 被公侵犯中文无码| 国产中文精品久久| 国产剧情演绎系列丝袜高跟| 精品人妻系列无码人妻免费视频| 女人露P毛视频·WWW| 美女粉嫩啪啪高潮喷白浆动漫| 国产盗摄360破解在线| 99re免费视频精品全部| 久久久久久久久久久久久AV中文| 国产情侣一区二区| 亚洲av无码一区二区三区在线观看| 日韩深夜福利| 中年熟女被啪高潮视频| 国产成人剧情AV果冻传媒| 亚洲自拍色在线观看| 国产护士囗交吞精视频| 无码精品人妻一区二区| 激情综合亚洲都市婷婷| 国产成人精品综合久久久| 国产爽到喷出水来的视频| 亚洲人成刺激小说| 有码无码中文字幕| 看免费中国产的性爱大片| 亚洲成老女AV人在线视| 熟女综合另类| 成年做羞羞的视频网站| 国产一极黄毛片| 日韩专区视频| 成年男女免费视频网站点播| 18禁黄无遮挡免费网站动漫国语| 亚洲色大成网站www久久| 中国国产XXXXX免费视频| 成年女人色毛片毛片大全| 国产人成精品午夜在线观看| 亚洲自偷自拍另类12p| 无码av免费永久免费永久专区 | 日本在线观看WWW鲁啊鲁| 国产自产麻豆| 18禁动漫美女裸免费观看网站| 欧美性爱一区二区三区在线视频 | 欧美破处大片| 成年A级毛片| 黑人巨大两根一起挤进交换| 无码AV人妻一区二区三区四区| 久久久久午夜免费看| 亚洲中文字幕日产| 2022国产无码在线| Japanese高潮白浆| 欧美精品九九99久久在免费线| 最新影片日本巨波霸乳影院| av在线动漫h| 压在卫生间上做的视频| 综合伦情亚洲欧美| 中文字幕一区一区三区| 久久2019精品免费视频| 两个人的视频日本中文十八禁| 影音先锋大黄瓜视频| 国产十八禁在线观看免费| 国产交换配乱婬免费视频| 国产精品国产三级在线专区| 波多一区| 久久久久久久综合色一本| 21AV少妇导航| 免费高潮了好湿h视频| 国产精品,欧美性爱| 人妻精品肉动漫h无码| 997 久久 国产| 美女张开腿黄网站免费| 日日摸夜夜添夜夜添高潮喷水| 国产在线白丝DVD精品| 久久精品青青大伊人av| 色综合视频一区二区三区| 午夜久久久久| 亚洲成av人片在线观看不卡| 天堂AV无码大芭蕉| 国产欧美精品区一区二区三区| 精品国产一区二区三区av| 中文字幕乱码人妻无码久久 | 又爽又色又过瘾的视频| 国产福利萌白酱精品一区二区|