嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

交互細節—令人忽略的操作反饋如何設計

2025-4-14    杰睿

編輯導語:很多產品在使用時,都會有“用戶反饋”這一個設置,用戶可以將自己的操作體驗反饋給商家,但你真的了解“用戶操作反饋”是怎樣的一個機制嗎?這篇文章詳細講解了“操作反饋”這一設置,一起來讀一讀吧。

背景

前幾天使用自己產品的時候,點擊作業列表想要查看作業詳情,點擊之后沒有反應,然后又連續點擊了好幾下,過了幾秒鐘,界面開始連續跳轉。后來才知道,因為用戶量比較大,產品稍微會有一些卡頓,導致用戶點擊后,產品沒有實時的反饋給用戶,使得用戶也變得不知所措。

那為什么會出現這種情況呢?主要原因就是沒有用戶操作反饋。一個好的產品需要根據用戶不同的行為操作,實時給出反饋,告知用戶當前狀態或建議,消除用戶因為不確定性帶來的不安感和焦躁感。

可以將用戶整個操作流程簡化為:用戶輸入—平臺反饋—結果反饋。可以看出反饋其實分為兩種:過程反饋(平臺反饋)和結果反饋。

可以看到無論Google公司推出的Material Design,還是蘋果公司的iOS設計規范,都對用戶過程反饋做了細致的設計規范。

國內也有很多體驗很好的APP對于用戶反饋方面也做的不錯,例如QQ、飛書。

當然也有很多的產品并沒有做很細致的反饋設計,操作反饋作為交互設計中一個很細小的部分不會影響用戶正常使用產品,但是會提升用戶使用產品的體驗。好的用戶體驗在B端對于用戶來說不僅降低了學習成本,也提升了工作效率。那么如何來設計操作反饋呢?

一、過程反饋

當用戶觸發界面時,也就是人機交互時,界面給出的變化,這是過程反饋。

當觸發結果頁面不能及時告知用戶時,例如點擊操作區域需要跳轉新頁面,或者需要展示彈窗等這一類都需要經過一段時間才可以讓用戶看到結果的場景,需要考慮給觸發反饋。

那什么時候不需要給觸發反饋呢?例如點擊收藏,收藏的icon會變成填充樣式,用戶可以實時的感受到觸發結果,即不需要再給用戶觸發反饋。

1. 過程反饋方式

過程反饋的方式主要分為三種。

(1)視覺反饋

用戶操作界面之后,界面通過視覺的變化對用戶進行反饋,比如:顏色、形狀、動畫等。

對于iOS系統,以及一些體驗較好的應用程序分析得出主要使用場景包含:列表、宮格、操作Icon、按鈕(控件)。

場景是根據樣式的不同進行分類的。

a. 列表

樣式:當用戶點擊時給列表一個灰度的背景色,讓用戶知道自己已經點擊了觸發區域。也告知用戶在當前背景色塊上,點擊任何地方都是可以觸發的。

b. 宮格

樣式:當用戶點擊時給宮格一個灰度的遮罩,或者是一個灰度的背景色。

c. 操作Icon

樣式:當用戶點擊時,Icon降低透明度。

d. 控件

只根據控件樣式來進行舉例說明,例如actionsheet,在樣式上可以根據列表樣式做統一規范。

Button樣式:當用戶點擊時,按鈕變色,如果是次級描邊按鈕,也可以增加填充的色塊。

e. 步進器

樣式:給點擊區域一個背景色。

f. 鍵盤

樣式:在點擊時,會給一個填充的背景色、或者進行反色處理。

(2)觸覺反饋

  • 用戶操作界面之后,界面通過作用力、振動等一系列變化對用戶進行反饋。
  • 當觸發區域有多個操作方式時,例如ios長按應用會有popup彈出,同時手機會震動響應用戶。
  • Tab 切換時:飛書對于底部Tab切換時,會有震動提醒用戶多選。
  • 例如阿里云盤長按文件進行多選操作時,會有震動提醒用戶。

(3) 聽覺反饋

用戶操作界面后,界面通過聲音對用戶進行反饋。

iOS設置手機鈴聲時,選擇不同的鈴聲時,會自動播放鈴聲。

2. 過程反饋設計規范

過程反饋設計規范可根據產品界面的不同元素制定反饋樣式。這本身是一件比較細致的工作,可能花費較大的工作量,所以在實際工作中也可根據產品功能的優先級,安排迭代順序。

二、結果反饋

