欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

首頁

一篇文章讀懂交互設計7大定律

前端達人

在交互設計領域有很多經過時間檢驗過的定律及法則來作為設計的指導原理,它能夠幫助產品設計者對界面上的各種視覺元素進行合理評估,從而發現一些使用過程中的可用性問題,還可以根據這些法則從界面的維度來改善操作效率和使用滿意度。

 

我們在產品設計的過程中會經歷非常多的決策階段,大到一個功能流程的閉環設計,小到思考一個元素的最合理布局,在這些場景中,我們首選的解決方案當然是更適合當前功能特性和使用場景的方案,如果沒有合適的方案或者在幾種方案面前猶豫不決時,一般都會選擇遵守設計規則和接近設計規則的那個方案,這些所謂的規則也是交互設計的基礎理論和方法論,我們能否在工作中信手沾來并且靈活運用它呢?同時也為了將來能夠掌握“舌戰群猿”這門高級技能,我們還是要從打牢基礎開始。今天就讓我們回到起點,聊一聊交互設計的7大定律。

 

 

 

 

一、費茨定律

 

 

費茨定律是人機交互和人體工程學中人類活動的模型,它預測了從任意位置快速移動到一個目標位置所需的時間由2個位置的距離(D)和目標大小(S)有關。

 

此處有2個參數條件:

距離(D):既起始位置離目標位置距離越遠,我們到達目標位置所花費的時間就越長。反之,離目標位置越近,我們所花費的時間就越短;

目標大小(S):即目標面積越大,我們定位到目標的所花費的時間就越短。反之,目標面積越小,精準定位到目標上的時間就越長。

 

 

1.生活中的“費茨定律”

汽車上的剎車踏板和油門踏板相距很近,并且剎車踏板的物理面積要比油門踏板大,這樣可以使駕駛員能在相對最短的時間內把腳從油門踏板移動到剎車踏板上,從而最快最準確的觸發剎車踏板,確保事故的發生率和減少事故的損傷。

這也就是為什么右腳正確的姿勢是腳跟始終在剎車踏板下,加速時,以腳跟為軸,腳掌向右旋轉至油門位置并輕踩油門,目的都是為了在最短的時間、最自然的行為下,快速觸發安全操作。

相反,動漫城里那些賽車游戲的剎車踏板比油門踏板小很多,而且距離遠,這又是為什么?這也正是應用費茨定律的高明之處,因為游戲中我們需要更快的速度去超越對手,在踩下油門踏板的那一刻,要讓玩家達到用戶體驗的“爽”點,因此你會更容易踩到油門踏板,而且人身安全不會受到威脅。

 

 

這就是菲茨定律在不同場景下所起到的不同作用。設計起源于生活,在我們的界面設計中也是相同的道理。

 

 

2.界面中的“費茨定律”

費茨定律在產品界面設計中的主要作用是提高產品的可用性。更準確的說,它所提高的是產品可用性中的效率指標,幫助用戶更快速的完成某個操作或任務流。

 

(1)距離目標位置盡量縮短,相關操作保持親密性

 

a.多數產品在設計頁面模態彈窗引導用戶進行操作行為時,都會將操作控件放在固定的頁面位置(一般居中或者處于頁面底部)。但“抖音”的設計卻讓人眼前一亮:系統會判斷用戶進行觸發時,手指與屏幕的接觸位置,并將模態彈窗的操控按鈕顯示在離用戶手指最近的位置。

 

隨用戶手部活動區域變化而靈活變更位置,使用戶在進行手勢交互的過程中操作動作能始終在手部的舒適區域內進行,是應對大屏時代十分友好的體驗設計,也是該定律運用的比較好的設計點之一:既起始位置到目標位置的距離

b.比如QQ的登錄界面,登錄按鈕的面積恰好比大拇指端的面積大一些(考慮到拇指點擊的舒適感),而且按鈕所在的位置無論是喚起鍵盤或未喚起鍵盤,始終都保持在拇指可觸的舒適位置,所以根據前面的參數條件,此按鈕的面積(S)及觸達距離(D)均是最佳。

 

假設把登錄按鈕放在屏幕下方,雖然說拇指默認懸停的位置在屏幕的下方,此時距離登錄按鈕理論上是最近的,但是還要考慮后續場景:一是鍵盤喚起、二是與輸入框的親密性,因此有效觸發登錄按鈕的行為是發生在后續場景中,所以放在距離輸入框最近的位置才合理。

 

 

 

c.除了移動端之外,在PC端做后臺表單設計時,我們經常把決策性按鈕緊跟在表單下方,距離表單最近的位置,這也是為了縮短光標移動的距離,使操作項(要輸入的表單)和決策項(提交/取消按鈕)更具有關聯性。

但是,該頁面的內容過多時,則會把決策性按鈕適配到第二屏以下,這樣的做法也不友好,也就違背了該定律,所以PC端單頁面長表單的決策按鈕設計一般有2種處理方式:

 

 

 

 

 

思考:

那是不是所有的交互方式都需要考慮最近的距離呢?答案是否定的,正如前面電玩城剎車踏板的例子,菲茨定律的作用可以走向另一個極端。在界面設計中,可以有意識的將一些操作放在死角處,既相對不容易點擊到、感知到的地方,這就是為了延長用戶的感知時間,感知時間長即操作完成時間長,操作成本也就越高,從而減少誤操作的可能性。

 

(2)目標尺寸大小要合適

 

a.目標可點擊熱區在合適的范圍之內,越大越容易精準點擊,越小則容易誤操作和點擊無效。在iOS人機交互指南中也規定了最小點擊熱區為44*44,就是為了保證每次點擊都能夠得到有效的反饋,防止因為操作熱區過小而導致難以點擊。這里可能有朋友會說“移動端當中存在文字按鈕,這種是不是字號要放大呢?”,你多慮了,字號根據設計規范去設定就好,文字也可以讓開發同學把點擊熱區放大,但是字號不變,這是2種不同的交互方式,一個是元素可見,一個是元素可觸。

 

b.說到點擊熱區,就不得不提拇指在手機屏幕上的移動范圍,根據研究表明,人們在使用手機的時候,75%的交互操作都是由拇指驅動的,而拇指默認懸停的位置恰好在屏幕下方,所以這里依然要考慮菲茨定律的作用,如果目標位置超過了拇指舒適的移動范圍,操作成本就會無形中增加,比如手機在手掌中向右傾斜才能接近大拇指、需要拿出慵懶的左手才能點擊到...

 

 

(3)屏幕的邊界“無限大”,更容易觸達

邊界是非常明顯的目標位置,它固定在屏幕邊緣,在物理上限制了鼠標光標不能超過它們,不管你鼠標移動了多遠,光標最終還是在屏幕的邊緣蠢蠢欲動。所以可以利用設備屏幕的特點,將鼠標非常快速移動到邊緣或角落,而不用進一步微調才能觸發他,同時也不必擔心鼠標滑過了操作區域,因為他會被屏幕邊界擋住,這里就可以把屏幕邊緣看作“無限大”,雖然位置在邊角,但也可以快速觸達。

 

 

屏幕的邊邊角角很適合放置菜單欄、按鈕組及一些輔助性操作,比較有代表性的就是Mac系統的邊界交互,他們把顯示器邊角和觸控板的交互發揮到了極致,據說蘋果公司已經為這個設計申請了專利。

 

 

 

二、米勒定律(7±2法則)

 

米勒定律(7±2法則)是交互設計中一個常用的定律。1956年美國心理學家喬治·米勒對短時記憶能力進行了定量研究,他發現人的短時記憶能力廣度為7±2個信息塊,記憶信息超過了該范圍就容易出錯。這說明人的大腦短時記憶容量約為“7”,并在7+2與7-2之間浮動,因此心理學家把這個神奇的記憶容量規律稱為“7±2法則”。

 

由7±2法則我們可以得出,一般人接受新事物的記憶容量最多不會超過9。為了方便理解這個法則,我們做個示范,請讀一遍下面的隨機字母,然后移開眼睛回憶一下,看看你還能想起幾個?

 

 

通常會想起5~9個,即7±2個,這個有趣的現象就是7±2效應。

 

米勒定律(7±2法則)適用于生活中的方方面面,比如設計一個相對復雜的任務:通過減少每個組塊中元素的數量(不超過9個),當用戶使用你的界面時,確保用戶的大腦可以最大限度地記住這些內容,當項目列表變得很長時,可讀性和易讀性會變得很弱,就需要用戶花費額外的時間來閱讀或搜索。

 

 

1.生活中的“米勒定律”

這個法則不僅僅可以用于移動端和PC端的設計中,在生活中很多場景也可以用到,比如電話號、銀行卡號、身份證號,我們總是喜歡把一長串數字拆分開來讀寫,目的就是降低記憶成本,提高信息的易讀性,從而達到視覺防錯的作用。

 

 

2.界面中的“米勒定律”

 

 

在交互設計中,我們可以經常利用米勒定律,來減少用戶的認知負荷,提高信息的易讀性,畢竟信息設計也是提高用戶體驗的重要一環。界面中的“米勒定律”主要強調的是信息與信息之間的組合模式。

 

除此之外,米勒定律還強調了在設計過程中預見性和適當規劃的重要性,當你在不斷為產品添加更多功能時,產品界面必須能夠適應這些新功能,而又不會破壞原有的視覺基礎,畢竟重建產品需要花費大量的時間和資源。

 

(1)分段記憶,信息分層

a.設計源自于生活,我們生活中的記憶方式也映射到了界面設計中,也就是把手機號碼分為3-4-4的規則來記憶。我們可以做一個對比,數字A是沒有分段的數字,數字B是通過空格分段隔開的數字,讓你在3秒之內記住這串數字,你感覺哪組數字更利于你的記憶呢?很明顯是數字B利于閱讀和記憶。

 

 

就連我自己給別人發電話號碼,或手寫的時候也會分段隔開一段距離,用戶體驗無處不在(該死的職業病)。

 

b.分段記憶還可以用于文章排版,長文本很多人閱讀起來非常痛苦,尤其是純文字的、排版臟亂差的長文本,之所以看起來非常痛苦,是因為段與段之間沒有留白,整個界面缺少呼吸感,信息與信息之間沒有整合,所以閱讀起來有較大的記憶負擔,看的時候還經常串行,最后嘛也沒記住。

 

寫到這里相信大家也能感受得到,我通過公眾號發布的文章,大段與大段、小段與小段之間都有留白,而且選擇了舒適的字號、字間距及行間距,這些都是我在預覽模式下檢查了好幾遍才定出的一套規則,同時重點文字都會通過顏色對比突出展示,目的就是為了幫助讀者記憶和提高易讀性,并且配圖都會美化一下。閱讀,也是一種體驗。

 

(2)導航和選項卡通常不要超過9個

網頁設計的一級導航通常不要超過9個,如果導航和選項卡內容過多時,可以通過聚合按鈕來包容其他次要入口或子入口,這個做法在PC端最為常見,其設計原理也同席克定律。移動端的標簽欄一般不超過5個、選項卡一般不超過7個,如果有更多的選項可以左滑查看其他,或者點擊右邊的“聚合按鈕”查看更多。

 

用戶使用導航是快速找到自己想要的內容,這種訴求一般非常急切,如果還不能快速的找到自己想要看的內容,很有可能會流失掉。所以,簡化產品導航使它盡可能的少于九個會讓用戶對于產品的內容一目了然。

 

 

(3)系列位置效應

系列位置效應描述了一個物體在序列中的位置影響我們對它的記憶,主要有2種:

 

首因效應:相對中間位置,我們對一個系列最前面的物體的記憶力更清晰;

新近效應:相對中間位置,我們更容易對序列末尾的物體記憶更清晰。

 

也可以理解為我們的大腦傾向于回憶起列某件事的起始和結尾,最不容易回憶起中間的內容。生活中也有同樣的效應,很多事情隨著時間的流逝只記住了開頭和結果,中間的過程最容易遺忘,你還記得與初戀的情書內容嗎?肯定想不起來了吧,但開始怎么追他的、結果怎樣,這些卻歷歷在目。這種記憶特性也會映射到界面設計中。

 

比如商品詳情頁,它的閱讀體驗和產品重要信息從什么時候真正開始?又到什么時候結束呢?設計師應該如何布局詳情頁的開始和末尾內容呢?這些都是用戶體驗設計人員在設計時必須搞明白的關鍵問題。下面以Apple官網舉栗子,整個詳情頁可以分為三大部分:開頭、中間、結尾。

 

 

 

 

 

三、席克定律

 

 

希克定律是一種心理物理學定律。用戶所面臨的選擇數量越多,做出選擇所花費的時間就越長,在人機交互的界面中選項越多,意味著用戶做出決策的時間越長。

 

 

 

我們在做設計時,應該思考“在不妨礙用戶選擇的情況下,如何提供較少的選項”。多而亂的選項會延長用戶做決策的時間,甚至對一些“選擇困難戶”來說,會直接導致任務流失敗。全部的選項沒必要平鋪出來,選項與選項之間一定有著某種聯系,所以也可以對選項進行同類分組和多層級分布,這樣用戶使用效率相對會更高(排除選項均是獨立和業務要求的場景)。

 

席克定律雖然給設計帶來的是克制,但也不能用于極端場景,妨礙用戶選擇,以“強奸”的方式強迫用戶遵照產品目標去選擇,比如某產品退押金的流程設計,從發現退款按鈕到“好像申請成功”的過程,你是不是暗自吐槽過?當然這里是站在用戶角度去看待這個設計,如果站在產品角度去審視它,會發現它是一個產品、交互、UI三者配合非常棒的案例。

 

1.生活中的“席克定律”

 

 

 

 

下圖有兩個電視遙控器,在你第一次使用它們做出開/關機、切換頻道、加減音量這些主要操作時,你會覺得哪個使用起來更效率?感知程度更強?很顯然是圖2,連老人用戶都可以快速學會并做出正確的操作行為,而圖1卻需要我們花時間去研究這些按鈕在什么位置,去看手指有沒有對準按鈕,因為它們太多太小了,甚至一些圖標我都不明白是什么意思,有些按鈕可能永遠都不會去點擊。

這就是席克定律在遙控器上的作用,雖然這個案例也可以套用在其他理論上,比如交互設計四策略(刪除、組合、隱藏、轉移),這就和我們做功能設計一樣,功能層級也需要細分出:核心功能、輔助功能、邊緣功能等,而核心功能一定是進入到產品內第一個發現的功能,且操作頻率最高、能夠解決用戶主要訴求的功能,所以它的視覺優先級往往是最突出的,而在電視遙控器中,開/關機、切換頻道、加減音量就是核心功能。

 

 

 

 

2.界面中的“席克定律”

在人機交互領域中,我們通常是如何運用席克定律來幫助用戶增強感知和節約選擇時間的呢?

 

(1)減少選項并提供默認值,方便用戶選擇

選項越多,用戶決策的時間就越長,減少用戶思考的時間就是減少操作時間和學習成本,優秀的用戶體驗就是讓設備變的更聰明,讓用戶“不思考”就做出正確選擇。這里的“不思考”就是無意識的行為慣性,比如常規的單選/復選框,用戶一看就知道圓形是單選、方形是復選,根本不用思考就能通過薄弱的感知進行選擇,因為這些早已植入他們的認知里。除此之外,我們還可以針對用戶不同的使用場景精簡選項,方便決策和降低誤操作的概率。對于一個小模塊來說,一般可選項不要超過9個,9個以上就存在一定的記憶負擔,對于超過9個的,可以用一些交互來約束用戶的行為,比如“展開/收縮”、分頁、分步等等,這里在下面的“7±2法則”中會詳細介紹。

 

(2)選項分類分層,信息區分主次

在菜單欄的設計過程中,我們可以將被選項進行同類分組和多級分層的設計,這樣使用效率會更高,其次重點信息和推薦信息需要和普通信息在視覺上做區分,要有一個明顯的對比,這樣才能搶占視覺并在第一時間感知到。

 

如下圖,試想如果把所有城市依次平鋪在界面上,不依照熱門、歷史、國內/海外、首字母來分類,用戶可能在選擇地區上要花費很長時間,甚至是無從下手,直接進行搜索,而搜索的實際也是輔助功能。同時,我們做分步分層設計時,也應該合理的控制結構的廣度與深度,因為每增加一個層級就意味著用戶選擇的成本增加,而廣度太廣又會導致用戶在瀏覽上花費較多的時間。

 

 

(3)分步完成,分步顯示

a.分解復雜流程:讓用戶一步步操作,而不是全部堆到用戶眼前,這就是為什么強調一個頁面只做一件事的原則,通過分步完成一個任務流,在操作感知上要比填寫一大堆信息的壓力要更低,同時還能降低其他信息給用戶帶來的干擾,幫助他們將注意力聚焦在該步驟當中。

愛彼迎中大部分錄入項都是采用分步分頁來完成的:

 

 

 

b.場景細分:當用戶填寫表單時,先展示較少的可填項,當填完最后一項或選擇“其他”時,再展開剩余的表單,目的也是為了減輕大量表單給用戶感知上帶來的壓力,由此來達到場景細分的目的。在錄入場景中,能將信息整合為選項的,就千萬別讓用戶輸入,因為輸入的時間成本較高,且容易出錯,開放的輸入條件也不利于統計一些數據,所以通過固定的選項來約束用戶的行為。

 

 

 

 

 

 

四、接近法則(親密性)

 

 

我們通常把位置相對靠近的事物當成一個整體:

同樣都是圓,在視覺呈現上你會認為哪些是一組的呢?

 

接近法則的“權重”非常大,大到可以抵消其他法則,比如為上面的圓形添加顏色,甚至改變形狀,我們也會把接近圖形當成一個組:

接近法則也是格式塔理論中我們最為熟悉、最常用的一種法則,它描述的是觀察者看到彼此鄰近(空間或時間)的物體時,會將它們視為一個整體。在界面設計中,對信息的組織已經離不開這個法則了,他在界面中所體現的就是把相關的信息塊組合在一起,不太相關的分離開,增強與區分元素之間的關聯性,所強調的是空間和位置。接近法則產生于群組,它可以減少信息設計的復雜性,對引導用戶的視覺流、便于用戶對界面的解讀起到至關重要的作用。

 

 

(格式塔理論是心理學中為數不多的理性主義理論之一,在設計中還有幾個比較常用的法則:相似性、連續性、封閉性、對稱性、主體/背景、共同命運等,這些我在后面的文章中會單獨介紹,記得關注咯~)

 

 

1.生活中的“接近法則”

