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

在不同設(shè)備上，用戶的交互使用習慣會存在一定差異，比如在PC和移動端，清除操作的設(shè)計就有些不同，相較于PC端，我們更常在移動端看到清除按鈕。那么PC和移動端之間存在著哪些常見的交互設(shè)計差異？這背后又隱藏著怎樣的用戶體驗思考？

一、前言

眾所周知，PC和移動端是當前人機交互的主要互動設(shè)備。經(jīng)過十多年的發(fā)展，兩者已經(jīng)產(chǎn)生了成熟的交互范式，前者主要基于鍵鼠交互，后者以觸屏交互為主。而為了適應(yīng)不同設(shè)備的交互方式差異，提供更完善的用戶體驗，即便是相同的功能/組件也會衍生出細節(jié)上的差異。

本期將探討這些隱藏在細微處的交互差異，從而更深入了解用戶體驗中設(shè)備/行為/界面的關(guān)系。

二、五個小案例

1. 輸入框的清除按鈕

清除按鈕（clear button）是用來清除輸入框內(nèi)容的按鈕。當輸入框中存在內(nèi)容時，出現(xiàn)在輸入框的末端，點擊后可清空已輸入內(nèi)容。pc通過鍵鼠操作可以快速刪除，但基于觸屏交互的移動端刪除操作較為麻煩。因此清除按鈕在移動端中更常見，特別是在登錄注冊、搜索框等頁面。清除按鈕可以快速清空內(nèi)容，提高操作效率，降低輸入錯誤時的負面影響。

雖然在web界面中很少使用上述的清除按鈕，但“快速清除內(nèi)容”的需求依然存在。主要出現(xiàn)在多項內(nèi)容同時清空的場景，例如b端篩選中常用的“重置/清除”功能，以及多選框中快速清空選項。

2. Hover態(tài)

光標hover（懸停）是PC端的常用的輕量交互操作，當光標懸停時界面元素會產(chǎn)生狀態(tài)改變。Hover可以為用戶顯示隱藏的信息（展示tooltips/二級菜單）；或指示按鈕狀態(tài)，提示用戶此處可點擊觸發(fā)事件。

但是移動端的光標（手指）不會長期懸停在屏幕上，所以不會有hover態(tài)。而且指尖輕觸即表示“點擊”，因此按鈕將直接從“normal”變?yōu)椤皃ressed”狀態(tài)。相比于pc少了“hover”作為中間狀態(tài)，因此在界面設(shè)計上移動端按鈕需要明確的引導(dǎo)性，以傳遞“此處可點擊”的信息。

對于hover的二級菜單，移動端需要多點擊一步展開，或者tab切換進行快速跳轉(zhuǎn)。

3. 按鈕VS手勢

復(fù)雜的手勢輸入是移動端的優(yōu)勢，但PC端需要更多按鈕來承載功能。下拉刷新是移動端feed流常用的操作，將頁面刷新和下滑手勢絲滑的結(jié)合起來。在PC中如要實現(xiàn)內(nèi)容區(qū)域的便捷刷新，則需要添加一個[刷新]按鈕。在banner輪播中，pc通常會提供準確的“上/下一頁”按鈕，而移動端中普遍通過滑動查看上/下一張。類似的案例還有圖片放大縮小、視頻音量調(diào)節(jié)。

究其原因，鼠標操作一般都有精確的操作/點擊對象，因此通過按鈕觸發(fā)事件更為普遍。手勢操作可以基于整體對象進行滑動/拖拽，這是符合用戶手勢操作心智的交互方式。同時手勢操作的準確度低，屏幕空間有限，用手勢代替按鈕的性價比很高。

4. 長按與右鍵

右鍵呼出更多菜單是PC端的常用操作，移動端中的對應(yīng)操作則由單擊長按完成。而對于針對對象的編輯菜單，在pc端需要選中文本對象后需要點擊右鍵，而移動端中選中文本后會立刻彈出菜單。

這由于移動端中沒有像“ctrl+c””ctrl+v”一樣的快捷操作，快速彈出菜單減少用戶操作步驟；而且選中后若再次疊加一個長按行為，很容易誤判成單擊從而取消選中。

5. 彈窗

PC端信息反饋的樣式更加多樣，包括tooltip、toast、message、drawer等。相比移動端有更多非模態(tài)彈窗，應(yīng)用方式更靈活，用戶使用過程流暢。由于屏幕面積小，移動端彈窗面積占比更大，對用戶而言打斷感受更強，在設(shè)計過程中需要謹慎。

同時，移動端和pc的彈窗按鈕位置也有所區(qū)別。目前移動端中強引導(dǎo)按鈕普遍在右側(cè)，而win系統(tǒng)中強引導(dǎo)按鈕在左側(cè)（MacOS則在右側(cè)）。

三、小結(jié)

交互方式差異深刻影響了PC和移動端界面形態(tài)，這些設(shè)計細節(jié)隱藏在日常交互行為中。雖然使用已有組件庫時很容易忽略，在多端系統(tǒng)設(shè)計過程中依然需要注意這些差異性細節(jié)。

1. 移動端

• 缺少hover
• 輸入相對不便
• 點擊準確性低
• 手勢操作便捷
• 長摁呼出菜單
• …

2. PC端

• hover能實現(xiàn)輕量級的交互
• 輸入方式高效快捷
• 光標點擊準確
• 右鍵呼出菜單
• …

即使是相同的產(chǎn)品功能也會產(chǎn)生差異化的交互變體，這些變化可能是基于設(shè)備限制、程序限制或人機交互行為。在多端產(chǎn)品時，如果忽略了這些交互細節(jié)，除了影響產(chǎn)品可用性，還可能違背用戶的使用習慣，導(dǎo)致產(chǎn)品體驗細節(jié)的缺位。

整體來看，交互界面不僅是功能的可視化載體，他還縫合了設(shè)備應(yīng)用和用戶行為，是產(chǎn)品使用流程的中樞。往前，界面/交互設(shè)計中應(yīng)該兼容硬件能力，并傳遞準確的用戶輸入數(shù)據(jù)；往后，設(shè)計應(yīng)該向用戶傳遞設(shè)備的能供性，將設(shè)備能力轉(zhuǎn)換成可感知的界面上的能供性，從而為用戶提供完整且細致的產(chǎn)品體驗流程。