當系統對用戶的操作,或因用戶的行為導致的變化結果,給出的反饋就是結果反饋。

由于結果反饋的文章講解特別多,這里就不再過多贅述,簡單的總結一些常用的結果反饋方式。

結果反饋方式可分為4種樣式:

1. 彈窗反饋

彈窗分為模態彈窗和非模態彈窗。

模態彈窗會打斷用戶當前操作流程,也是一種強提示,用戶必須和彈窗進行交互,才能進行之后的操作。

非模態彈窗一般出現2-3秒之后,自動消失,不會對用戶造成干擾,屬于輕量級提示。

例如當新建表單時,點擊提交按鈕,toast提示提交成功,這就是使用了非模態彈窗對用戶的操作進行了輕量級反饋。

若刪除文件時,一般會彈出一個對話框,讓用戶再次確認刪除后的一些影響,是否刪除?這就是使用了模態彈窗對用戶的操作進行的強反饋。

2. 校驗反饋

一般用做表單的校驗,讓用戶知道自己所填寫項的狀態,例如輸入內容是否合理,該如何填寫等提示。

3. 頁面

頁面反饋,相較于彈窗會更重一些。一般也用于比較重要的操作流程的結果頁面,例如淘寶買完東西的結果頁面、餓了么下單完成后的結果頁面。

4. 動畫

動畫的合理使用不僅可以告知當前狀態,還會將用戶帶入當前場景,吸引用戶注意力。例如,微博的點贊,會出現一個點贊的動畫,讓點贊變得更加有趣。

微信圖書,點擊進入書本詳情時會出現一個打開書本的動畫,讓用戶帶入實際看書場景,增強沉浸感。

5. 音效

音效的反饋也比較常見,例如ios下載時,會有叮咚一聲,聲音的反饋不僅提升了用戶體驗,對于加強品牌認知也很有幫助。

三、總結

以上是我對于操作反饋的一些整理和復盤,其中也借鑒了一些大神的佳作,不到之處,希望和大家一起探討交流。

在實際項目的運用中,也會根據實際的研發情況,逐步的去調整,不斷地完善產品細節。

本文由 @小太陽不愛吃辣椒 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