在我們小區的規劃效果圖中,標段與標段(區)之間通常會利用相對較寬的過道、綠植、圍欄來劃分它們之間的關系,從而增強人們的感知。類似的還有商場的店面布局,服裝類、生活類、電子設備類等等。

2.界面中的“接近法則”

 

 

a.界面設計中的接近原則是對相似的信息及功能類別進行分組、布局。它在界面中的作用能夠直接影響到用戶與產品的視覺交流,借此引導用戶的瀏覽及操作行為。因此,相關的內容和功能應該彼此靠近,而關聯性較弱的應該保持距離。

 

其中最常見的就在列表頁面,通過色塊來區分大組與大組、分割線區分小組與小組,甚至現在有些產品拋棄了分割線,直接用留白來區分組與組。目的都是在視覺上通過組與組的區分來劃分功能與功能之間的關聯性,讓界面變得更清晰,并且幫助用戶在瀏覽頁面時,能夠清楚的感知到各個信息組之間的關系,也就是信息層次。

 

 

b.留白(負空間)在界面中發揮著至關重要的作用,因為它能夠引導用戶眼睛的朝向,并且可以用于區分視覺層次,有助于提高閱讀體驗。在日常設計中,我們面對信息比較少的,可以多使用留白來排版,根據信息之間的關系進行分類,讓信息看起來更有秩序。

 

如果是面對較多的信息,也可以通過“塊”來劃分功能區域,下面就拿華潤個人網銀的界面舉例,我們通過右圖能清晰的看到功能組與功能組之間的關系(但是不得不吐槽居然把客戶常用操作放在了第二屏的位置...)。幾乎所有的界面設計都遵從了該原則,尤其是PC端。

 

 

 

 

五、泰斯勒定律(復雜性守恒定律)

 

 

泰斯勒定律又稱復雜性守恒定律,該定律認為每一個過程都有其固有的復雜性,這個復雜性存在一個臨界點,超過了這個點就不能再簡化了,你只能將固有的復雜性從一個地方移動到另外一個地方。比如我們發現頁面的功能是必須的,但當前的頁面信息過載,那么就需要將次要的功能收起或者轉移,但是你卻無法刪除他,只能想辦法權衡。

 

這一觀點主要被應用在交互設計領域,作為一名以體驗至上的交互設計師在面對復雜需求、復雜場景、復雜流程、復雜頁面的時候,如何在不影響業務和功能的情況下,保證用戶的使用體驗。而不是為了所謂的頁面簡潔、設計趨勢,就自以為是的刪除一些用戶認為重要的東西,最終導致功能滿足不了用戶。

 

 

之前還聽過不少UI設計師朋友抱怨過:“哎呀,豬頭產品經理把這個頁面的內容堆積成這樣,什么都往里面放,到底懂不懂設計啊”,這種場景對于設計師來說幾乎是每天要面對的,我們不能悄悄把產品經理的功能需求給簡化(刪除),而是應當主動與他溝通,看看這個頁面的內容是否都必要,如果是因為業務目標、產品目標而導致該頁面信息沒辦法簡化,這就是考驗我們設計師功底的時候了,看你如何把這些不可拋棄的信息組合起來,是信息分層呢?還是利用一些交互方式改變臃腫的流程呢?而不是一味抱怨,畢竟你是解決問題的產品設計師,如果你設計師都不花心思去處理它,用戶在使用過程中就會花更多時間去完成任務。

 

所以...

 

針對一個任務流的復雜:

看是非常復雜的任務,而使用者在具體使用過程中往往關注或聚焦其中的一部分,所以可以通過將任務進行拆分完成,也可以分割成各個獨立的簡單任務,這是一種簡化,當然也是一種復雜,因為拆分、分割本身就會更為復雜,這一點需要平衡,而在團隊中起到承上啟下作用的往往都是交互設計師,具體的處理方式要取決于交互設計師的經驗和能力。

 

針對功能操作或信息傳遞的復雜:

“交互設計四策略”當中的“組合”使用可以解決這個問題(交互設計四策略即:刪除、組合、隱藏、轉移,這是最基本的設計理論,不知道的趕緊去百度),如將信息組織更便于理解、識別,將次要并繁瑣的轉移或隱藏,將沒有必要的信息刪除等,交互中有化繁為簡之說,其實是歸繁為簡、刪繁為簡。歸繁為簡更多應該是組織、轉移、隱藏。而刪繁為簡則更多體現在刪除、移除不必要的說明、不必要的考慮,合理的刪除才是產品設計過程中正確的減法。

 

改革式的復雜:

這種方法就是“破界”,突破現有的實現方式,利用新的規則、設備、技術把復雜轉移出用戶的眼睛(界面上能看到的),或者干脆直接簡化掉,這屬于技術上的創新。現實世界中有很多創新,最有代表性的就是信息傳遞的媒介演變過程:由信件→電報→電話→手機。但他們最終目的都是一致的:信息傳遞。

 

復雜經常存在,復雜度也是守恒的,但是我們至少可以做一些事情:對用戶的視覺、觸覺、聽覺進行“減負”。

 

 

1.舉兩個生活中的例子會更容易理解

a.就拿遙控器來說,智能電視的遙控器界面比一般電視遙控器按鈕要少,顯得簡約大氣,沒有密密麻麻的按鈕阻礙著人用戶的決定。按鈕的減少也就意味著遙控器本身所承載的功能減少了,同時遙控器的操作復雜度也降低了,但并沒有降低實質性功能,比如某些確定按鈕全是一個鍵,這個鍵又讓人明白了它承載著所有的確定功能,這樣就不用到處找按鈕了。

所以說,復雜度的降低是一個相對的概念,它不能直接簡化功能,但是可以通過技術手段或交互手段去轉移,從而提升使用體驗,智能電視的遙控器就是把其他輔助功能的操作轉移到顯示器上。

 

b.手機系統應用的交互設計,在手機剛剛上市的年代,我們所熟悉的諾基亞、摩托羅拉、西門子等,基本上樣式都差不多,顯示屏幕+物理鍵盤。他們普遍存在的問題是結構比較復雜、物理按鍵幾乎占用了整個手機的一半,感覺操作功能比視覺體驗還要重要。當全觸屏的智能手機問世后,革命性的改變了手持設備的設計思維,使其更注重用戶的使用體驗,而不是讓用戶把全部的心思花在了按鍵和尋找按鍵上。

 

改革幾乎完全移除了物理按鍵,它被體驗更好的屏幕按鍵所替代,全新的人機交互方式迅速讓大眾所接受,所以這種演變方式也體現了復雜守恒定律。

 

2.界面中的“泰斯勒定律”

在以用戶為中心的交互設計過程中,交互設計用于簡化用戶層面的邏輯結構,而不可避免會相應增加開發的工作量,而此時體驗設計的復雜會變成了技術實現的復雜,將用戶使用產品的復雜轉移到技術實現層面上了。當然復雜守恒的前提是已經不能繼續簡化,復雜是必須的時候。

 

就拿內容型產品中常見的智能推薦機制來舉栗子,里面信息流的內容(除了置頂內容)每個用戶所看到的都不是固定的,且都不一樣,這些內容是根據該用戶之前瀏覽的類別、當前地理位置、搜索痕跡、購買痕跡等維度綜合計算呈現出來的,就相當于給用戶“私人訂制”的服務設計,我站在一名用戶的角度看待這個交互設計感覺使用起來非常輕松,因為每次刷新信息流都會出現最接近我訴求的內容,而不需要我通過“篩選”功能進行手動設定。

 

但是,對于產品團隊來說,實現這樣智能推薦的交互方式,是一件落地成本較高的事,其中就包含了“吧啦吧啦”的技術手段。這就是將用戶使用產品的復雜轉移到技術實現層面上,從而降低了用戶在操作過程中的復雜程度,提高使用體驗。

 

 

假設:這里不做轉移,讓用戶每次都通過“篩選”功能手動設定內容維度,雖然開發是不用做復雜的算法,但這種方案對于用戶的操作成本是非常高的,也不符合內容型產品“沉浸式體驗”的設計原理,關鍵是使用起來非常死板(產品不聰明,使用體驗就差),因為他不會記憶用戶在使用過程中的“習慣”,從而導致用戶經常要去手動設定,所以用戶的行為模式和心理模型被這種錯誤的交互方式帶偏了,從瀏覽信息變為查找信息,喪失了資訊類產品的本質。現在看這種交互方式還真是革命性的,優秀的內容型產品都有這種技術。

 

 

 

六、奧卡姆剃刀原理

 

 

奧卡姆剃刀原理的核心思想為:“切勿浪費較多東西去做用較少東西同樣可以做好的事——如無必要,勿增實體,即簡單有效原理”。

 

 

在功能性頁面設計過程中,在動手前就要養成先理解用戶使用場景和行為的習慣。流程內的引導盡量弱化于主流程,流程外的內容,沒有必要的不要增加,這一點其實很重要,簡單的頁面讓用戶一眼就能找到他們感興趣的內容,使用戶瀏覽更舒適,更能專心于你要表達的內容上。而復雜的頁面會讓用戶找不到信息的重點,容易分散用戶的視覺注意力,這些弊端加起來會影響用戶使用的效率。不管是實體、視覺還是認知上,多余的設計元素,有可能造成失敗或者引發其他問題。

 

同時這個原理也強調了在相同的條件下,如果有兩種不同的方案,且沒有條件做AB測試、灰度測試,應當優先選擇更簡單、更合適的那個,如果連前提條件都不同,那就根本無從對比。當下快節奏的移動互聯網時代,每位產品設計者都需要在寸土寸金的屏幕上快速處理各自的需求,那么這個原理也會很實用。

 

這個原理還有視覺上的魅力,可以比喻成“修剪”設計中多余的元素、去除雜質,最后的設計將會更嚴謹、更純粹,恰到好處的留白和清晰信息指引影響著用戶在使用產品過程中的重要感受。而設計需要從開始的發散,最終回歸到克制,因為你是商業屬性的產品設計師。

 

 

1.生活中的“奧卡姆剃刀原理”

奧卡姆剃刀原理更像一種思維模型,是一種以結果為導向的思維模型,它比語言更具備完整理解事物的能力,但它不是定式,而是隨著認知和研究的變化而變化。

 

 

2.界面中的“奧卡姆剃刀原理”

 

a.優先展示重要功能

處理復雜的功能和信息,最經用的方法就是將他們分類分層,從中提取出相對重要的功能優先展示,而相對次要的功能可以在視覺上弱化、在第二屏展示或者通過一些聚合按鈕收納進去,比如“更多”。畢竟用戶來到你的頁面中,一般都是來使用核心功能的,我們不應該一股腦的將所有功能都平攤到用戶眼前。

 

b.減少點擊次數,給予合理的選項

操作成本最低的使用方式就是當我們一打開產品的時候,我想要的就全部搞定了,而不需要我進行任何操作,雖然這是對未來使用場景的一種設想。但足以證明用戶是“懶惰”的,我們要滿足他們“0”操作的欲望。以現在的技術而言,我們能做的就是減少不必要的點擊次數,并給予合理且少量的選擇,比如我們在表單里錄入一個收貨地址的信息,這么一長串文字你是希望用戶去輸入?還是去選擇再輸入?

為什么不能通過技術手段找到更高效的方案?就是判斷在錄入表單之前,粘貼板是否包含有省市等地區信息,如果有則可以自動補全到表單內,再讓用戶自行修改。這雖然是個錦上添花的功能,但有啟示作用:把結果想在用戶前面、做在用戶前面。

 

c.“外婆”規則

如果年齡大點的用戶也能輕松的使用你的產品,說明產品的可用性和易學性非常強。這里所指的“年齡大點”并不是真正針對老年人用戶,而是通過該比喻來警示我們產品設計者,在塑造產品的過程中始終保持同理心,而不是“我認為”的設計,因為你是技術人員,你非常了解產品的功能和性能,而用戶來自各行各業、各個層次,他們的認知和你的完全不一樣,我們要做的就是符合大眾認知的設計,“認知”可以是一個符合現實的任務流程、也可以是符合生活映射的圖標、還可以是一眼就能看懂的提示文字:

 

 

七、新鄉重夫:防錯原則

 

 

用戶在界面中發生的錯誤大部分是由設計和開發過程中的疏忽造成的,而不能認為是用戶操作疏忽(不能認為用戶是xx)。因此,在設計中非常有必要考慮防錯機制,尤其是用戶的操作具有毀滅性效果的功能時要有強提示和強確認,防止用戶犯不可挽回的錯誤。

 

1.界面中的“防錯原則”

a.比如在錄入長表單中,前端與后端及時檢測錄入信息的有效性和正確性,而不是讓用戶填寫完所有表單再點擊提交按鈕之后,再告訴用戶哪一項錄錯了,這種反饋相對來說是非常遲鈍了,雖然不會影響主流程的提交,但是會導致用戶不能及時發現錯誤,需要重新回過頭再錄入、再提交、再報錯,這樣會嚴重影響使用效率。

 

b.我們經常無意間會輸入錯別字,這些錯別字由于我們的記憶麻木很難找的到,甚至對于一些懶惰的作者來說,也不太愿意從幾千幾萬個字符當中找到那一個錯別字,如果就這樣發布出去了,間接性也會影響用戶的瀏覽體驗,所以這也是一種錯誤,是信息上的錯誤,只不過它不影響任務流程而已。因此公眾號后臺最近新增了一個貼心的功能,就是在編輯文字信息時,發布按鈕旁邊(接近法則)有一個系統識別錯別字的信息,如果有錯別字,點擊“查看”,可以定位到該錯別字的位置,便于作者進行修改。

 

該功能所在的位置也正如前面的“接近法則”,放在發布按鈕旁邊,符合使用場景和認知:一是在發布前通常會檢查;二是主操作按鈕旁邊更為醒目,從而引導編輯者去檢查,減少錯誤,提高讀者的閱讀體驗。

同時這種防錯的交互方式也運用了前面“泰斯勒定律”中提到的“將用戶的復雜轉移到技術實現上”,這里就是將用戶手動花時間檢查文本的復雜場景,轉移到“查看”按鈕上,通過技術手段實現出系統幫助用戶完成檢查并定位的功能。

 

3個維度細分“防錯原則”

在設計過程中,要注意從用戶出發,開動之前腦袋里過一遍用戶使用場景,預測到他們有可能發生錯誤操作,操作前友好提醒、操作中實時感知、操作后及時反饋。

 

 

操作前,提醒防錯:

 

(1)詳盡的說明文字,突出顯示

主要是針對新用戶或謹慎的操作說明,目的是為了正確引導用戶學習使用。引導和提示的位置要突出,從而讓用戶容易感知到(比如離標題或輸入區近一些),確保用戶在操作前能注意到引導或提示信息。

如下圖,如果不進行提示用戶就不知道這個位置的錄入機制和字數極限值是怎樣的,等輸入完再提示或者點擊提交再判斷是否有輸入的時候已經晚了

 

(2)當結果不可逆時,詢問用戶讓其知道操作的后果

在用戶操作前及時給出正確且有效地引導和提示,有助于減少錯誤發生的可能性。對于比較重要的操作,需要通過二次確認減少錯誤的發生,這里指的二次確認有幾種程度可以參考,我把他分為:輕度防錯、中度防錯、重度防錯,如圖:

 

(3)選項比輸入更簡單,并提供默認選項

用戶出錯的原因無非就是這4種:系統性能差、被界面誤導、自己粗心大意、操作復雜的功能。就拿“操作復雜的功能”來看,用戶操作的時間越長犯錯的幾率就越明顯,所以,我們在做一些組件的時候,能讓用戶選擇的就不讓用戶輸入,寧可讓他點擊完成任務,也不讓他輸入完成任務,因為輸入比點擊的失誤概率要大的多,操作成本也相對較高。

其次就是選項給用戶提供默認值,尤其是用戶需要做重復的動作,或者需要精確數字的時候,先提供一個默認值,然后讓用戶再修改它們。

 

操作中,實時感知:

 

(1)對用戶的操作進行視覺化呈現,并及時回饋

對用戶輸入的信息進行實時檢驗,在下面這個案例中,當用戶輸入自己的郵件信息之后,即被告知用戶這個動作的含義,到底是輸入正確還是輸入錯誤,而不是等全部輸入完畢點擊“確認”后才提示,實時狀態能將錯誤扼殺在搖籃中。

(2)適當限制用戶的某些交互操作

對一些可能造成錯誤的操作入口設置約束或直接禁止操作,從而避免錯誤的發生。舉個例子:操作完一個模塊內容,展開另一模塊的同時收起上一個模塊。填寫過程限制用戶某些操作,這樣始終讓焦點聚集在當前內容,在操作者的角度也不會因為內容過多而導致情緒波動。

 

操作后,及時反饋&友好引導:

 

(1)錯誤發生時,即使反饋錯誤并提供糾錯幫助

錯誤反饋及時就能保證用戶每個階段的操作都能得到回應,避免因為一個小的錯誤就要修改關聯的一系列內容的情況,提高完成任務的效率。反饋不僅要指出有錯,還要指出錯在哪里,反饋文案要準確、友好(文案呈現方式是要和用戶聊天,不要審問用戶),這樣便于用戶了解錯誤的原因,方便下一步的修改。另外在用戶提交操作之后,也需要及時反饋是正確or錯誤,因為這里有種叫“心理犯錯”的因素,是用戶對自己操作不自信的表現,你不及時告訴他操作結果,他可能會擔心一小會呢。

(2)允許用戶犯錯,并支持操作可逆(既撤銷以前的指令)

iPhone手機的還原功能,可以在用戶出錯時將多種功能設置快速還原到原始狀態。還有常見的:刪除相片、刪除郵件、因異常情況退出的文稿編輯等,這些極端操作都有對應的草稿箱、垃圾箱、下次進入提醒是否還原等逆操作來挽回用戶的錯誤。

 

 

 

雖然這些法則被認定為標準,但從實際項目出發,它們只是起到了參考和啟發作用,并不能完完全全指導項目,作為交互設計師的你:

 

1、千萬不能照本宣科,任何法則只有親自做過以后才能深有體會,在我們產出的過程中可以多聯想一些理論知識,這樣既能鞏固基礎,還可以讓我們的設計有理有據,幫助你自己做出設計評審;

 

2、不要迷戀任何的設計法則,因為你所產出的東西最終還是要考慮到落地和商業性,有些設計方案雖然違背了設計理論,但是他適用于產品現狀和用戶層次,這種情況我們就不必太過于維護職業操守了(這位設計師一根筋),畢竟不是每個產品團隊都有足夠的開發資源去協助設計師“微調”的。切記:設計服務于功能、設計服務于產品、設計服務于商業;

 