蘭亭妙微(www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

日歷

鏈接

個人資料

藍藍設計的小編 http://www.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 欧美成人免费一级人片100| 亚洲欧洲日韩综合二区| 欧美一级电影久久| 一区二区毛片| 99国产精品99久久久久久粉嫩| 国产精品一二三四| 国产精品久久久久久久久久尿| 国产精品成人av性教育| 国产精品ⅴa在线观看h| 欧美日韩日日夜夜| 国产精品永久免费在线| 国内揄拍国内精品久久| 黄色精品免费| 最新日韩在线| 午夜伦理片一区| 久久久精品国产免费观看同学| 欧美一级大片在线观看| 久久久久久久欧美精品| 欧美成人精品| 亚洲欧美日本精品| 久久久久天天天天| 国内精品久久久久影院 日本资源 国内精品久久久久伊人av | 欧美国产精品v| 欧美岛国在线观看| 日韩视频一区二区三区在线播放免费观看| 亚洲日本电影在线| 亚洲精品永久免费| 久久久www成人免费毛片麻豆| 欧美成人精品一区二区三区| 国产精品色网| 最新69国产成人精品视频免费| 亚洲欧美日韩电影| 欧美激情一区二区三区在线视频观看 | 午夜在线精品偷拍| 久久久久久亚洲精品杨幂换脸 | 久久精品久久99精品久久| 久久综合伊人77777| 欧美日韩免费在线| 影音先锋亚洲一区| 中文av一区特黄| 久久伊人一区二区| 一区二区高清在线观看| 午夜精品福利一区二区三区av| 老司机亚洲精品| 国产精品久久久久久av下载红粉 | 亚洲欧美日韩国产一区| 欧美福利视频一区| 亚洲欧美日韩国产一区二区| 欧美日韩国产在线播放网站| 一区免费视频| 久久精品视频va| 99在线|亚洲一区二区| 欧美不卡高清| 狠狠色丁香婷婷综合久久片| 亚洲视频精品在线| 亚洲激情成人在线| 午夜视频久久久| 国产伦精品一区二区三区视频黑人| 99视频在线精品国自产拍免费观看| 蜜桃久久av| 欧美一区二区久久久| 国产精品久久久久久久久久久久久久| 日韩午夜免费视频| 99国产精品久久久| 国产精品久久久久久久久久三级 | 麻豆成人在线播放| 欧美在线日韩在线| 曰韩精品一区二区| 蜜臀va亚洲va欧美va天堂| 午夜免费日韩视频| 精品69视频一区二区三区 | 亚洲欧洲精品一区二区三区不卡| 美女诱惑黄网站一区| 黄色影院成人| 欧美激情女人20p| 欧美日韩国产专区| 亚洲一二三区在线| 亚洲性av在线| 国产日韩精品一区二区| 久久精品1区| 久久这里只精品最新地址| 91久久中文字幕| aa级大片欧美| 国产一区二区三区四区三区四| 久久人人爽人人| 久久一日本道色综合久久| 亚洲美女av网站| 日韩视频一区二区三区在线播放| 国产精品国产三级国产专播精品人 | 欧美影院久久久| 亚洲国产精品成人综合| 亚洲国产日韩在线一区模特| 欧美日韩国产天堂| 午夜伦理片一区| 久久久久久色| 亚洲天堂第二页| 久久国产主播| 中国成人亚色综合网站| 欧美一区二区三区在线播放| 亚洲激情六月丁香| 亚洲一区网站| 在线日韩av片| 亚洲欧美视频在线观看视频| 亚洲国产精品久久久久久女王| 亚洲国产免费| 国产在线欧美| 亚洲少妇一区| 99精品视频一区二区三区| 午夜精品亚洲| 亚洲一级片在线观看| 麻豆精品传媒视频| 久久久久国色av免费看影院| 欧美日韩免费观看一区二区三区| 女人色偷偷aa久久天堂| 国产精品资源在线观看| 亚洲欧洲一级| 亚洲国产欧美在线| 亚洲男人的天堂在线| 一区二区三区国产精品| 久久综合99re88久久爱| 国产综合色在线视频区| 99re6热在线精品视频播放速度 | 国产精品扒开腿做爽爽爽软件 | 久久久久久久网站| 欧美伊久线香蕉线新在线| 欧美日韩国产一区二区三区地区| 欧美电影在线播放| 一区二区在线看| 久久国产精品亚洲va麻豆| 性色av一区二区怡红| 欧美先锋影音| 亚洲免费观看视频| a4yy欧美一区二区三区| 男人插女人欧美| 欧美风情在线观看| 亚洲欧洲一区二区在线观看 | 国产毛片一区二区| 亚洲一区三区电影在线观看| 亚洲一区亚洲二区| 欧美视频一区在线| 亚洲视频国产视频| 亚洲欧美在线x视频| 国产精品色在线| 欧美亚洲一区在线| 久久尤物视频| 在线播放不卡| 欧美成人三级在线| 亚洲精品中文字幕有码专区| 一区二区av在线| 国产精品久久77777| 亚洲欧美日韩在线高清直播| 欧美综合国产| **欧美日韩vr在线| 欧美韩日精品| 亚洲一二三区在线观看| 久久精品国产亚洲一区二区三区| 国内精品视频666| 欧美成年视频| 亚洲一区免费看| 欧美v亚洲v综合ⅴ国产v| 亚洲美女在线一区| 国产精品毛片va一区二区三区| 性一交一乱一区二区洋洋av| 久久免费视频网站| 亚洲精选91| 国产精品五月天| 久久综合九色99| 一本大道av伊人久久综合| 欧美亚洲自偷自偷| 亚洲国产精品一区二区第一页| 欧美激情精品久久久久久蜜臀| 亚洲视频在线观看一区| 老司机午夜精品视频| 在线亚洲自拍| 伊人狠狠色丁香综合尤物| 欧美日韩国产综合一区二区| 性欧美1819sex性高清| 亚洲精品1234| 久久在线视频在线| 亚洲欧美日本日韩| 日韩午夜黄色| 韩国av一区二区三区| 欧美日韩精品免费 | 国产欧美一区二区三区国产幕精品| 久久精品视频在线观看| 在线视频精品一区| 欧美精品一区三区| 久久久999精品视频| 国内精品亚洲| 欧美日韩一区在线观看视频| 亚洲欧美亚洲| 亚洲午夜高清视频| 亚洲黄色有码视频| 毛片一区二区三区| 欧美一区二区三区四区在线观看| 亚洲乱码日产精品bd| 一区二区三区在线观看视频| 国产精品久久久久久久久久尿 | 欧美二区在线看| 久久久综合网|