3、這些設計法則就相當于我們日常生活中的“常識”,它們每一個的背后都蘊含著很多優秀的案例和設計思考,你不得不學,否則會被人家認為不專業,這對設計師而言是一種侮辱。同時,掌握基礎理論也是能力進階的必經之路,它能夠提高設計決策時的效率。

 

希望對你有所幫助~

 


 

藍藍設計(m.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發



作者:h梓暄
鏈接:https://www.zcool.com.cn/article/ZMTA0NDU3Mg==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

從單車上鎖聊聊任務鏈路優化設計的思路與技巧

鶴鶴

起因˜
最近突然喜歡聽著小曲蹬著車子,不過我沒有自行車,所以就選用了大眾款藍色哈羅單車,不過有意思的是發現整個用車體驗跟原來有了不少變化,除了車的外觀差異,更讓我印象深刻的是還車時只需要在手機上進行操作即可,不知道大家是否還記得原來的還車過程,這里我幫大家回憶一下;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
這個過程本身沒什么問題,但實際上匆匆忙忙的大家忘記手動上鎖還車時有發生,并且當你想起來的時候,手機上也只能干看著扣費,還得折返回去進行鎖車。本人更離譜,有次打開手機發現忘了手動鎖車,一看行程,已經被人騎出去老遠啦~
 
但這次不再需要手動上鎖來還車了,整個鎖車還車已經借助物聯網技術將操作集成到手機上進行了,這意味著像我這種時常忘記手動鎖車的人有了更好的選擇,現在忘了鎖車還能在手機上亡羊補牢,考慮到最終騎行事件是在手機上完成閉環的,忘記上鎖和離開后無法上鎖也就一下解決了,這便是技術應用與交互鏈路優化設計的美妙之處!
 
當然,如果你已經養成了手動鎖車好習慣,你可以繼續選擇手動上鎖款,剛好最近也在做一些交互鏈路優化的活兒,索性就我自己的工作場景,展開聊聊這用戶體驗優化必備能力項的一些思路方法吧~
 
任務鏈路優化有何價值˜
一般來說做交互鏈路優化的核心價值或是目標就那么幾個;
一、更好用
即更加高效便捷好用的意思,這短短三個字就直接包含了大家常掛在嘴邊的易用性、可用性啥的了,好的交互就應該是盡可能的為用戶提供簡單好用的交互,舉個例子,近期在使用阿里云Flow的流水線,期間我也用過其他家的CI/CD服務,相比之下我覺得阿里云Flow的流水線編排反饋就做的更勝一籌,“更方便”加一分
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
二、更準確
意味著為用戶提供正確的服務、流程、功能、組件、信息反饋乃至視覺效果,為的是提升產品的可理解與易用性,從而達到降低學習成本提升效用,減少跳失率或出錯等負面情況
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
三、提升意愿
嗯!花費那么多心思讓產品體驗變得更方便更準確就是為了提升用戶的使用或付費意愿,算是任務路徑優化設計的底層價值吧。
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
階段流程與焦點
整體我們可以劃分為優化前、優化中、優化后三個階段,對應到三個階段中,對應的工作流程基本由問題定位、優化目標、方案構思、方案驗證、持續改進構成,然后根據階段與流程我會把相關的優化焦點與鏈路優化的關系交代清楚,算是清晰一下鏈路優化工作整體思路與每個階段的工作事項。
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
優化前的焦點
以我們B端SaaS產品的優化設計為例,焦點可以簡單的鎖定在
用戶、產品、業務場景
三大層面,我們會關注這三個因素中帶來的反饋來找到和定位問題,最終解決掉用戶痛點或是觸成業務目標,具體點可以拆分出以下焦點事項;
目標用戶
需要關心產品目標用戶的特征,他們是收益的來源也是市場構成的部分,作為產品的經理或業務設計師,肯定是對預期的目標用戶有所了解才對,特別是初期型產品;
當積攢了一定用戶量后,就會開始關注基于數據或定性研究得到的用戶畫像信息,并通過這些更準確的用戶畫像來了解目標市場和進行業務設計決策,而不只是對著市面上競品抄作業罷了。
這過程中你至少要弄明白五個問題;
1、用戶的需求是什么?
2、用戶使用的場景跟行為大致如何?
3、我們的用戶有何偏好或特征?
4、用戶通常還會用到哪些競品?
5、用戶有哪些反饋值得注意?
 
服務體系
主要是產品本身的服務體系或業務邏輯相關,前面提到了用戶畫像或分層的一些概念,
實際上現在的互聯網產品中,服務體系或是用戶角色都不會很單一,用戶角色、權益身份、服務場景等等都有差異,設計前的差異化背景或權重厘清就很重要,至少要清楚當前優化的服務線路是為那些人,他們有哪些差異、有哪些狀態情景、有哪些交互要兼容或避錯。
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
業務場景
我們關注產品、關注用戶,同時也關注他們之間發生了什么樣的化學反應,所以業務場景必定是本階段中的一大焦點,通過業務場景可以洞察到更多用戶實際遇到或潛在的痛點,以及線上線下等環境帶來的微小差異性,至于如何實踐了,我們可以通過觀察不同類型的用戶是如何使用產品,或是與用戶對話分析來獲取優化指引,哪里用戶卡住了或是吐槽了那就表明有優化空間,這應該算是任務鏈路優化的基礎焦點了吧。
實際業務場景中我們常關注的點
1、用戶:用戶本身有什么特征屬性值得我們關注?
2、情景:用戶出于什么背景原因或目標在什么時機進入該場景?
2、行為:用戶進入場景后要做什么或做了些什么?是否做的順暢?
3、結果:用戶是否達成目標?未達成或達成受阻的原因是什么?
4、反饋:用戶吐槽或建議了些什么,我們獲取了哪些有效的改善訊息?
 
優化中的焦點
這個階段中,我們的主要工作可以概括為分析問題、解決問題、驗證問題,其中焦點可能會比較多,這里我挑了一些說一下;
需求分析
結合前面階段中的場景化來還原問題是什么情景下怎么發生的,產生了什么樣的負面影響,這很重要,我們需要知道用戶的業務訴求是什么,造成出錯原因是什么,產生了多大的影響,以及用戶期望的是怎樣,然后就是如何更好的滿足用戶訴求,同時保障企業的利益,這就是需求分析要做的事情;
交互媒介
主要是考慮復雜且涉及多方媒介的業務場景,要思考這些媒介或端怎么配合用戶完成任務,以什么樣的形式進行交互。就例如哈羅單車的,不僅是要經過手機的交互,還有單車的傳感器與數據交互等,事實上一套完整的服務正是由這些媒介之間的不斷交互,才使得哈羅的租賃服務可以如此靈活,所以在整個服務流程中讓媒介之間更智能、自動、高效的完成銜接與交互,就成了必要的焦點了,如果說你認為這是多余或無效的部分,那么很有可能說明你所處在的產品服務構成還不算復雜,但這不能否定掉交互媒介的重要性。
這個過程中,你至少要清楚服務完成要經過哪些端、那些人、哪些條件、哪些信息構成。
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
信息構成
幾乎進行任何服務都離不開特定的構成信息交互;
圖:舉個最簡單的例子,晚上你來到街邊攤,想要一份烤冷面,那么你除了要掏錢以外,你還要跟老板確認口味、加料、價格這些信息,這些就是構成任務進程的信息,這些信息可以通過問答式確認,也可以提供招牌信息給食客確認
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
總之將這些信息更簡練準確的進行交互或傳達,就能實現任務鏈路的優化,事實上應用程序本身就是由各種各樣的信息交織在一起所構成,所以
“做任務鏈路優化不僅是減少操作步驟而已”
 
業務模型
可以簡單易懂的幫助我們理解和消化業務,以及更好協同,面對復雜的任務流程,可以更好的表達或梳理業務概念與全局結構,在做復雜的任務優化時,就不容易被局部問題牽著鼻子走,而忽略其他影響面,說的直白點,就是這個業務的整體過程你腦子里要有個概念,制作方法其實就是將各個業務或任務拆解成多個單元的形式,并將單元之間的包含或層級關系表達出來
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
研發能力
需要考慮技術實現的周期與成本,即開發是否可以實現,需要研發多久,要投入多少成本,我相信產品經理都會關心這個問題,其實就是投資回報率與可行性的問題,產品生產研發的本質是賺錢不是虧錢,不是嗎?
例如說你看見了一個很酷炫的交互效果,也準備應用到自家的產品中,但實際開發的難度大不大,要投入多少時間精力,這個酷炫的交互又能帶了多少產品收益?所以研發實現能力在方案設計的過程中還是要考慮的。
 
測試反饋
方案落地前,進行一定的內部測試或評審是很有必要的,介于還沒有完成開發上線,可以在優化方案出來后通過Demo的方式找人進行測試反饋,一般自測走查只是第一環,有不確定的一定要拉上其他人一起研討評審一番,如果要找人測試的話,其實只要設定好合適的任務與目標,還原出真實用戶碰到問題的任務過程即可,接著就是觀察測試者是如何使用Demo的,你的新方案是否奏效我想你知道怎么去衡量,就不贅述了。
 
優化后的焦點
優化后階段我們主要關注是否優化了個寂寞,是不是又優化出了新問題,優化后還有哪些收尾工作,關聯的需求池與迭代規劃怎么安排。
數據采集準備
當一個方案被投入到生產環境中,我們卻無法得知是否比舊的方案更好,這種情況是很糟糕的,故我們在新的方案推出的同時,一定要保障有辦法收集到有效的用戶反饋,這個過程我們可以是采用AB測試、數據埋點監測、灰度采樣、用戶使用性測試等,這都是我們實際工作中采用的有效手段。
效果對比
始于數據采集,采集后自然是與原始版本的效果進行比對,確認新的版本是有效可靠的,能被用戶認可采納的,同時也能發現新的問題反饋,這需要進一步的跟進與規劃,這是個重點環節。
需求規劃
原始問題是否圓滿結束,是否有新的問題待解決,是否需要分批開發上線或驗證,調整后其他部分是否需要配合改造,這一系列問題將迫使我們持續改進,并將流程再一次的接軌到優化前階段。
 
AI告訴我的焦點˜
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
關于優化流程的一些額外的發現
PDSA 或 PDCA
PDSA是指“計劃-實施-研究-實施(Plan-Do-Study-Act&Amend)”,屬于一種精益方法,常用于衡量變更的有效性,部分企業的專有云解決方案架構師也叫做PDSA,并且有對應的平臺組織與PDSA執行流程。
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
PDSA這一流程可以靈活迅速的發起并驗證效果,四個步驟分別如下:
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
而PDCA則是指“計劃-實施-檢查-行動(Plan-Do-Check-Act&Amend)”,檢查主要就是驗證效果是否有效,有效的則應用或標準化,沒用的則繼續改進,相比下,PDSA的內涵會更廣泛些。
 
SDCA循環法是一個持續改進模型
SDCA是指“標準化-執行-檢查-總結(Standardization-Do-Check-Action&Adjustment)”,跟PDCA有些類似,主要差異在于第一步驟;
  •  
    標準化(Standardization):識別和定義改進過程中需要標準化和優化的關鍵步驟和流程,例如軟件系統的交互規范化、場景模塊化、系統設計、流程統一等,亦或是產品客戶端的操作手冊、新手引導、統一操作流程、測試用例、準入門檻等標準化內容。
SDCA循環法的目標是實現持續改進,可以減少重復性問題再次發生、精簡和標準化執行,形成可靠、準確、高效的結果,是一種結構化的迭代的方法,且適用領域廣泛。
 
一些還不錯的優化思路˜
針對任務鏈路優化工作的場景,以下我給出了一些常用的優化方法或工具,并酌情說明了使用場景與小型案例幫助掌握,當然了你也可能都掌握了這些,甚至有更進階的方法或工具,那么也歡迎你補充或留言交流。
1、無前置輕快任務先行˜
其核心思想是在面對多個任務或配置項時,通過分析任務之間的依賴關系和優先級,將那些不需要前置條件、相對輕量級和快捷的任務優先處理,其優勢在于能提高整體效率,還能讓用戶在完成前面步驟后獲得一定的成就感,從而更有動力繼續推進后續事項。
適用場景
適合復雜流程改造、復雜的表單配置相關、大量的事項處理場景、非線性的多任務處理場景等。
上手技巧
1、識別出沒有前置條件的任務;
2、分析任務或事項之間的依賴關系;
3、優先處理輕快型的任務;
4、靈活的調整高優先級或是共通的前置事項;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
當然也可以根據此原則將前置條件整合處理,這樣在后續的任務路徑中就可以減少相應的條件卡點,例如大量安卓應用第一次安裝啟動時就會向用戶索要存儲、錄音、相機等基礎權限,那么之后使用相關服務時,就不用觸發授權窗口了,不過權限還是要遵循用戶隱私政策法規哈。
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
2、漸進式交互˜
就是將復雜的任務進行拆分,通過循序漸進的方式一點一點完成任務,這樣可以減少任務達成的門檻,讓用戶使用更順暢,并且可以在過程中培養用戶的意識,是任務鏈路優化的常見手段之一,也是游戲新手村屢試不爽的教學模式。這個方法的應用案例跟文章快被寫爛了吧,這里就不展開了。
適用場景
該方法常常會應用到復雜的任務流程引導,如分步驟表單配置、功能進階解鎖、線性任務指導、新用戶引導等場景。
上手技巧
1、制定核心的目標或任務鏈路,確保有效的漸進過程;
2、找準任務的先后關系或是難度級別;
3、注意引導過程的連貫性,要保持前后呼應;
4、采用簡潔準確的引導提示,以及適宜的獎勵或反饋機制;
5、結合用戶的使用偏好或認知,要讓推進的過程盡可能自然易用;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
3、并行規劃˜
通過規劃使多個任務事項穿插或并行開展,本質就是任務事項的拆分管理與資源規劃協調,通過使更多事項同時或盡早進行,來加快任務目標達成,以效率來推動任務鏈路優化的目的,也可以理解成是碎片化時間利用。
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
適用場景
多個任務待辦且時間長短與參與程度有差異時;
多個任務流程進行且涉及審批、協同、傳輸、自動進行等情況時;
上手技巧
在資源規劃協調時,可以通過時間、狀態兩方面下手,重復的、自動的、久等的、卡點的可以考慮先行,然后再處理其他瑣碎事項即可,反正當你事項多,又想省下時間提升效率,就一定考慮下這個方法;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
4、群體劃分˜
即我們常說的用戶分層,通過提供差異化的服務或任務路徑來對應不同的用戶群體,以減少無效或干擾的流程操作,為目標用戶提供更好的體驗質量與業務場景偏好滿足等。
適用場景
業務用戶群比較豐富,不同角色的任務場景差異較大,需要更沉浸或專業的交互時。
上手技巧
對不同類群體用戶進行訪談或任務場景測試;
厘清用戶群體與對應任務目標的差異性;
區分不同角色之間的權限差異;
規劃不同的任務的功能訴求與邊界;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
5、技術創新˜
通過科技技術的應用,可以為用戶帶來更多的便捷與新鮮感,特別是具備商業屬性的技術,會更快地成熟與普及,然后影響到更多人的生活方式。這個過程可以概括為“科技-認知-應用-習慣-直覺”,就像現如今的掃碼支付、人臉識別、指紋解鎖一般,不僅在各種領域都有了應用,并且你一看到相關信息,直覺就會引導你該如何操作。
適用場景
在當前技術實現還不夠優雅或是遇見過更好的技術應用時,則可以考慮去應用新的技術或是與當前業務做融合創新。
上手技巧
了解行業技術創新應用;
多看看大廠公司的技術解決方案;
看看行業技術科技大廠的官網動態;
找找是否有適用于自身業務的普惠技術方案;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
6、約束與枚舉˜
面對各種復雜的操作、選擇、輸入輸出時,盡可能的枚舉出選項或模板,這樣用戶操作會更規范也不容易困惑,對于那些用不了或有特殊含義的內容則通過樣式、組件、提示等進行合理的約束,避免任務流程出錯,也幫助用戶識別與理解,例如報錯信息就要約束用紅色反饋,電話號輸入就要約束為數值輸入等,事實上這應該是交互設計師的基本功吧。
適用場景
這個是我個人一直以來認為人機交互工作中的根基,適用于絕大多數需要進行組件交互或行為交互的場景。
上手技巧
厘清交互過程中涉及哪些信息內容;
不同信息內容適用哪些交互組件進行;
交互內容是否有任何格式約束、內容模版或是注釋說明;
交互過程中哪些是被允許那些是不被允許的;
交互過程的狀態扭轉是否完善和有效避錯;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
7、5why分析法˜
一個老生常談的方法,可以幫助我們深入問題和洞察底層含義,用法就是面對問題不斷的追問為什么,在任務鏈路優化中,主要可以幫助我們分析和定位問題根因。以過濾偽需求為例,面對老板提出的需求,如果你不去深入一下,你就不會明白做這個需求究竟是解決什么痛點的,那么做出來以后,這個需求就有可能出現沒有解決老板痛點的情況,甚至可能出現新的問題,因為這個需求本就是偽需求。
適用場景
適用與大多數復雜問題或需求的分析場景,主要是對需求或問題不夠清晰
上手技巧
連續追問;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
 
8、場景化分析˜
簡單講就是在解決或優化任務鏈路的時候,帶上人物、目標、行為、環境、時間諸多因素綜合性思考,形成一個更完善而真實的洞察環境,以幫助獲取更多有價值的優化信息,此前有出過一期關于場景化思維的專欄文章,寫的比較詳細,有興趣的可翻閱一下:
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
9、ESIA分析法˜
ESIA是企業流程優化中比較出名的方法,但也不僅限于企業流程優化,其核心理念就是減少流程中非增值活動,以及調整流程的核心增值活動。由消除-簡化-整合-自動化(Eliminate-Simply-Integrate-Automate)四個步驟構成,只看名字好像有些理論派或假把式,但拆開后的一些具像化步驟或方法還是有用的,作為一款優化工具或流程思路我是認可和采用過的,就像是“CRAP設計原則”一樣,高大尚的字母縮寫名下卻藏著樸實無華的好東西。
「注釋:CRAP設計原則 = “親密性、對齊、重復、對比”設計四大原則」
「注釋:CRAP設計原則 = “親密性、對齊、重復、對比”設計四大原則」
 
適用場景
流程優化或鏈路優化的發力點挖掘時。
上手技巧
這個方法我有一個小口訣,大伙兒可以參考下“去掉多余的、留下能懂的、排成有序的、減少人工的”
小案例
我們的代碼腳本工具升級,從客戶創建到腳本配置執行的復雜版本,到簡化的極速版本發布,其中整合了用戶主流的腳本工具訴求,然后消除了復雜冗長的配置過程,簡化了操作門檻或功能復雜度,并創建了多條主流自動化的極速版本來支持業務,反饋和數據都有了明顯轉好
 
10、ECRS“分析法˜
是工業工程學中程序分析優化的四大原則,主要由取消-合并-調整順序-簡化( Eliminate-Combine-Rearrange-Simplify)構成,其實不必糾結這些分析法的刻板步驟或叫法,多看一些你會發現萬變不離其宗,作為優化思路或策略,找到合適的方法并靈活的施展其實更重要,沒有人說必須要按照這些分析法按部就班。
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
  •  
    取消( Eliminate):首先是根據規模、階段或目標,考慮哪些是可有可無的,或價值有限的,能換掉的就換掉,能去掉的就去掉。
  •  
    合并( Combine):在不影響最終目標與質量的前提下,根據某些屬性,將多個工序進行合并或融合。同時也要考慮融合后的體驗與兼容性,如若不然就不要強制合并了。
  •  
    重排( Rearrange):即將相關的工作流程或內容進行新的順序調整重組,以滿足更合理更流暢的結構,例如減少了流程往返操作的不便、先易后難的配置表單。
  •  
    簡化( Simplify):不是取消或減少而已,而是經過以上工序后。將剩余的或整體進行簡單化、完整化、便捷化、智能化處理,可以是新技術應用也可以是交互方式的調整不等。
 
任務鏈路優化的思路或方法肯定還有諸多,例如《簡約至上》中提到的刪除、組織、隱藏、轉移的應用等等,這里不再列舉了,實際上掌握或了解幾條比較實用的就差不多了。
 
一些還不錯的分析工具˜
都是一些比較日常輔助工具,只是希望在大家的優化工作中能夠提供一些幫助,如果你已經熟練掌握這些工具的應用,那就請忽略這部分哈,請直接前往最后的篇章總結吧。
整合分析類 ˜
○思維導圖:可以快速幫助我們對信息進行樹結構化與邏輯整理,并且可以結合圖文以及功能圖標等來完成管理及計劃,能夠將業務或功能框架快速顯現出來,是很好的輔助工具之一;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○矩陣表格:可以很方便的將信息進行羅列與比對分析,在一些信息介紹或數據分析時常常會用到;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○服務藍圖:可以將完整的服務過程繪制出來,能夠包含人物角色、前后臺關系、階段過程、狀態扭轉、交互觸點等;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○體驗地圖:可以將服務、目標、用戶、交互、反饋進行階段化整合分析,本身是挺好的工具,只是設計師作品集中的用點兒虛,但不影響自己拿來實用;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○泳道圖:可以根據時序對流程進行可視化,可以很好的傳達職能部門或是角色之間的交互過程,也可以細分交互媒介、服務終端等因素之間的關系;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○流程圖:主要就是圍繞一個事件的開始到結束過程的流程可視化,流程圖可以系統化的梳理業務邏輯與交互鏈路,泳道圖也僅是流程圖的一種,相信大家都很熟悉了,就不過多贅述了;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○魚骨圖:是一種根因分析工具,有頭有尾有分支,像魚骨,常用于定位問題發生所導致的根因,也可以用來制定任務目標進程的管理;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
 
○狀態機:一種針對事件狀態扭轉關系的流程圖,用于描述系統的狀態和事件,以及事件引發系統在狀態間的轉換過程,有點像是一系列的if語句,在中后臺的系統設計中常常會有需要梳理狀態的情況發生;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○業務框架:業務框架主要是一種將業務過程和活動進行組織和分類的方法,具有較大的顆粒度與較強的全局性,常用于表達業務框架單元之間的組成與活動關系。而業務模型主要是指業務概念關系的可視化簡圖,前文的流程圖、泳道圖、狀態機等等都可以是業務模型;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
監測洞察類 ˜
○交互自檢:主要用于交互設計的查缺補漏跟避錯,同時在交互鏈路自檢的過程中是可以主動發現問題,并驗證優化是否可行或合理;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○使用性測試:也叫做可用性測試,是對優化結果或Demo進行測試檢驗的過程,通過模擬真實的任務操作過程以達到洞察、探索、比較、效果驗證等目的;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○A/B測試:常用于方案之間的效果比較或驗證,通常都是借助工具引流獲取一批真實用戶的測試反饋,是一款真實有效的驗證手段,不過方案之間的差異不宜過于懸殊;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
○數據漏斗:像任務鏈路這種多線程或是節點較多的事件,單薄的點擊率或轉化率的作用是很有限的,這時候就需要在相關任務節點上布滿更多的埋點,將用戶流量與數據轉化的情況用漏斗視圖表現出來,然后就可以針對任務鏈路進行分析或比較了;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
最后˜
本次主要是分享了對應優化工作中的一些技巧與方法,對于文章我很清楚看完和消化需要很多耐心與時間,這不像視覺作品來的那么接和輕松,寫到這里已經大幾千字了,最后鋪一張框架大圖幫那些看完腦袋空空的同學回顧一下;
從單車上鎖聊聊任務鏈路優化設計的思路與技巧
 
 
 


作者:泡泡_PAO
來源:站酷
 
 

 

藍藍設計(m.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

 

如何為用戶提供正確的鍵盤輸入類型?

博博

Android和iOS系統都設計了針對特定表單字段的指定鍵盤輸入類型。但大多數開發人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導致移動設備上的表單完成效率變慢。本文以Android平臺為例。
一、輸入類型并不總是“文本”
大多數開發人員錯誤地將每個表單字段的輸入類型設置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數字或字母和數字組合的信息。當用戶嘗試填寫這些字段時,他們應該看到一個數字或字母和數字組合的鍵盤。
不幸的是,當每個字段的輸入類型都設置為“文本”時,它會強制用戶使用文本鍵盤來輸入數字或字母和數字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。
因此,請務必為每個表單字段指定輸入類型,以便系統能夠顯示相應的鍵盤。除了指定輸入類型,我們還應指定相關行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
如何為用戶提供正確的鍵盤輸入類型?
例一. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當我們將輸入類型設置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
如何為用戶提供正確的鍵盤輸入類型?
例二. 姓名字段
英文名是專有名詞,英語中專有名詞的第一個字母要大寫。我們將輸入類型設置為“人名”,并且設置單詞首字母大寫。用戶無需對英文字母進行大小寫切換。
如何為用戶提供正確的鍵盤輸入類型?
二、每個鍵盤對輸入類型的反應可能不同
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設置為“密碼”。假定密碼為 z0h0a0n0g。
  1. 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊 9 次。
  2. 搜狗輸入法顯示文本鍵盤,用戶需在字母和數字之間切換,完成輸入需點擊 17 次。也支持長按第一行的字母輸入數字。
  3. 微信輸入法顯示文本鍵盤,完成密碼輸入需點擊 17 次。不支持長按字母輸入數字。
如何為用戶提供正確的鍵盤輸入類型?
 
案例二:登錄頁面的手機號輸入
釘釘設置電話號碼鍵盤右下角為“下一項”按鈕。
  1. 百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機號輸入后需手動獲取密碼文本框焦點。
  2. 搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
  3. 微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
如何為用戶提供正確的鍵盤輸入類型?
三、Input Type 助力產品輸入體驗的提升
通過應用 Input Type 你可以正確的為每個文本字段設置特定的輸入類型,以及看到每個輸入類型(以及輸入類型的組合)如何影響鍵盤。
我最初開發此應用是為了促進工作中跨部門高效協同,但我希望通過此應用能夠賦能給更多的人,提升協同效率的同時更好的提升產品輸入體驗。你可以在這里免費下載:
https://www.pgyer.com/vT29
Input Type這個工具需要安裝在安卓手機上,如果沒有安卓手機可以電腦上安裝一個網易MuMu安卓模擬器就可以用。
應用截圖
 
作者:交互設計師張楚
來源:站酷

藍藍設計(m.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

雪球金融社區平臺表情圖標升級全紀錄

博博

在社區平臺語境里,表情無疑是很重要的組成部分。一套豐富且定位準確的表情可以幫助用戶更清晰地表達自己的感受,增進溝通的準確性,同時增添社交互動的趣味性,拉進用戶之間的距離。帶有平臺特性的表情更能彰顯平臺自身的獨特性。
雪球作為金融社區平臺,表情自然也是重要的元素。我們通過數據調研,發現雪球社區互動中表情的滲透率達到18%,表情的使用率比較高。而現有的表情年久失修,存在幾個比較明顯的問題,首先視覺風格陳舊辨識度低;再有,表情中原本存在一些股票梗的表現力較弱,畫風不夠有趣。第三,雪球誕生了新IP“呦呦”,非常適合在表情中應用來推廣雪球品牌特性。
基于以上背景我們展開了對于表情翻新改版的項目。
 
XDC干貨|雪球表情升級全紀錄
 
 
現狀&問題
通過對當前狀況進行系統梳理,我們發現了一些存在的問題。
 
XDC干貨|雪球表情升級全紀錄
1.設計風格陳舊,不易識別表現力弱:
目前線上雪球表情風格老舊,視覺表達不符合當下設計潮流趨勢;由于表情是白色在行文中表現力不足且不易被用戶識別,因而趣味性表達的作用不夠凸顯。
XDC干貨|雪球表情升級全紀錄
2.缺乏股票基金場景的情緒表達
社區場景中有大量的股票基金的討論和相關內容的情緒表達,而目前表情體系中缺乏此類表達或表達不夠生動。
比如「關燈吃面」和「割肉」,在行文中一眼能識別到視覺主體是表情臉,而“吃面”和“割肉”的語義沒有生動的體現出來;還比如「跳水」又太具象和寫實,少了表情的趣味性。
XDC干貨|雪球表情升級全紀錄
3.沒有將雪球的新IP融入表情
雪球誕生了新的IP“呦呦”,表情的體系非常適合融入IP向的內容,將IP表情化也更利于IP的推廣和品牌的傳播。
XDC干貨|雪球表情升級全紀錄
 
 
 
XDC干貨|雪球表情升級全紀錄
視覺風格探索
1.雪球用戶特征
設計風格需要根據平臺用戶特征進行確定。開始設計之前,我們先看看雪球用戶大概是什么樣的。
XDC干貨|雪球表情升級全紀錄
雪球的主要用戶為男性且集中在30-50歲左右,所以在視覺表現上盡量避免女性化或低齡化的風格。
2.視覺風格探索
風格確定
舊版的表情蒼白,雖然細節很多但在行文中難以識別,本次改版重要任務之一是改版新的視覺風格。emoji是最被用戶熟知的表情體系,我們決定新版向傳統黃臉emoji表情靠攏。大方向定了,但還需要確定視覺感受符合雪球的emoji。最后在兩種視覺風格中我們選擇了視覺感受偏中性、風格扁平的這個方向,這個風格和雪球用戶特征更契合。
XDC干貨|雪球表情升級全紀錄
提升辨識度
表情在交流中作為非文字的“語言”,其辨識度至關重要。表情在行文中的尺寸相對較小和單個文字差不多,那么如何保證在文字中依然能一眼讀懂表情?
在對表情整體風格的把控下,需要通過對細節的打磨和反復實驗,得出更有辨識度的設計方案。保持視覺扁平,盡量使用簡潔的幾何圖形,加強顏色對比度,減少顏色數量,放大表情特征。通過以上手段有效的提升了表情的一致性和在行文中的辨識度。
XDC干貨|雪球表情升級全紀錄
 
 
 
XDC干貨|雪球表情升級全紀錄
發現股民討論語境下的“梗”
本次表情升級除了對現有表情進行改造升級,還針對雪球社區特色進行挖掘。
1.挖掘“梗”
前面我們說到雪球用戶是集中在30-50歲左右的男性,那么這類人群在社區中有怎樣的表達特點呢?
通過觀察我們發現,在面對股市的波動和不確定性,雪球用戶更喜歡用幽默詼諧的論調來調侃市場以宣泄心中的無奈和負面情緒,同時在波動面前展現出一種堅韌和自嘲的心態。我們可以在這種“戲謔調侃”中挖掘可以視覺化的情緒和表情。以此作為本次表情升級的一個重要方向。
戲謔調侃的表情有哪些呢?我們挖掘了當下網絡社交流行的表情包和熱詞。回想一下我們是否也經常使用類似“地鐵老人看手機”“黑人問號臉”等網絡熱圖來表達內心的復雜情緒呢。
XDC干貨|雪球表情升級全紀錄
在變幻莫測的股市中,面對現實的無力和不確定,祈福求平靜成了股民表達情緒舒緩心情的一種方式,比如“敲木魚”“祈求大漲”等儀式感的情境以表情的方式呈現,也能一定程度上引起用戶的共鳴。
XDC干貨|雪球表情升級全紀錄
2.讓表情“淋漓盡致”
  • 微表情盡顯“內心戲”
一個表情里往往蘊含不只一種情感,短暫而難以察覺的面部變化最能傳達個體真實的情感狀態,一個眼神、嘴唇微動等細微變化,常常表達出個體內在的真實狀態。
在設計“大哭”這個表情時,我們挖掘到大哭背后可能是某種“絕望”,那么觀察下人們絕望時最大的面部特點是不是空洞的眼神和僵硬的臉?用這樣的微表情和大哭結合在一起,感受大哭情緒的同時也傳遞了絕望的內心戲。
XDC干貨|雪球表情升級全紀錄
  • 賺了、虧了一目了然
股票社區中漲跌是永遠的話題,市場的漲跌背后牽動著的是股民們真金白銀的賬戶。“虧大了”和“暴富”這兩個表情很生動的表達了用戶盈虧的兩種處境,但原有表情的視覺表達過于保守和隱晦。要讓用戶一眼看到就產生共鳴,紅綠色是最直觀的漲跌信號,我們把這種語義和表情結合,“虧大了”除了表情沮喪還得加點綠色烘托氛圍,“暴富”的喜悅中再加上紅包加持情緒。
 
XDC干貨|雪球表情升級全紀錄
  • 戲劇化表達
在某些極端情緒上我們還嘗試打破舊表情的禁錮,用更加生動夸張的方式呈現。比如“絕望”,只靠面部表情似乎無法充分的表達,所以我們營造了簡單的環境和肢體動作, 一個癱在墻角雙目無神的小黃臉,絕望的形象躍然紙上。
XDC干貨|雪球表情升級全紀錄
3.股票專屬“梗”
雪球社區里有一些獨特的表情,比如“關燈吃面”,它是雪球老用戶傳承的經典梗;還有諸如跳水、割肉、抄底、滿倉等股票術語梗也頗受歡迎。升級優化這類表情的同時我們小開腦洞在原有基礎上增加了“好基友”等新梗,讓股民表達更豐富有趣。
XDC干貨|雪球表情升級全紀錄
 
XDC干貨|雪球表情升級全紀錄
IP表情化
去年雪球誕生了自己的IP“YOYO”,此次表情升級正好可以將IP表情化,在平臺應用和傳播。
YOYO所代表的品牌語義
1.福祿壽:因其原型是馴鹿,取福祿壽之意,代表財富;
2.溫暖陪伴&服務感:馴鹿具備天生的陪伴和服務感,與雪球強調的品牌服務感相契合。
XDC干貨|雪球表情升級全紀錄
YOYO品牌語義表情化
根據YOYO的兩種品牌語義,我們分別開腦洞。
哪些意向和財富相關呢?我們找到“錦鯉”“招財貓”“金元寶”,這些元素和表情相結合形成財富類表達;那么陪伴和服務感我們使用“抱抱”、“打call”這類溫暖鼓勵意向的肢體語言來和YOYO結合傳達。
XDC干貨|雪球表情升級全紀錄
 
 
作者:雪球設計中心XDC
來源:站酷

藍藍設計(m.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

 

向用戶請求權限的正確方式

博博

 

權限的目的是保護用戶隱私,那么在何時以及用什么方式請求用戶權限會是比較合適的?本文將詳細介紹Android的運行時權限模型,并展示設計一個UX來請求你的應用程序所需的權限,希望對你有所啟發。
從Android 6.0開始,沒有在安裝時請求所有權限,而是引入了運行時權限模型,開發者可以控制應用何時以及如何請求權限。這如同你想邀某人出去約會,過早、過頻繁或以錯誤的方式對你來說并不好。
本文我將詳細介紹Android的運行時權限模型,并向你展示如何設計一個UX來請求你的應用程序所需的權限。權限的目的是保護用戶的隱私,但當你請求權限時,你是在要求用戶放棄一點隱私,因此,你需要提供明確且平等的利益以換取訪問。運行時權限允許你在用戶更了解你請求權限的原因和授予權限的好處時選擇合適的時間請求權限。Android實現它們的方式使得以正確的方式請求它們變得十分重要。
運行時權限模型有利于保護用戶的隱私,當你的應用程序請求權限時,Android會顯示一個對話框讓用戶接受或拒絕它,第一次請求權限時對話框不會顯示“不再詢問”復選框,只會在用戶至少一次拒絕權限請求后顯示它,你可以檢查之前是否被拒絕過,并明智的決定在何時提供更多教育。
向用戶請求權限的正確方式
從Android 11開始,如果用戶在使用應用的過程中多次拒絕某項特定的權限,那么在你的應用再次請求該權限時,用戶將不會看到系統權限對話框。該操作表示用戶希望“不再詢問”。
你無需過度防御,例如在實際請求權限之前你始終通過預許可(預授權)來衡量用戶授予權限的可能性,本質上是請求兩次,這種雙重提示可能是不必要且煩人的,你可以通過在正確的時間以正確的方式詢問來達到同樣的效果。
Material Design分解了在兩個維度上請求權限的不同方法。首先權限對你的應用程序的運行有多重要?其次,你請求它的原因有多清晰?根據這兩個因素,建議你采用不同的方法來請求權限。
向用戶請求權限的正確方式
預先請求權限(Ask up-front)
如果某項權限對應用程序運行至關重要,并且顯而易見為什么需要請求它。例如日歷應用,拒絕日歷權限會使應用程序無法運行,并且用戶顯然知道日歷應用的用途以及請求日歷權限的原因,因此
不需要用任何不必要的解釋來打擾用戶,只需在用戶首次啟動應用時立即請求它即可。
向用戶請求權限的正確方式
預先教育(Educate up-front)
如果某項權限對應用至關重要,但請求它的原因不是很清晰。例如信貸應用,為了準確評估用戶的信貸資格、償還能力和防范反欺詐,通訊錄權限、通話記錄權限、位置權限對于風控而言非常重要,建議請求權限之前對用戶進行教育。
向用戶請求權限的正確方式
使用場景中請求權限(Ask in context)
如果應用中的某項次要功能需要權限,但請求它的原因很清晰,建議你在使用場景中請求權限。例如筆記應用允許用戶使用語音或音頻創建筆記,那么很明顯為什么此功能需要麥克風權限,無需過早的請求它,以免用戶負擔過重,最好等到用戶嘗試使用該功能時,因為用戶更有可能允許符合其預期的權限請求。
向用戶請求權限的正確方式
結合使用場景進行教育(Educate in context)
如果應用中的某項次要功能需要權限,并且請求他的原因不是很清晰,建議你結合使用場景進行教育。例如筆記應用允許用戶與朋友協作,那么請求聯系人權限可能是合理的,但它不是顯而易見的,當用戶調用該功能時,解釋應用獲得聯系人權限后可為用戶提供哪些好處,比如自動填充郵件地址,然后才請求聯系人權限讓用戶授予它。
向用戶請求權限的正確方式
處理權限請求遭拒情況
通過使用正確的方法,用戶應該清楚應用請求權限的原因以及應用獲得權限后可以為他們提供哪些好處。然而,這并不意味著用戶一定會授予權限。如果用戶拒絕了權限請求,建議采用以下做法:
  • 在應用界面中突出顯示因為沒有獲得特定權限而受限的功能所在的具體部分,例如在原本用于顯示該功能的結果或數據的位置顯示一條消息,讓用戶知道因缺少權限而無法使用該功能,幫助用戶在權限和功能之間建立心理聯系。
  • 不要阻止界面顯示,不要全屏警告消息,讓用戶根本無法繼續使用應用。即使在權限請求拒后,應用也應盡可能提供最佳的用戶體驗。例如即使麥克風使用權限請求遭拒,仍應全面提高文本功能的易用性。
  • 用戶可能已經選中了“不再詢問“復選框,應用可能會在用戶未看到權限請求對話框的情況下受到拒絕,此時應用應該提供一個鏈接,鏈接到設備設置中用戶可以打開權限的具體位置。
盡量減少權限請求
在應用中聲明權限之前,請先考慮是否需要這樣做,或者是否有替代方法可以在應用中支持該功能。因為如果應用聲明權限,那么每當用戶使用需要運行時權限的功能時,應用便不得不中斷用戶的操作,請求相應權限。然后,用戶必須做出決定。如果用戶不能理解您的應用為何請求特定權限,可能就會拒絕授予該權限,甚至卸載應用。
下面介紹幾個可以在不聲明任何權限的情況下實現的用例:
拍攝照片/錄制視頻
Android為應用提供了相互通信的功能,讓你可以將任務委托給其他應用。例如,如果你希望允許用拍照,但它不是應用的核心部分,可以考慮使用Intent請求相機應用拍攝照片并將其分享給你的應用,這樣就不需要CAMERA權限。
自動輸入動態短信驗證碼
雙因素身份驗證流程中,動態短信驗證碼作為第二校驗因素時,使用SMS Retriever API(短信檢索器)可以讓應用自動執行用戶身份驗證,不需要用戶手動輸入驗證碼,不需要READ_SMS權限。  
 
作者:交互設計師張楚
來源:站酷
 

 

藍藍設計(m.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計

軟件qt開發軟件wpf開發軟件vue開發

如何為用戶提供正確的鍵盤輸入類型?

博博

Android和iOS系統都設計了針對特定表單字段的指定鍵盤輸入類型。但大多數開發人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導致移動設備上的表單完成效率變慢。本文以Android平臺為例。
一、輸入類型并不總是“文本”
大多數開發人員錯誤地將每個表單字段的輸入類型設置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數字或字母和數字組合的信息。當用戶嘗試填寫這些字段時,他們應該看到一個數字或字母和數字組合的鍵盤。
不幸的是,當每個字段的輸入類型都設置為“文本”時,它會強制用戶使用文本鍵盤來輸入數字或字母和數字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。
因此,請務必為每個表單字段指定輸入類型,以便系統能夠顯示相應的鍵盤。除了指定輸入類型,我們還應指定相關行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
如何為用戶提供正確的鍵盤輸入類型?
例一. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當我們將輸入類型設置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
如何為用戶提供正確的鍵盤輸入類型?
例二. 姓名字段
英文名是專有名詞,英語中專有名詞的第一個字母要大寫。我們將輸入類型設置為“人名”,并且設置單詞首字母大寫。用戶無需對英文字母進行大小寫切換。
如何為用戶提供正確的鍵盤輸入類型?
二、每個鍵盤對輸入類型的反應可能不同
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設置為“密碼”。假定密碼為 z0h0a0n0g。
  1. 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊 9 次。
  2. 搜狗輸入法顯示文本鍵盤,用戶需在字母和數字之間切換,完成輸入需點擊 17 次。也支持長按第一行的字母輸入數字。
  3. 微信輸入法顯示文本鍵盤,完成密碼輸入需點擊 17 次。不支持長按字母輸入數字。
如何為用戶提供正確的鍵盤輸入類型?
案例二:登錄頁面的手機號輸入
釘釘設置電話號碼鍵盤右下角為“下一項”按鈕。
  1. 百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機號輸入后需手動獲取密碼文本框焦點。
  2. 搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
  3. 微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
如何為用戶提供正確的鍵盤輸入類型?
三、Input Type 助力產品輸入體驗的提升
通過應用 Input Type 你可以正確的為每個文本字段設置特定的輸入類型,以及看到每個輸入類型(以及輸入類型的組合)如何影響鍵盤。
Input Type這個工具需要安裝在安卓手機上,如果沒有安卓手機可以電腦上安裝一個網易MuMu安卓模擬器就可以用。
應用截圖
應用截圖

作者:交互設計師張楚
來源:站酷

藍藍設計(m.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計

軟件qt開發軟件wpf開發軟件vue開發

從產品創新到品牌體驗,設計究竟有多重要?

前端達人

在當今激烈的商業競爭中,企業成功的因素多種多樣,其中設計是否成為決定性因素備受爭議。從產品創新到品牌體驗,設計的影響力逐漸凸顯。本文將深入探討設計在商業領域的重要性,并剖析其如何塑造企業形象、影響產品銷售以及提升用戶體驗。

 

1. 設計與產品創新

產品創新是企業保持競爭力的關鍵之一,而設計在這一過程中扮演著重要的角色。通過獨特的設計理念和創新的外觀,企業能夠突破傳統,吸引消費者的注意力。例如,蘋果公司憑借其獨特的產品設計,成功地將智能手機從功能性產品轉變為時尚潮流的代表。

 

2. 設計與品牌形象

品牌形象直接關系到企業在市場中的地位。設計不僅僅是產品外觀,還包括標志、廣告、包裝等各個方面。一致、有吸引力的設計能夠加強品牌認知度,形成獨特的企業形象。例如,可口可樂的標志設計一直以來都是簡潔而具有辨識度的代表,為品牌樹立了強大的形象。

 

3. 設計與產品銷售

消費者在購買產品時通常會首先被外觀所吸引,而設計正是影響消費者購買決策的一個重要因素。產品設計的吸引力可以直接影響銷售情況。一款外觀精致、符合消費者審美的產品更容易贏得市場。因此,企業在產品設計上的投入,往往能夠在銷售層面獲得回報。

 

4. 設計與用戶體驗

隨著消費者對產品體驗的重視不斷增加,用戶體驗設計變得愈發關鍵。用戶友好的設計能夠提高產品的易用性,增強用戶滿意度。無論是軟件界面還是實體產品的操控,設計都直接影響著用戶的感受。互聯網公司中,用戶體驗設計更是被視為至關重要的一環,因為一個良好的用戶體驗能夠促使用戶更加愿意持續使用產品。

 

結語

在當今商業環境中,設計不再是簡單的裝飾品,而是企業成功的關鍵因素之一。從產品創新到品牌形象再到用戶體驗,設計在多個層面發揮著重要作用。企業若要在競爭中脫穎而出,就需要認識到設計的戰略價值,并將其納入業務發展的核心考慮之中。在這個創新迅猛的時代,或許真正能夠決定企業命運的,就是那個看似微小卻能夠改變一切的設計元素。

藍藍設計(m.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

B端產品 | 如何快速建立業務&產品認知

博博

先說結論:是很好的“答疑期”,但幫助有限,學會問問題,同時接納自己暫時不懂的情況。
 
在入職后,一般會有業務方向、研發背景、設計思路、產品使用流程等方面的培訓講解。但即便同事講的不錯,對于剛入職的我們來說,也很難短時間內消化掌握,并直接應用到設計工作中。
 
在這個時期,有三點建議:
  1. 找關鍵詞
  2. 虛心請教
  3. 提出問題并給出方案
 

用戶界面設計:是不是界面越簡單,用戶體驗就越好呢?

前端達人

用戶界面設計是現代軟件開發中至關重要的一環。在設計過程中,一個常見的爭論是是否簡化界面能夠提高用戶體驗。本文將探討這一問題,分析簡化界面和提高用戶體驗之間的關系,同時討論一些成功案例和最佳實踐。

 

引言:

隨著科技的發展,軟件應用和網站的用戶界面設計成為用戶與技術互動的主要媒介。傳統觀念中,簡化界面通常被認為能夠提高用戶體驗,但這是否總是成立呢?

 

界面簡化與用戶體驗:

簡化界面的理念是通過減少復雜性,使用戶更輕松地完成任務。然而,這并不意味著一味地去除所有元素。在設計中找到平衡點至關重要,避免因過度簡化而導致用戶迷失在功能缺失的迷宮中。

 

成功案例分析:

一些知名的軟件和平臺通過簡化界面取得了顯著的成功。例如,移動應用界面通常更簡單,專注于核心功能,為用戶提供高效的體驗。另外,一些社交媒體平臺也采用清晰簡潔的設計,讓用戶更容易分享和互動。

 

界面簡化的挑戰:

然而,過度簡化也可能引發問題。某些應用在簡化的過程中可能削減了一些用戶希望使用的功能,導致用戶體驗下降。因此,在簡化界面時,設計團隊需要深入了解用戶需求,確保保留關鍵功能的同時簡化操作。

 

最佳實踐:

為了在簡化界面中取得成功,設計團隊可以采用一些最佳實踐。這包括用戶研究,以了解他們的期望和需求,持續的反饋循環,以及對設計進行用戶測試。通過這些方法,設計團隊可以更好地理解用戶,從而創造出簡單而強大的界面。

 

結論:

在用戶界面設計中,簡化并非唯一的成功途徑。用戶體驗的提升需要在簡化與功能之間取得平衡。通過深入了解用戶需求、采用最佳實踐,并不斷優化設計,設計團隊可以打造出符合用戶期望且高效的界面,提升整體用戶體驗。

B端基礎 | 全套WEB表單設計基礎

博博

第一部分 | WEB表單設計
在B的設計中、表單是我們最為常見的設計內容。下面我們來學習如何做好表單設計這部分內容。
1、什么是表單
我理解表單就是系統為和用戶進行交互、所要收集用戶信息的或獲得用戶反饋的一種方式的載體。在后臺產品中對我們數據做的增、刪、改、查、驗都可以通過表單完成。
B端基礎 | 全套WEB表單設計基礎
 
 
表單是一種用于收集用戶輸入的HTML元素,通常用于創建用戶與網頁交互的表單。表單可以包含各種輸入字段,如文本框、復選框、單選按鈕、下拉列表和提交按鈕等。當用戶填寫表單并提交后,數據將被發送到服務器進行處理。在web開發中,表單是實現用戶交互和數據收集的重要手段之一。
 
1.1、常見應用場景
在我們的后臺系統中、我們表單在70%的場景上都會使用到。采集錄入數據信息、編輯數據信息等。如我們SaaS管理平臺的學員錄入、檔案查詢、獎勵規則設置等。
B端基礎 | 全套WEB表單設計基礎
 
 
2、表單設計原則
設計原則是任何一種解決方案的指路燈。我們在表單的設計中需要遵循以下原則、
簡潔明了、清晰高效、適應業務、及時反饋。
B端基礎 | 全套WEB表單設計基礎
 
 
2.1、簡潔明了
表單的設計應該簡潔明了,避免過多的裝飾和元素干擾用戶填寫表單。
 
2.2、清晰高效
表單中的各個字段和選項應該清晰可見。用戶應該能夠快速找到需要填寫的字段和選項,并且填寫過程中不會遇到過多的困難。
 
2.3、適應業務
應該符合我們的業務應用場景、滿足我們的業務需求。
 
2.4、及時反饋
在用戶填寫表單的過程中,應該提供適當的反饋,例如輸入驗證、錯誤提示等,以便用戶能夠及時了解自己的輸入是否正確。
 
3、表單構成
我們通常的表單都基本都是由、標簽、域、提示、操作按鈕這四個部分構成的。
B端基礎 | 全套WEB表單設計基礎
 
 
3.1、標簽
標簽文本主要是解釋輸入項的含義,一般不宜太長,需要簡明扼要,快速讓用戶理解。輸入框標簽在布局上可以分為
左標簽、頂標簽、行內標簽
。這三種設計在許多情況下可以提高可讀性和用戶友好性,但也有一些潛在的缺點。
B端基礎 | 全套WEB表單設計基礎
 
 
3.1.1、左標簽
優點:可讀性強、減少用戶的認知負擔。布局直觀、提高填寫速度。
缺點:不適合長標簽、對業務場景適用性差。
 
3.1.2、頂標簽
優點:節省空間、減少表單的長度和寬度。視覺層次清晰。
缺點:需要額外的間距、縱向空間利用率不高
 
3.1.3、行內標簽
優點:節省空間、簡潔易于閱讀
缺點:可讀性有限、對于長標簽或復雜內容可讀性降低、不適合大部分的場景。
 
3.2、域
表單的域表示的是一個空間。這個空間里可以是輸入內容、選擇內容、選則時間、選擇數值、觸發交互按鈕(上傳資料)等
B端基礎 | 全套WEB表單設計基礎
 
 
3.3、提示
避免廢話、給出結果以及處理方式。
B端基礎 | 全套WEB表單設計基礎
 
 
3.4、按鈕
一般出現在頁面頂部、跟隨表單里的內容、表單內容底部、頁面底部。
在我們系統設計里。我是更愿意把按鈕放在頁面的底部。至于為什么可以看一下、我之前的《按鈕的基礎設計知識的文章》
 
4、設計細節
除了上面表單的基礎知識外,為了我們表單設計的更好我們就需要在細節上下功夫了。畢竟優秀的設計師注重細節的表現的。
B端基礎 | 全套WEB表單設計基礎
 
 
4.1、表單里標簽后的冒號要不要加
最初是因為屏幕顯示的原因所以才加的冒號、隨著技術的進步。現在可加可不加。系統內統一就行。
B端基礎 | 全套WEB表單設計基礎
 
 
4.2、如何設定輸入框的寬度
輸入框的寬度是自適應的、輸入框的寬度是有暗示左右的。在真實場景中,大部分輸入框是存在理想長度的,那么就應該向用戶暗示所需輸入內容的長度來減輕判斷負擔。下圖就是典型案例,一個實際不需要花多少錢的金額輸入框在左圖中進行等寬處理,反而容易誤導用戶對輸入金額的判斷,造成一種不安全感。
B端基礎 | 全套WEB表單設計基礎
 
 
4.3、表單布局
在表單中我們采用多種布局方式。
信息分組、內容列表、標簽頁、分步驟。
在信息傳遞上。這集中布局方式本質都是一樣的。將信息進行分類展示。來更好效的進行信息的傳遞和展示。理論支持、格式塔原理
B端基礎 | 全套WEB表單設計基礎
 
 
我們如何選則適用那種布局方式呢。很簡單需要展示內容的多少。
 
B端基礎 | 全套WEB表單設計基礎
 
 
第二部分 | 表單交互
為了讓我們表單的用戶體驗做到極致、我們還有注意這些交互上的細節。做好這些細節將大幅提升我們的用戶體檢。
B端基礎 | 全套WEB表單設計基礎
 
 
1、錯誤提示
驗證用戶輸入活提交信息是否正確、驗證方法有三種、實時、提交后、服務器。因為他們時效性不同所以應用的場景也不同。
B端基礎 | 全套WEB表單設計基礎
 
 
錯誤提示要適用積極地的語言、不清楚的告訴用戶存在哪里、要如何修復。
 
2、更智慧、高效
之前好像看過一個什么定律忘了。他的大致意思是,如果系統能處理的問題盡量讓系統去處理、不用留給用戶去操作。
B端基礎 | 全套WEB表單設計基礎
 
 
2.1、簡化輸入智能默認
如果可以帶出來的信息可以盡力帶過來。
B端基礎 | 全套WEB表單設計基礎
 
 
滿足多數人需要的地方放置選擇,來幫助用戶作出明智選擇。互聯網表單中有很多地方能利用智能默認減少必要的選擇次數,加速表單完成過程。
 
2.2、個性化默認
保留用戶登陸信息、重復填寫內容。例如、之前去醫院需要手機登陸的那段時間。在去過一次后。掃完填寫信息制藥填一個名字、其他信息都帶出來了。
B端基礎 | 全套WEB表單設計基礎
 
 
2.3、及時新增
我們在滿足大部分用戶的同時、在某些場景里還要提高額外的輸入框給需要的人用。同時不會阻礙不需要的人。這類輸入框常常被作為高級選項或者額外選項。
B端基礎 | 全套WEB表單設計基礎
 
 
3、結構
一個結構充分的表單就像一個與用戶的良好對話。所以記住這一點,仔細規劃結構。
B端基礎 | 全套WEB表單設計基礎
 
 
3.1、從簡單開始到創建邏輯分類
從簡單問題開始,用戶已經很清楚答案了。將不相關的信息按邏輯分組展示。來幫助用戶理解。
B端基礎 | 全套WEB表單設計基礎
 
 
3.2、單步、多步、單列、多列
至于這些的方式的選擇、總的來說還是信息呈現多少的不同。單步的轉化率更高。但多步卻更適合復雜信息的收集。
B端基礎 | 全套WEB表單設計基礎
 
 
單列和多列基本也是一樣的道理
 
B端基礎 | 全套WEB表單設計基礎
 
 
 


作者:彪形大漢pro
來源:站酷

藍藍設計(m.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

 

日歷

鏈接

個人資料

藍藍設計的小編 http://m.73404.com.cn

存檔

主站蜘蛛池模板: 777精品伊人久久久久大香线蕉 | 国产免费午夜a无码v视频 | 特级a做爰全过程片 | 韩国主播福利一区二区三区 | 把少妇弄高潮了www麻豆 | 午夜福利试看120秒体验区 | 国产高清av首播原创麻豆 | 躁躁躁日日躁2020麻豆 | 欧美又黄又粗暴免费观看 | 免费黄色链接 | 欧美二区在线观看 | 亚洲gv天堂gv无码男同 | 中文字幕一区二区在线视频 | 国产精品久久久久久久免费大片 | 无码国产69精品久久久久孕妇 | 久久久久欧美精品 | 国产高潮刺激叫喊视频 | 国产老妇伦国产熟女老妇高清 | 国产亚洲情侣一区二区无 | av丝袜在线观看 | 3d动漫精品啪啪一区二区免费 | 性少妇videoxxⅹ中国69 | 美女上床网站 | 男女无套免费视频网站动漫 | 国产又色又爽又黄刺激在线视频 | 免费黄色三级网站 | 99久久亚洲精品日本无码 | 日韩性色av | 2017天天干天天射 | 少妇无套高潮一二三区 | 午夜视频在线观看网站 | 成人看黄色s一级大片 | 日本疯狂做爰xxxⅹ高潮视频 | 国产精品另类激情久久久免费 | 欧美三级欧美成人高清 | 国产一区二区网 | 99久久久无码国产精品9 | 波多野成人无码精品电影 | 色欧美99| 国产91热爆ts人妖月奴 | 欧美成人aaa| 久久免费看少妇高潮a | 337p西西人体大胆瓣开下部 | 天天干天天色天天 | 黄色影片免费 | 三日本三级少妇三级99 | 91九色视频在线 | 九色porny自拍视频在线播放 | 麻豆91精品91久久久的内涵 | 4hu亚洲人成人无码网www电影首页 | 久久精品动漫一区二区三区 | 亚洲伦理精品 | 人人玩人人弄人人曰 | 国产黄色影视 | 黄色免费大片 | 久久99国产综合精品 | 国产乱对白精彩 | 四虎一区二区 | 2019日韩中文字幕mv | 日本在线一级 | www日韩系列 | 黄色一级在线 | 亚洲综合热 | 国产青青青 | 97播播 | 日韩av激情在线观看 | 成人av黄色 | 性初体验美国理论片 | 精品中文字幕一区二区三区av | 少妇被粗大的猛烈进出免费视频 | 一本—道久久a久久精品蜜桃 | 精品国产乱码久久久久久蜜柚 | 亚洲高清av在线 | 大色av | 国产aaa大片 | 国产欧美一区二区白浆黑人 | 亚洲视频一二三 | 亚洲美女爱爱 | vvvv99日韩精品亚洲 | 国产精品一品二区三区的使用体验 | 日韩片在线观看 | 国产精品黄色大片 | 日韩青青草| 亚洲欧美又粗又长久久久 | 少妇久久久久久被弄到高潮 | 成人免费毛片果冻 | 日日不卡av| 成人欧美一区二区三区 | 国产影片中文字幕 | 日日拍夜夜拍 | www.操操操 | 国产一级大片在线观看 | 欧洲精品一区二区三区 | 99精品欧美一区二区蜜桃美图 | 97理伦| 午夜精品久久久久久久99芒果 | 91激情视频在线观看 | jzzjzzjzz亚洲成孰少妇 | 毛片国产精品 | 97久久人人超碰国产精品 | 日本a级在线播放 | 日韩av大片| 波多野一区二区 | 久久伊人精品视频 | 特黄色毛片 | 亚洲天堂成人 | 先锋影音在线 | 亚洲国产精品久久久久爰色欲 | 首页 动漫 亚洲 欧美 日韩 | 久久精选视频 | 国产精品亚 | 精品国产一区二区三区久久影院 | 一本色道久久综合狠狠躁篇怎么玩 | 亚洲va韩国va欧美va | 亚洲精品一区二区三区不 | 国产特黄aaa大片免费观看 | а√在线中文网新版地址在线 | 欧美性受xxxx黑人猛交88 | 久久久久国色av免费观看性色 | 日韩精品无码一区二区三区av | 91成品人影院| 免费男人和女人牲交视频全黄 | 日韩一级片视频 | 欧美视频不卡 | 美女免费看片 | 在线观看污污网站 | 麻豆精品自拍 | 成人在线观看免费网站 | 欧美xxxx做受欧美 | 国产在线拍揄自揄拍无码 | 中文字幕精品久久久久人妻 | 日批视频免费看 | 黄av在线播放 | 午夜视频福利在线 | 欧美又粗又大xxxxbbbb疯狂 | 97在线国产视频 | 久久精品一区二区三区不卡牛牛 | 免费看一级黄色大片 | 国产真实伦对白全集 | 亚洲欧美日韩久久一区二区 | 精品国产91乱码一区二区三区 | 免费一区视频 | 欧美大黑帍在线播放 | 成年无码av片在线狼人 | 在线观看污污网站 | 亚洲精品沙发午睡系列 | 午夜精品久久99蜜桃的功能介绍 | 精品日韩欧美一区二区在线播放 | 国产精品综合在线 | 少妇淫片 | 久久精品囯产精品亚洲 | 国产全肉乱妇杂乱视频 | 亚洲精品成人av在线观看爽翻天 | a√毛片| 免费无码a片一区二三区 | 在线观看毛片网站 | av中文字幕在线看 | 久久精品这里有 | 一本久道久久综合狠狠爱 | 少妇又色又紧又爽又高潮 | 91张津瑜 午夜在线播放 | 99pao成人国产永久免费视频 | 国产一级黄色片视频 | av在线免费播放网址 | 日本福利在线观看 | 免费人成网站在线观看欧美高清 | 国产黄视频在线观看 | 午夜爽爽爽爽技女8888 | 久久精品牌麻豆国产大山 | 快色视频网站 | 日本中文字幕在线观看视频 | 国产午夜精品一区二区理论影院 | 女警一级淫片免费放 | 99热这里只有精品7 99热这里只有精品8 | 天天干天天干天天 | 国产免费一区二区三区四在线播放 | mm视频在线观看 | 国产区77777777免费 | 国产成人精品网站 | 黄色小视频在线看 | 中文字幕日本一区二区 | 国产精品一区二区四区 | 天天曰夜夜曰 | 成人在线手机版视频 | 又色又爽又黄又刺激免费 | 精品国产一区二区三区在线观看 | 国产成人免费在线 | 无码少妇一区二区三区芒果 | 国产91视频在线观看 | 亚洲午夜1000理论片aa | 黄色wwwww| 亚洲综合在线一区二区三区 | 国产午夜精品视频 | 精品av综合导航 | 国产香蕉9| 欧美色aⅴ欧美综合色 | 一级做a爱片性色毛片www | snis839痴汉明日花キララ | 中国女人内谢69xxxx | 九色在线观看视频 | 五月天激情在线 | 日韩精品久久无码中文字幕 | 亚洲欧美精品伊人久久 | 成人做爰高潮片免费视频 | av黄| 无码性午夜视频在线观看 | 日本黄色免费视频 | 亚洲成人精品一区二区三区 | 秋霞欧美视频 | 看av网站| 青草青草久热精品视频国产4 | 国产人成精品 | 四虎影视国产精品 | 久久美女性网 | 一个综合色 | 黄色小视频免费观看 | 亚洲区免费中文字幕影片|高清在线观看 | 精品国产96亚洲一区二区三区 | 国产欧美日韩精品一区二区三区 | 成人精品视频在线 | 成人精品喷水视频www | 成人黄色片视频 | 大肉大捧一进一出好爽 | 在线观看免费视频a | 99re6热在线精品视频播放 | 国产伦精品一区二区三区视频免费 | 99免费在线 | 国产精品去看片 | 日本大尺度激情做爰电2022 | 中文字幕在线无码一区二区三区 | 国产91在线精品 | 超碰aⅴ人人做人人爽欧美 狠狠亚洲婷婷综合色香五月 | 日韩一欧美内射在线观看 | 国产精品久久久久久久久久免费看 | 精品国产精品网麻豆系列 | 国产精品99久久久久久久女警 | 国产视频久久久久 | jizz性欧美15 | 亚洲精品网站在线观看你懂的 | 久久精久久 | 91丨九色丨蝌蚪丨对白 | 欧美日本国产精品 | 精品人妻少妇一区二区 | 国产zzjjzzjj视频全免费 | 国产免费又硬又黄又爽的视频喷水 | 中文字幕乱码一区二区三区四区 | 精品人妻系列无码一区二区三区 | 久久久久久久久久久国产 | 99re国产| 亚洲精品一区二区三区不 | 我和岳m愉情xxxx国产91 | 韩国三级av| 免费观看全黄做爰大片国产 | 已婚少妇美妙人妻系列 | 国产在线永久视频 | 男女艹逼网站 | 午夜三级做爰视频在线看 | 日本做爰全过程免费看 | 色婷网| 女人高潮av国产伦理剧 | 黄色综合网| 毛片毛片毛片毛片毛片毛片毛片毛片 | 波多野结衣亚洲一区 | 操操干| 麻豆天美传媒毛片av88 | 日本中文字幕不卡 | 婷婷天天 | 九色porny丨首页在线 | 国产精品99久久久久久久女警 | 欧美肥妇多毛bbw | 欧美午夜一区二区福利视频 | 免费在线观看黄 | 三级毛片在线看 | 国产精品久久久久久人妻精品动漫 | 成人爱爱免费视频 | 久久久www成人免费精品张筱雨 | 欧美成人在线影院 | 亚洲第一毛片18我少妇 | 日产精品久久久一区二区福利 | 日本少妇在线观看 | 性,国产三级在线观看 | 国产熟人av一二三区 | 刺激一区仑乱 | 天堂va欧美ⅴa亚洲va一国产 | 李丽珍裸体午夜理伦片 | 特黄一毛二片一毛片 | 国产小视频在线观看免费 | 国精产品一区一区三区有限公司杨 | 久久久无码精品国产一区 | 国产精品日 | 午夜视频体内射.com.com | 中文字幕精品亚洲一区 | 欧美黑人性xxx猛交 欧美黑人一区二区 | 免费无码又爽又刺激高潮视频 | 国产精品污www一区二区三区 | 一区二区三区四区在线播放 | 香蕉久久国产av一区二区 | 国产性猛交××××乱七区 | 成人性生交视频免费观看 | 亚洲学生妹高清av | 日本特级黄色 | 久久人人爽人人爽人人片av不 | 96亚洲精品久 | 成人永久免费 | 人妻熟女一二三区夜夜爱 | 超级av在线天堂东京热 | 午夜片神马影院福利 | 午夜国产一区二区三区四区 | 性久久久久久久久 | 亚洲黄色精品 | 国产91天堂素人搭讪系列 | 亚洲视频一二区 | 人妻少妇精品无码专区 | 一本色道88久久加勒比精品 | 蜜桃网av | 无套内射视频囯产 | 亚洲男人第一网站 | 色爱综合 | 久久国产精品日本波多野结衣 | 91久久国产精品 | 久久久久香蕉国产线看观看伊 | 国产精品久久久久久久久免费相片 | 国精无码欧精品亚洲一区 | 欧美人与拘性视交免费看 | 香蕉av777xxx色综合一区 | 免费黄色网址在线 | 欧美色图19p| 女女女女女裸体处开bbb | 一区二区精彩视频 | www国产亚洲精品 | 人人色在线视频播放 | 人妻奶水人妻系列 | 欧美男男大粗吊1069 | jvid视频在线观看 | av无码精品一区二区三区 | 日本乱论视频 | 色婷婷av一区二区三区之红樱桃 | 成在线人永久免费视频播放 | 黄色大网站 | www.夜夜操| 国产美女亚洲精品久久久毛片小说 | 日韩免费中文字幕 | 午夜天堂在线 | 91精品国产色综合久久久蜜香臀 | 国产免费一级淫片a级中文 国产免费一区 | 好吊妞无缓冲视频观看 | 柳州莫菁菁av一区 | 伊人网综合在线 | 亚洲成a人片在线观看无码专区 | 香蕉视频在线看 | 国产精品无码一区二区在线看 | 欧美成人aaaaaaaa免费 | 中文字幕乱码一区二区三区 | 午夜伦全在线观看 | 东京热一区二区三区无码视频 | 国产在线播放一区二区 | 久久国产网站 | 网友真实露脸自拍10p | 亚洲成人动漫在线观看 | 成年无码av片完整版 | 亚洲精品在线视频观看 | 国产露脸150部国语对白 | 亚洲高清精品视频 | 香港三级日本三级a视频 | 欧美激情在线一区二区三区 | 久久亚洲中文字幕不卡一二区 | jizzxxxx18高清喷水 | 日韩一区二区在线观看视频 | 亚洲一区二区三区自拍公司 | 国产艳妇av在线观看果冻传媒 | 新狼窝色av性久久久久久 | 欧美精产国品一二三区69堂 | 色婷婷综合视频 | 国模大尺度自拍 | 国产精品久久久久免费观看 | 波多野吉衣一区 | 毛茸茸熟妇丰满张开腿呻吟性视频 | 亚洲精品视频91 | 亚洲精品无码av中文字幕电影网站 | re久久 | 亚洲成av人的天堂在线观看 | 国产刺激视频 | 日韩淫视频 | 亚洲天堂成人在线 | 午夜免费福利在线 | 国产777777线观看视频 | 在线播放91灌醉迷j高跟美女 | 污污视频网站在线免费观看 | 国产裸体丰满白嫩大尺度尤物可乐 | 国产欧美日韩精品专区黑人 | 奇米影视7777久久精品人人爽 | www.热久久 | 国产在线最新 | 久久精品一区 | 久久视频在线视频 | 欧美成人精品手机在线 | 中国挤奶哺乳午夜片 | 婷婷综合五月 | 午夜在线观看av | 国产精品黄网站 | 国产免费叼嘿网站免费 | 69久久99精品久久久久婷婷 | 奇米婷婷 | 高清视频一区二区 | 国产在线观看禁18 | 奇米影视第四狠狠777 | 一区二区高清 | 米奇狠狠干 | 囯产精品久久久久久久久久妞妞 | 国产日韩中文字幕 | 国产99视频精品免视看芒果 | 九九热精品在线观看 | 青青草精品在线视频 | 久久婷婷香蕉热狠狠综合 | 性免费视频 | 女人裸体性做爰23 | 天天想夜夜爽 | 国产免费a | 国产亚洲综合一区二区 | 日日噜噜噜夜夜爽爽狠狠视频寻花 | 校园伸入裙底揉捏1v1h | 国产一区在线视频 | 国产色视频一区二区三区qq号 | 久久嗨 | 自拍偷在线精品自拍偷无码专区 | 日本大尺度吃奶呻吟视频 | 亚洲精品乱码久久久久久按摩观 | 亚洲欧洲精品一区二区 | 香蕉久久夜色精品国产更新时间 | 风间由美一区二区三区 | 亚洲精品视频免费观看 | 欧美在线brazzers免费视频 | 国产精品视频在线观看 | 国产无遮挡吃胸膜奶免费看 | 中文字幕在线观看英文怎么写 | yy6080久久伦理一区二区 | 蜜桃av噜噜一区二区三区 | 日日摸日日干 | 乱码一区二区三区四区 | 精品国产一区二区三区性色av | 久久免费视频99 | 日韩在线观看视频一区二区三区 | 欧美小视频在线观看 | 日韩人妻无码精品系列 | 91ts人妖另类精品系列 | 青青成人| 中文日产乱幕九区无线码 | 日韩福利网站 | 日日射天天干 | 国产三级理论 | 日本伊人色 | 国产最爽的乱淫视频国语对白 | 国产精品无码午夜福利 | 最新免费av网址 | 国产精品破处 | 在线观看免费人成视频色9 在线观看的网站 | 精品少妇一区二区三区免费观 | 色综合天天色 | 亚洲人精品 | 久久精品麻豆 | 婷婷久久av| 女同性69囗交 | 亚洲国产欧美在线人成 | 日韩精品一卡2卡3卡4卡分类 | 欧美乱大交做爰xxxⅹ性3 | 白嫩嫩翘臀美女在线视频 | 黑巨茎大战欧美白妞 | 无码夜色一区二区三区 | 成人av免费看 | 国产精品久久久久无码人妻 | 日韩成人在线观看 | 情侣黄网站免费看 | 特级大胆西西4444人体 | 淫欲av| 午夜少妇拍拍视频在线观看 | 成人免费的视频 | 亚洲日韩看片无码超清 | 久久久久久穴 | 亚洲精品综合五月久久小说 | 爱吃波客今天最新视频 | 久久综合9988久久爱 | 熟女丝袜潮喷内裤视频网站 | 欧美少妇毛茸茸 | 天天看毛片 | 国产女人视频 | 国产亚洲精品女人久久久久久 | 亚洲国产人午在线一二区 | 免费看黄色的视频 | 老女人一区| 亚洲四区在线 | 国产黄色视| 无码内射中文字幕岛国片 | 国产精品无码一本二本三本色 | 国产无套白浆一区二区 | 射久久久 | 亚洲色图首页 | 精品国产91久久久久久久妲己 | 久久综合另类激情人妖 | 91超薄丝袜肉丝一区二区 | а√中文在线8 | 污污的网站在线观看 | 爽爽影院免费观看 | 黑人巨大精品欧美一区二区 | a级毛片视频免费观看 | 九一亚洲精品 | 亚洲精品在线免费播放 | 污片在线观看 | 色偷偷偷久久伊人大杳蕉 | 国产区欧美区日韩区 | 拔擦拔擦8x海外华人永久 | 亚洲成a∨人片在线观看无码 | 一区二区三区视频免费 | 欧美天堂色| 国产清纯白嫩初高生视频在线观看 | 欧洲熟妇色xxxx欧美老妇 | 在线亚洲综合 | 日本免费成人 | 欧美射 | h片免费在线观看 | 日本不卡网站 | 色88久久久久高潮综合影院 | 亚洲精品天堂成人片av在线播放 | 天天干天天透 | 免费看色网站 | 91羞羞视频 | 最新中文字幕av专区 | 久久久免费高清视频 | 1000部禁片18勿进又色又爽 | 久久久久久久久毛片精品 | 色欲综合一区二区三区 | 嫩草影院久久 | 亚洲第一综合网 | 婷婷色一区二区三区 | 欧美三日本三级少妇三2023 | 青草福利在线 | 日韩精品一区二区三区中文 | 激情欧美日韩一区二区 | 国产乱码精品一区二区蜜臀 | 亚洲精品综合欧美二区变态 | 又黄又爽又色又刺激的视频 | 法国a级理论片乱 | 国产精品视频免费看人鲁 | 日韩国产欧美精品 | 国产精品自在线拍国产手青青机版 | 精品国产精品网麻豆系列 | 免费看三级黄色片 | av无码久久久久不卡网站下载 | 又粗又猛又爽又黄少妇视频网站 | 午夜爱爱网 | 欧美特级特黄aaaaaa在线看 | 亚洲欧美第一 | 5a级毛片 | 寂寞骚妇被后入式爆草抓爆 | 国产精品毛片视频 | 少妇又紧又大又色又爽视频 | 农村少妇吞精夜夜爽视频 | 中文字幕视频一区 | 在线中文字幕第一页 | 日韩第一色 | 三及毛片| 国产精品国产三级国产普通话蜜臀 | 一本大道久久a久久精二百 一本大道久久a久久精品综合1 | 欧美巨大双龙性猛交乱大 | 新91视频网 | 国产情侣av在线 | 综合久久久久久 | 中国丰满熟妇xxxx性 | www福利 | 偷拍亚洲色图 | 精品无码中文字幕在线 | 一区二区三区高清在线观看 | 午夜福利伦伦电影理论片在线观看 | 久久综合给合久久狠狠狠97色 | 日本免费一区二区三区四区五区 | 中文理论片 | 婷婷丁香久久 | 成人黄色网 | 亚洲一区二区三区视频在线 | 麻豆亚洲精品 | 少妇高潮大片免费观看 | 成人一区二区三区久久精品嫩草 | 亚洲女同另类 | 81精品国产乱码久久久久久 | 亚洲综合一区二区三区葵つかさ | 国产自产在线 | 亚洲国产成人一区二区三区 | 青青草欧美 | 最新日韩精品中文字幕 | 久久久久se色偷偷亚洲精品av | 亚洲欧美日韩精品suv | 国产日韩精品一区二区三区在线 | 视频国产一区 | 波多野结衣在线播放 | 国产高清在线视频 | 香港三日本8a三级少妇三级99 | 中文字幕第一页在线 | 成年人24小时无限看 | 深夜福利免费在线观看 | www青草| 午夜福利电影 | 亚洲黄色网址大全 | 啪网址| 免费xxxxx在线观看网站软件 | 国产人妻精品午夜福利免费 | 国产精品无码免费播放 | 少妇啊灬啊别停灬用力啊免费视频 | 亚洲产国偷v产偷v自拍涩爱 | 亚洲va欧美va天堂v国产综合 | 国产精品第一区揄拍无码 | 性开放xxxhd视频 | 天天天天躁天天爱天天碰2018 | 国产乱码精品一区二区蜜臀 | 天堂69堂在线精品视频软件 | 欧美精品成人影院 | 性做久久久久久久 | 在线视频观看免费视频18 | 精品亚洲午夜久久久久91 | 91avcn| 精品黑人一区二区三区久久 | 狠狠色很很在鲁视频 | 亚洲a√ | 国产91会所洗浴女技师 | 91高清网站 | 久久免费精彩视频 | 91在线porny国产在线看 | 少妇真实被内射视频三四区 | 欧洲vi一区二区三区 | 国产精品自在在线午夜出白浆 | 欧洲黄色毛片 | 色狠狠一区二区 | 特大黑人巨交吊性xxxx视频 | 亚洲 国产 韩国 欧美 在线 | 小柔的淫辱日记(1~7) | 大尺度分娩网站在线观看 | 成人在线免费看 | 国产一区二区三区又黄又爽 | 成年人黄色免费网站 | 国产熟女精品视频大全 | 国产性猛交xxxⅹ交酡全过程 | 色婷婷免费 | 久久天天躁狠狠躁夜夜网站 | a一区二区三区乱码在线 | 欧洲 | 翘臀后进少妇大白嫩屁股视频 | 日韩精品视频在线一区 | 性按摩aaaaaa视频 | 亚洲午夜色 | 97色伦久久x88av | 天堂а√在线中文在线鲁大师 | 国产成人美女视频网站 | 玩丰满高大邻居人妻无码 | 亚洲欧洲日本综合aⅴ在线 国语自产偷拍精品视频偷 午夜无码区在线观看 | 欧美特级一级片 | 久久亚洲中文字幕精品一区 | 麻豆国产尤物av尤物在线观看 | 自拍偷拍欧美日韩 | 青青草一区 | 成视频年人黄网站免费视频 | 免费人成在线视频无码 | 亚洲性无码一区二区三区 | 在线观看的av网址 | 亚洲乱人伦中文字幕无码 | 最近高清中文字幕免费 | 永久免费快色 | 红桃视频一区 | 中国香蕉视频 | 国产精品爱久久久久久久电影蜜臀 | 婷婷久久丁香 | 免费人成网站在线视频 | www日本黄色 | 亚洲午夜精品一区 | www.国产精品 | 丰满大乳伦理少妇 | 国产天堂在线观看 | 九九九精品视频 | 亚洲熟女乱综合一区二区 | 男女猛烈xx00免费视频试看 | 精品在线免费视频 | 天堂av资源| 国产盗摄精品一区二区酒店 | 一级性视频 | 免费在线观看黄视频 | 久久久久国产精品www | 天天干夜夜怕 | 97国产在线| 国产深夜男女无套内射 | 欧洲成人综合网 | 丝袜美腿av在线 | 亚洲aⅴ片 | 他揉捏她两乳不停呻吟微博 | 朝鲜交性又色又爽又黄 | 日韩欧美一级大片 | 国产精品高清在线 | 丝袜脚交国产在线观看 | 中文字幕亚洲情99在线 | 色哟哟av| 国产精品成人免费精品自在线观看 | 色噜噜狠狠一区二区三区狼国成人 | 久久精品国产99久久6动漫 | 男人的天堂手机在线 | 在线亚洲高清揄拍自拍一品区 | 国产成人免费av一区二区午夜 | 六月婷婷激情 | 丰满人妻熟妇乱又伦精品 | 色欲av永久无码精品无码 | 国产香蕉尹人视频在线 | 欧美成人高清视频在线观看 | 伊人黄色网 | 国产精品久久久久久久久久大牛 | 久久婷婷一区二区 | 老司机午夜福利av无码特黄a | 日韩一区二区三区射精 | 欧美一区二区在线免费观看 | 亚洲网站av| 娇妻被黑人粗大高潮白浆 | av在线影片 | 亚州a级片 | 国产一精品一av一免费 | 深爱五月激情五月 | 调教重口xx区一精品网站 | 色丁香婷婷 | 日韩不卡在线视频 | 欧美精品导航 | 欧美做爰xxxⅹ性欧美大片 | 免费无码国产v片在线观看 任我撸在线视频 | 91 免费看片| 久久在线视频免费观看 | 亚洲永久精品一区 | 成人深夜在线观看 | 日韩一区二区三区在线视频 | 欧美精品久久一区 | 四虎永久在线精品免费一区二区 | 国产精品永久免费 | 亚洲精品萌白酱一区 | 粉嫩av在线 | 亚洲精品国产精品国自产 | 他揉捏她两乳不停呻吟微博 | 日本三级高清视频 | 欧美激情a∨在线视频播放 少妇人妻无码专区视频 | 成人久久久久久久 | 欧美大片免费观看在线观看网站推荐 | 日韩国产激情 | 1000部拍拍拍18勿入免费视频 | 国产精品免费视频一区二区三区 | 一起射导航 | 国产精品第六页 | 国产麻豆md传媒视频 | 岛国大片在线 | 亚洲精品久久久久久久蜜桃 | 国产黄色片在线播放 | 国产资源精品 | 久久久久久夜精品精品免费啦 | 捏胸吃奶吻胸免费视频大软件 | 欧美欧美欧美欧美 | 黄色av网站在线播放 | 国产精品国产三级国产有见不卡 | 国产又黄又爽 | 九色首页 | 红杏aⅴ成人免费视频 | 奴色虐av一区二区三区 | 深夜视频在线免费 | 青青草好吊色 | 中文字幕有码无码av | 亚洲国产精品网站 | 一区二区三区视频在线看 | 亚洲综合免费 | 国产中文字幕一区二区三区 | 国产精品久久久久久久久久东京 | 最新毛片网 | 亚洲美女久久 | 色妺妺视频网 | 穿越异世荒淫h啪肉np文 | 日韩 欧美 亚洲 精品 少妇 | 免费a级片视频 | 日韩av无码中文无码电影 | 性欧美激情 | 一区二区三区四区中文字幕 | 麻豆三级| 成人国产精品免费观看动漫 | 日本毛片视频 | 91精品系列 | 国产娇喘精品一区二区三区图片 | 欧美国产日韩久久 | 久色| 久久久国产毛片 | 欧美4区| 亚洲爆乳无码精品aaa片蜜桃 | 日韩av一| 91精品国产综合久久久久久 | 国产婷婷色综合av蜜臀av | 欧美日韩国产一级片 | 久久久亚洲精品一区二区三区浴池 | 男女爱爱好爽视频免费看 | 九九视频网站 | 岛国av动作片在线观看 | 中文在线a在线 | 欧美人与禽zoz0善交找视频 | 精品日本一区二区三区在线观看 | 日韩视频专区 | 可乐操亚洲 | 久久免费福利 | 久久久久99精品成人片三人毛片 | 又色又湿又黄又爽又免费视频 | 国产三级无码内射在线看 | 国产精品福利视频主播真会玩 | 国产成人在线免费 | 国产69精品久久久久久妇女迅雷 | 91.久久 | 日本一区二区三区免费高清 | 日本公妇乱淫免费 | 香蕉国产在线 | 色窝窝无码一区二区三区 | 日本一区二区免费在线观看 | 国产亚洲欧美日韩高清 | 国产精品久久久久久久久久直播 | 欧美内射深喉中文字幕 | 国产一区视频在线观看免费 | 国产精品一二三四五区 | 人成午夜大片免费视频 | 在线看无码的免费网站 | 欧美美女破处 | 人妻无码久久一区二区三区免费 | 日本中文字幕不卡 | 最新色视频 | 日韩精品五区 | 亚洲中文字幕无码爆乳av | 欧美另类人妖 | 制服诱惑一区二区 | 日韩特级毛片 | 亚洲色图视频网站 | 五月丁香综合激情六月久久 | 亚洲精品456在线播放dvd | 国产稀缺真实呦乱在线 | 毛片毛片毛片 | 欧美人与性动交α欧美精品图片 | 青青草超碰 | 超碰在线人人干 | jizz日韩| 久久久久久久久久久网站 | 日本大尺度吃奶做爰视频 | 国产美女在线播放 | 在线 | 一区二区三区四区 | 免费看男女做好爽好硬视频 | 99国产精品入口 | 久久www免费人成人片 | 亚洲一区二区三区影视 | 69亚洲精品久久久蜜桃 | 91精品啪在线观看国产商店 | 爽爽窝窝午夜精品一区二区 | 成人久久久久久久 | 99热视屏| 不卡无码人妻一区二区三区 | 99精品久久99久久久久 | 欧美福利视频一区 | 午夜视频福利在线 | 女人18片毛片60分钟 | 欧美成年人视频 | av在线免播放器 | 免费看成人片 | 91丨porny丨对白 | 国产偷国产偷亚洲高清人 | 亚洲一区二区自拍 | 在线免费观看污 | av资源共享| 一级特级毛片 | 无码精品久久久久久人妻中字 | 国产日韩欧美在线观看视频 | 免费观看午夜视频 | 麻豆精品国产传媒 | 成人性生交7777 | 黄色片成人 | 免费人成视频网站在线观看18 | 色哟哟国产精品色哟哟 | 东北女人毛多水多牲交视频 | 双性精跪趴灌满h室友4p视频 | 男女做爰猛烈叫床爽爽免费网站 | metart精品白嫩的ass | 色老汉av一区二区三区 | 欧美肥婆性猛交xxxⅹ | 色噜噜亚洲精品中文字幕 | 国产亚洲综合av | 欧美日韩国产图片 | 91灌醉下药在线观看播放 | 青青草这里只有精品 | 国产肉体xx裸体137大胆 | 人妻少妇精品无码专区二区 | 国产精品久久久免费视频 | 天堂在线中文网 | 色鬼成人免费网站视频 | 久久99精品久久久水蜜桃 | 毛片毛片毛片毛片毛片毛片 | 成人动漫h在线观看 | 91精品无人区麻豆乱码1区2区介绍 | 福利在线免费视频 | 久久综合伊人77777麻豆 | 富婆找两个黑人3p在线视频 | 国产在线视频第一页 | 亚洲黄色片免费看 | 日韩黄色短片 | 午夜精品一区二区三区在线 | 国产精品农村妇女白天高潮 | 国产精品办公室沙发 | av永久免费网站 | 少妇性l交大片欧洲热妇乱xxx | 国产热の有码热の无码视频 | 91官网入口 | 成人区精品一区二区婷婷 | 亚洲一区二区三区 | 欧美影院在线观看 | a级黄色片免费看 | 精品久久中文字幕 | 在线日韩一区二区 | 久久夜色精品亚洲噜噜国产mv | 无码人妻精品一区二区三区夜夜嗨 | 顶级少妇mm131美女艺术 | 午夜影皖精品av在线播放 | 国产精品久久福利网站 | 亚洲视频一二三四 | 亚洲成在人 | 一区二区三区偷拍 | 日本无遮羞教调屁股视频网站 | 日日夜夜伊人 | www国产精品内射 | 国产精品一品二区三区的使用体验 | 黄色动漫软件 | 日本人添下边视频免费 | 成人依依网| 国产91视频播放 | 一区二区欧美日韩 | 欧美自拍嘿咻内射在线观看 | 亚洲中文字幕成人无码 | 播放毛片| 女人天堂av | 日韩人妻精品一区二区三区视频 | а√天堂资源国产精品 | 国产真实乱对白精彩久久老熟妇女 | av一本久道久久波多野结衣 | 91噜噜噜| 国产精品久久久久一区二区 | 丰满人妻翻云覆雨呻吟视频 | 性欧美丰满熟妇xxxx性久久久 | 成人国产欧美日韩在线视频 | 韩国午夜三级 | 亚洲高清视频在线播放 | 久久七 | 91丝袜放荡丝袜脚交 | 成人免费视频在线观看 | 色av综合网 | 最近免费中文字幕大全免费版视频 | 中文字幕在线2019 | 日韩字幕在线 | 精品国产乱码久久久久乱码 | 日韩欧美无 | 绯色av中文字幕一区三区 | 中文在线а√天堂 | 调教女少妇二区三区视频 | 97久久精品一区二区三区观看 | 69精品久久久久久久 | 人人干夜夜操 | 日韩精品在线观看一区二区 | 久久久.com | 蜜桃传媒| 久久夜色精品国产欧美一区麻豆 | 无码欧精品亚洲日韩一区 | 久久久久久久久久99 | 91网站在线看 | 亚洲图片欧美日韩 | 欧美激情综合色综合啪啪五月 | 少妇人妻互换不带套 | 午夜av无码福利免费看网站 | 午夜精品久久久久久久久久久久 | 日本一码二码三码在线 | 日韩欧美精品在线播放 | 色婷婷欧美 | 国产真实乱对白精彩 | 天天色天天看 | 国产人妻精品一区二区三区 | 天天都色| av在线综合网 | 一区二区三区欧美在线观看 | 综合久久av| 亚洲色偷偷av男人的天堂 | 亚洲欧美激情精品一区二区 | 日日色av| 国产男女视频在线观看 | 农村黄毛aaaaa免费毛片 | 久久久精品一区二区 | 欧美日韩在线精品一区二区 | 91gao| 午夜精品久久久久久久星辰影院 | 国产女同玩人妖 | 成人黄色短片 | 久久久在线观看 | 天天综合干 | 琪琪亚洲精品午夜在线 | 黑人大荫道bbwbbb高潮潮喷 | 91精品亚洲影视在线观看 | 亚洲综合p | 国产最新毛片 | 波多野结衣一二区 | 天天躁夜夜躁狠狠眼泪 | 日本最新免费二区 | 国内精品美女a∨在线播放 精品人妻一区二区三区浪潮在线 | 亚洲天堂小视频 | 亚洲国产精品成人av | h片在线观看视频 | 国产又粗又猛又爽又黄的网站 | 好吊色av | 古代黄色一级片 | 伊人一二三 | av大片免费看 | 国产成人亚洲综合无码精品 | 啦啦啦中文在线观看日本 | 天天干天天射天天操 | 亚洲女同疯狂舌吻唾液口水美女 | 国产麻豆9l精品三级站 | 国产午夜精品一区二区三区欧美 | 亚洲一区二区中文 | 亚洲欧美日韩成人高清在线一区 | 黄色免费在线播放 | 亚洲视频在线一区 | 国产白嫩精品又爽又深呻吟 | 色噜噜一区二区三区 | 日韩一级性 | 成人在线视频播放 | 日本不卡一区二区三区 | 精品国精品自拍自在线 | 你懂的av在线 | 最近的中文字幕在线看视频 | 成人综合区| 久热re这里精品视频在线6 | 亚洲成人第一 | 精品国产午夜 | 久草新免费 | 日韩av在线高清 | 婷婷中文 | 国产又黄视频 | 黄色生活毛片 | 国产伦精品一区二区三区视频孕妇 | 亚洲第一伊人 | 欧美精品在线一区二区三区 | 一区二区乱子伦在线播放 | 影音先锋日韩精品 | 欧美乱论视频 | 久草福利免费 | 国产麻豆精品精东影业av网站 | 色拍拍在线精品视频 | 国产麻豆91精品三级站 | 欧美黑人猛交 | 张柏芝54张无删码艳照在线播放 | 超碰在线一区 | 亚洲 视频 一区 | 欧美freesex黑人又粗又大 | 国产一区二区三区在线免费 | 黑人边吃奶边摸边做边爱 | 我要看一级黄色毛片 | zzijzzij亚洲成熟少妇 | 最新国产精品亚洲 | 97超碰人人看 | 在线视频免费观看你懂的 | 国产av无码久久精品 | 久热免费在线 | 婷婷综合在线观看 | 在线播放国产一区二区三区 | 天天综合网永久 | 国产精品久久久久久亚洲徐婉婉 | 精品无人乱码一区二区三区 | 一本久久知道综合久久 | 综合欧美一区二区三区 | 在线免费看av网站 | 亚洲精品久久久久久久久久吃药 | 国产探花一区二区 | 国产精品性 | 欧美日视频| 日本强好片久久久久久aaa | 日韩精品在线网站 | 天天鲁夜夜免费观看视频 | 成人婷婷| 亚洲a∨无码一区二区三区 国产乱子伦精品免费女 | 国产噜噜噜 | 国产精品69毛片高清亚洲 | 欧美日韩激情 | 欧美黑人激情性久久 | 久久99精品久久久久久噜噜 | 极品气质女神呻吟娇喘91 | 日韩欧美aaaa羞羞影院 | 无码国产乱人伦偷精品视频 | 免费一级特黄特色毛片久久看 | 亚洲精品suv精品一区二区 | 日韩免费观看完整 | 熟女丝袜潮喷内裤视频网站 | 影音先锋每日av色资源站 | 刘亦菲三级床视频大全 | 国产精品丝袜久久久久久消防器材 | 日本亚洲黄色 | 97一级片| 欧美成人看片黄a免费看 | 女人裸体性做爰23 | 免费成人在线网站 | 亚洲综合视频在线 | 77777_亚洲午夜久久多人 | 日韩免 | 精品区一区二区 | sm调教小sao货叫主人语录 | 久久久99精品免费观看 | 94久久国产乱子伦精品免费 | 国产偷人妻精品一区二区在线 | 国产女人18水真多18精品一级做 | 福利在线视频导航 | 亚洲午夜精品a片久久www慈禧 | 亚洲一二区 | 农村乱人伦一区二区 | 青青草视频免费观看 | 黄色视屏在线免费观看 | 国产小视频在线播放 | 亚洲一区二区三区在线 | 亚洲欧美另类图片 | 亚洲精品国产品国语在线观看 | 亚洲影院丰满少妇中文字幕无码 | 好紧好湿好爽免费视频 | 国产乱配视频免费观看 | 国产精品成人亚洲一区二区 | 男人的天堂伊人 | 丝袜性爱视频 | 医生强烈淫药h调教小说视频 | 无码福利日韩神码福利片 | 十八禁无遮挡99精品国产 | 欧美一级在线观看视频 | 伊人网91 | 老司机伊人 | 三级黄色视屏 | 国产人妖网站 | 国产 中文 字幕 日韩 在线 | 欧美激情福利 | 日韩一区二区在线观看视频 | 欲妇荡岳丰满少妇岳91在线 | 亚洲精品久久久中文字幕痴女 | 人妻系列无码专区av在线 | av天堂永久资源网 | 黄色工厂在线观看 | 国产精品无码午夜福利 | 翘臀后进少妇大白嫩屁股91 | 日韩插插插 | 九色91av| 3级黄色片 | 国产激情з∠视频一区二区 | 黄色毛片播放 | 五月婷婷视频在线观看 | 久久国产精品久久精品国产 | 日一日射一射 | 高清欧美性猛交xxxx黑人猛交 | 亚洲一区二区三区乱码aⅴ 亚洲一区二区三区日本久久九 | 精品卡一卡二卡3卡高清乱码 | 中文字幕永久在线 | 国产视频九色蝌蚪 | 亚洲成人综合网站 | 久久毛片视频 | 翘臀后进少妇大白嫩屁股视频 | 亚洲午夜免费视频 | 国产tscd人妖同性另类调教 | 人妻aⅴ无码一区二区三区 日本一卡2卡3卡四卡精品网站 | 情趣五月天 | 欧美成人三级在线观看 | 美女毛片在线观看 | 亚洲一级爽片 | 色妞网站| 欧美人与性动交a欧美精品 欧美人与性动交xxⅹxx | 尹人成人网 | 免费国精产品自偷自偷免费看 | 国产免费人成xvideos视频 | 91精品啪在线观看国产 | 国产精品一区二区av日韩在线 | 粉嫩av一区二区老牛影视 | 99精品国产一区二区 | 狠狠色噜噜狠狠色综合久 | 狠狠干2017| 欧美xx在线 | 国产操片| 主人~别揉了~尿了~小说 | 久久久女人 | 中文字幕一区日韩精品 | 懂色av一区二区三区四区五区 | 午夜视频福利网站 | 亚洲成人黄色av | 婷婷国产成人精品视频 | 久久久久久久久毛片精品 | 四虎国产成人永久精品免费 | 国产男女做爰猛烈床吻戏网站 | 国产丰满精品伦一区二区三级视频 | 婷婷久久伊人 | 麻豆乱码国产一区二区三区 | 国产精品第1页 | 欧美精品一区二区三区在线 | 成人3d动漫一区二区三区 | 天天躁日日躁狠狠躁人妻 | 欧美精品国产一区 | 2019日韩中文字幕mv | 亚洲欧美人成电影在线观看 | 欧美在线视频二区 | 日本久久一区二区 | 极品少妇被黑人白浆直流 | 三上悠亚精品一区二区 | 91精品推荐 | 新疆毛片 | av免费网址 | 亚洲精品一区二区精华 | 大胆欧美gogo免费视频一二区 | 日本又色又爽又黄的大片 | 三级欧美日韩 | 侵犯在线一区二区三区 | 国产亚洲精品久久久久蜜臀 | 欧美激情 亚洲 | 国产精品久久久久国产三级传媒 | 国产高潮白浆 | 四虎少妇做爰免费视频网站四 | 亚洲乱码一区二区三区在线观看 | 日韩久久不卡 | 亚洲 视频 一区 | 精品夜色国产国偷在线 | 欧美在线视频网站 | 国产黄色av | 国产日韩欧美高清 | 精品乱码一区内射人妻无码 | 黄视频网站在线看 | 国产精品igao | 国产偷自拍视频 | 中文字幕永久在线播放 | 91精品国产综合久久久久久 | 精品国产欧美一区二区 | 欧美精品日韩在线观看 | 久久久久国产 | www欧美在线 | 日日摸日日碰夜夜爽无码 | 国产制服91一区二区三区制服 | 色天堂视频 | 国产高清女同学巨大乳在线观看 | 日本人妻丰满熟妇久久久久久 | 亚洲暴爽av天天爽日日碰 | 国产黑丝视频 | 三级网站免费播放 | 97青草| av福利院 | 色午夜婷婷 | 久久亚洲国产成人精品无码区 | 色噜噜狠狠色综合久 | 欧美三级午夜理伦三级小说 | 亚洲免费网站观看视频 | 热舞福利精品大尺度视频 | 中文字幕乱码熟女人妻水蜜桃 | 国产av一区二区三区无码野战 | 日韩欧美视频免费观看 | 国产一区二区中文字幕 | 人妻内射一区二区在线视频 | 美女无遮挡免费网站 | 日日摸天天做天天添天天欢 | 成人资源在线观看 | 成人激情视频 | 催眠调教后宫乱淫校园 | 成人免费无遮挡无码黄漫视频 | 成人毛片18女人毛片免费 | 在线精品亚洲观看不卡欧 | 国产精品亚洲成在人线 | 日韩欧美中文 | 中文字幕一区二区人妻性色 | 亚洲成人一二三 | 免费日韩网站 | 136fldh福利视频导在线 | 交做爰xxxⅹ性爽 | 中文字幕人成乱码在线观看 | 秋霞在线中文字幕 | 巨大荫蒂视频欧美另类大 | 成人av一区二区三区在线观看 | a级黄色一级片 | 美日韩在线观看 | 日本在线网站 | 狼人综合网 | 永久免费观看的毛片手机视频 | 特级淫片aaaaaaa级附近的 | 黄色福利视频 | 91精品国产一区二区三区蜜臀 | 亚洲欧美色中文字幕在线 | 波多野结衣家庭主妇 | 成人av时间停止系列在线 | 成在线人永久免费视频播放 | 国产区视频在线观看 | 国产亚洲精品久久久久久 | а√天堂资源8在线官网在线 | 日本一级爽快片野花 | 成人乱淫av日日摸夜夜爽节目 | 尹人综合 | 催眠调教后宫乱淫校园 | 四虎影像 | 草草在线影院 | 九色丨蝌蚪pony蜜桃臀 | 亚洲乱码国产乱码精品精乡村 | www.av免费| 国产精品久久777777毛茸茸 | 国产亚洲精品久久19p | 清清草视频 | 中文韩国午夜理伦三级好看 | 噜噜狠狠狠狠综合久久 | 丰满少妇麻豆av苏语棠 | 草1024榴社区成人 | 激情按摩系列片aaaa | 亚洲免费黄色网址 | 国产精品二区一区二区aⅴ污介绍 | 欧美四虎 | 日本美女上床 | 男人的天堂97 | 少妇2做爰交换朴银狐 | 国产精品一区二区三乱码 | 国产69精品一区二区亚洲孕妇 | 91av在线视频播放 | 天天躁日日躁狠狠躁人妻 | 波多野结衣 久久 | 欧洲熟妇精品视频 | 欧美不卡一区 | 国产操操操 | 久草精品视频在线观看 | 亚洲天堂麻豆 | 亚洲午夜精品久久 | 精品视频在线观看一区二区 | 少妇精品久久久久www | 亚洲精品国产精品国自产 | 国精产品一区一区三区 | 91拔萝卜视频 | 一级黄色视 | 午夜激情啪啪 | 国产九区 | 91精品国产福利一区二区三区 | 国产嫩草影院在线观看88 | 中年熟妇的大黑p | 成人性生交大片免费看r链接 | 日韩人妻一区二区三区蜜桃视频 | 久久激情五月 | 精品久久久久久久国产性色av | 欧美大片网址 | 嫩草99| 依依成人综合网 | 波多野结衣久久精品 | 国产一区二区在线免费 | 久久加勒比亚洲精品一区 | 日本在线免费 | 国产精品成人久久久久久久 | 精品国产乱码久久久久久虫虫 | 日本japanese极品少妇 | 亚洲男人的天堂av手机在线观看 | 国产动作大片中文字幕 | 成人在线高清视频 | 精品999视频 | 色偷偷偷在线视频播放 | 久久妇女高潮喷水多 | 日日骑夜夜操 | 五月婷婷六月丁香 | 99久热在线精品996热是什么 | 日本不卡中文字幕 | 国产又粗又猛又爽又黄的视频免费 | 日韩成人黄色 | 久草视频在线播放 | 成人欧美一区二区三区1314 | 偷拍亚洲视频 | 欧美日韩在线中文字幕 | 东京热男人av天堂 | 久草在线在线精品观看 | 免费观看视频一区二区 | 中文字幕一区二区三区又粗 | 日本亚洲高清 | 日本一区午夜艳熟免费 | 日本久久久一区二区三区 | 光棍影院一区二区 | 国产熟女一区二区三区五月婷 | 国产精品99视频 | 日韩精品久久久久久久 | 成人免费一级片 | 欧美精品乱码99久久影院 | 国产一区二区不卡 | 国产第二页 | 免费成人看片 | 免费欧美黄| 国产精品乱码一区二区三区视频 | 9999精品| 国产真人性做爰久久网站 | 日韩久久精品一区二区三区 | 成人性色生活片 | 国产一区二区福利 | 草草福利视频 | 国产极品美女在线精品图片 | 人人看人人艹 | 丰满岳妇伦在线播放 | 宅男的天堂 | 总裁各种姿势顶弄呻吟h1v1 | 国产精品久久久久久久久久妇女 | 色婷婷激情av | 亚欧成人在线 | 又大又长粗又爽又黄少妇毛片 | 国产jk精品白丝av在线观看 | 亚洲色婷婷久久精品av蜜桃久久 | 女人被男人躁得好爽免费视频 | 日本福利在线观看 | 男性影院 | 国产一级淫片免费 | 国产传媒在线 | 国产suv精品一区二区69 | 国产精品欧美福利久久 | 欧美日韩综合久久 | 精品久久久久久久久久ntr影视 | 免费成年人高清视频 | 性俄罗斯交xxxxx免费视频 | 国产精品伦一区二区在线 | 成人污污www网站免费丝瓜 | 一区二区三区亚洲欧美 | 尹人成人网 | 精品无码久久久久国产 | 台湾女老板性三级 | 亚洲天堂一级 | 国内精品久久久久久久久久清纯 | 欧美又粗又大xxxxbbbb疯狂 | 国产日韩欧美精品一区二区三区 | 黄色网视频 | 久久精品国产99国产精品 | 性欧美长视频 | 国产精品jk白丝蜜臀av小说 | 一区在线观看 | 中文字幕在线视频播放 | 男人激烈吮乳吃奶视频 | 亚洲天堂avav | 99re免费视频 | 性无码专区无码 | 午夜精品一二三区 | 一本一道波多野结衣中文av字幕 | 中文字幕人妻熟女人妻洋洋 | 国内自拍av | 国产偷v国产偷v亚洲高清 | 天天夜碰日日摸日日澡性色av | 国产精品成人免费视频一区二区 | 91在线观看. | 真人做爰高潮全过程毛片 | 成人做爰69片免费看网站色戒 | 高h喷水荡肉爽腐调教 | 性欧美欧美巨大69 | 无码人妻精品一区二区三区下载 | 亚洲成a人片在线 | 一区一区三区产品乱码 | 欧美s码亚洲码精品m码 | 亚洲乱子伦 | 少妇哺乳期在线喷奶 | 激情国产一区二区三区四区小说 | 少妇挑战三个黑人惨叫4p国语 | 99国产在线播放 | 中文字幕免费在线视频 | 国产精品久久久久久久久免费樱桃 | 手机精品视频在线 | 午夜精品一区二区三区aa毛片 | 中文字幕日韩欧美一区二区 | 男女又爽又黄激情免费视频大 | 欧美丰满少妇 | 国产福利在线 | 91国产在线免费观看 | 成人理论视频 | 麻豆精品乱码一二三区别蜜臀在线 | 欧美日韩在线视频一区 | 欧美视频在线观看视频 | 国内精品久久久久久久 | 日韩精品极品视频在线 | 国模精品一区二区三区 | 日本大奶少妇 | 成人做爰9片免费视频 | 久久中文字幕一区二区 | 精品剧情v国产在线观看 | 亚洲国产精品免费在线观看 | 久久精品欧美一区二区 | 91精品视频网站 | 国产一区二区三区又黄又爽 | 男人天堂视频在线观看 | 九一精品在线 | 国产婷婷色综合av蜜臀av | 天堂av成人 | 欧美成人性生交大片免费看 | 男人天堂综合 | 老熟女乱子伦 | 噜噜色综合噜噜色噜噜色 | 五月婷婷导航 | 精品国产一区二区三区四区四 | 欧美99视频| 亚精区在二线三线区别99 | 国产成人精品亚洲777人妖 | 亚洲成a人v欧美综合天堂麻豆 | www.精品视频| 国产精品18久久久 | 青青草免费公开视频 | 亚洲综合伊人久久 | 啪啪在线视频 | 亚洲黄色影院 | 国产又爽又黄又刺激的视频 | 久久久久精彩视频 | 婷婷网色偷偷久久久99超碰 | 日韩久久高清 | 精品日韩欧美一区二区在线播放 | 免费观看a级毛片在线播放 免费观看a级片 | а天堂中文最新一区二区三区 | 国产精品久免费的黄网站 | 又爽又色禁片1000视频免费看 | 天海翼一区二区三区四区在线观看 | 特级毛片爽www免费版 | av日韩国产 | 好吊妞国产欧美日韩免费观看网站 | 一级做a爱片久久毛片 | 亚拍精品一区二区三区探花 | 男男羞羞视频网站国产 | 一级免费黄色片 | 国产午夜福利100集发布 | 国产精品涩涩 | 99久久婷婷国产综合精品青草免费 | 欧美激情一区 | 免费看男女做爰爽爽视频 | 精品人伦一区二区三电影 | 久久综合久久自在自线精品自 | 欧美精品与黑人又粗又长 | 亚洲一二区 | 久久美女av| 男女18禁啪啪无遮挡 | 日本人做受免费视频 | 久久综合亚洲 | 日韩精品在线观看视频 | 4438xx亚洲最大五色丁香软件 | 黄av在线免费观看 | 91福利在线播放 | 午夜在线不卡 | 鸭子tv国产在线永久播放 | 精品国产乱码久久久久久鸭王1 | 国产色视频一区二区三区qq号 | 色婷婷香蕉在线一区二区 | 人妻激情另类乱人伦人妻 | 亚洲午夜视频在线 | 色www亚洲国产张柏芝 | 欧美、另类亚洲日本一区二区 | 在线国产欧美 | 免费国产黄色片 | 国产在线精品成人免费怡红院 | 成人免费视频一区 | 韩日视频 | 亚洲第一网站在线观看 | 成人无遮挡裸免费视频在线观看 | 无遮挡男女激烈动态图 | 可以在线观看的黄色 | 在线日韩国产 | 亚洲欧美精品午睡沙发 | 免费夜色污私人影院在线观看 | 黑人巨大精品一区二区 | 精品亚洲成a人在线观看 | 日韩成人久久 | 亚洲精品乱码久久久久久不卡 | 日本一道在线 | 91亚洲乱码卡一卡二卡新区豆瓣 | 尤物yw193无码点击进入 | 鲁一鲁一鲁一鲁一色 | 日韩黄视频| 日本熟妇大乳 | 免费视频永久免费人 | 在线国产观看 | 日剧大尺度床戏做爰 | 精品久久毛片 | 自拍一级片 | 日韩中文字幕亚洲 | 成人亚洲国产精品一区不卡 | 久久综合伊人一区二区三 | 免费看黄色片的网站 | 可以免费看的黄色网址 | 中文字幕国产一区二区 | 国产一二三四在线 | 校园春色亚洲激情 | 少妇精品导航 | 大尺度做爰床戏呻吟2046 | 丰满少妇又爽又紧又丰满在线观看 | 日韩人妻熟女中文字幕a美景之屋 | 国产爽爽视频 | 又大又紧又粉嫩18p少妇 | av资源网址 | 91欧美一区二区 | 玖玖爱免费视频 | 天天色天天色 | 国产欧美日韩三级 | yw视频在线观看 | 成人午夜免费在线 | 999久久久精品 | 同性情a三级a三级a三级 | 7788色淫视频观看日本人 | 成人午夜精品无码区久久 | 香蕉视频网页版 | 久久精品国产一区二区 | www.久久| 国产高清第一页 | 学生妹亚洲一区二区 | 国产一精品一av一免费爽爽 | 偷窥自拍亚洲色图 | 爱爱二区 |