奇酷教育-Python培训|UI培训|WEB大前端培训|Unity3D培训|HTML5培训|人工智能培训|JAVA开发的教育品牌

您現在所在的位置:首頁 >學員就業 > 就業寶典 > UI設計師如何做好應用程序中的反饋設計?

UI設計師如何做好應用程序中的反饋設計?

來源:奇酷教育 發表于:

  在人機交互的過程中,用戶希望看到每一步都清晰,及時的顯示,用戶希望了解每一步的后果以及用戶最關心的問題是什么。一方面,PC端和移動端產品需要保證產品有積極,及時的反饋響應以確保用戶知道自己所處的狀態,否則會讓用戶覺得反應遲鈍;另一方面,我們也要避免過度的信息反饋,尤其注意不要反饋錯誤信息,錯誤的信息對用戶造成的影響是巨大的。

  為什么反饋設計是用戶體驗重要的一環?

  在人機交互的過程中,用戶希望看到每一步都清晰,及時的顯示,用戶希望了解每一步的后果以及用戶最關心的問題是什么。一方面,PC端和移動端產品需要保證產品有積極,及時的反饋響應以確保用戶知道自己所處的狀態,否則會讓用戶覺得反應遲鈍;另一方面,我們也要避免過度的信息反饋,尤其注意不要反饋錯誤信息,錯誤的信息對用戶造成的影響是巨大的。

  產品的反饋直觀的表現為界面的變化(少數為聲音和震動),通過這種變化使的用戶能夠更加友好高效地與產品進行交互,更加專心地投入到任務流程當中去。

  舉個栗子:當用戶執行完一步操作后,系統沒有及時甚至沒有給出相應的反饋提示,就會給用戶帶來疑惑(實現模型與心理模型沖突),讓用戶不能確定自己的操作是否被執行、執行是否成功、執行整體進度、或者是執行后會產生怎么樣的影響、能在哪里查詢到結果以及執行后是否可以被撤銷等等。而這其中的任何一個環節都有可能影響到用戶對當前任務的理解以是否執行下一步操作,從而影響到產品的用戶體驗。

  反饋的設計應該滿足以下四個原則:

  o 反饋通過直觀的體現,可以幫助用戶理解微交互的規則,最大可能地降低用戶的學習成本。

  o 別讓反饋給用戶造成壓力,通過最少的反饋傳達同樣的信息。

  o 反饋應該由需求驅動,然后在恰當的場景下和時間下讓用戶知道他需要知道的事情。

  o 反饋的速度盡可能的快,反饋過慢會給用戶感覺產品的性能差。

  對于用戶而言,反饋設計的目的主要告訴用戶以下幾點:

  o 告訴用戶發什么了什么?

  o 用戶剛剛做了什么事?

  o 哪些過程已經開始了?

  o 哪些過程已經結束了?

  o 哪些過程正在進行中?

  o 用戶不能做什么?

  o 用戶剛剛操作的結果是什么?

  在設計過程中,涉及到反饋的情況一般分為五種類型:

  1.結果反饋

  告知用戶的操作結果。例如操作成功或者操作失敗、對操作后的一種確認。

  a.以toast形式給用戶反饋。例如:微信轉發他人信息,出現toast,提示用戶已經發送成功。

  b.以浮層動畫的形式給用戶反饋。例如微信輸入語音時,出現浮層動畫提示用戶的語音輸入是有效的。

  2.狀態反饋

  操作前后展示效果不一樣。

  當用戶操作后,界面操作前的狀態和操作后的狀態不一致。通過這個不一致,給用戶反饋我的操作得到了提交。

  3.過渡反饋

  有些時候程序確實不夠快,緩慢的加載速度和延遲問題,這時候通過常見的過渡組件給用戶反饋,過渡反饋的目的在于通過向用戶反饋當前的響應進度和合理的時間消耗來讓用戶在等待過程中放松下來。

  a.以進度指示器給用戶反饋當前狀態。例如瀏覽器在點擊搜索后,頁面加載的進程反饋。

  b.以系統/自定義的循環動畫,例如iOS的菊花Loading 和安卓的圓形Loading 。

  例如:微博問答,點擊立即支付然后出現的過渡動畫。

  例如:YouTube頁面加載過渡的圓形Loading 。

  4.操作反饋

  對下一步操作的指引,用戶點擊一個操作就出現新的操作組件以此給用戶的反饋。

  當用戶進行一個操作后,出現反饋,這個反饋通常是通過浮層彈框、調起鍵盤、進入下一個界面等等形式表現。

  例如:iOS原生郵件,點擊回復/轉發出現底部浮層。

  5.聲音和震動的反饋

  聲音和震動也是反饋的一種的表現形式,通過用戶的操作加以聲音和震動的引導,給用戶很強的心理暗示。

  例如QQ郵箱,發送過程和成功后都有聲音提示。這是一個很典型的通過聲音反饋的例子。

  如何判斷你的反饋設計是有效的,非過度的反饋

  上面介紹的反饋的各種類型。但是很多情況設計師們過度使用反饋。常見的情況是過度使用Toast。

  例如貓眼:點擊已想看愛心變灰,同時出現Toast提示。這樣就存在過度的反饋。反觀Instagram點擊取消點贊,就沒有出現Toast提示。


  為什么我說貓眼的反饋過度呢?因為用戶點擊操作時,愛心狀態已經變了,那么這個元素的變化已經暗示用戶,該App進行了反饋,沒必要在出現Toast提示。

  如何判斷你的涉及反饋是否過度?

  在設計反饋時,如果已經有一組元素的變化足以暗示用戶當前狀態得到了反饋,那么沒必要再增加多余的元素進行反饋提示(除非有特別的目的)。這樣會使得用戶的心理負擔變重,一個反饋可能不足以影響用戶體驗,如果整個App都出現這種情況,那將是一場災難。

主站蜘蛛池模板: 除湿机|工业除湿机|抽湿器|大型地下室车间仓库吊顶防爆除湿机|抽湿烘干房|新风除湿机|调温/降温除湿机|恒温恒湿机|加湿机-杭州川田电器有限公司 | 上海软件开发-上海软件公司-软件外包-企业软件定制开发公司-咏熠科技 | 心肺复苏模拟人|医学模型|急救护理模型|医学教学模型上海康人医学仪器设备有限公司 | 铝镁锰板_铝镁锰合金板_铝镁锰板厂家_铝镁锰金属屋面板_安徽建科 | 土壤肥料养分速测仪_测土配方施肥仪_土壤养分检测仪-杭州鸣辉科技有限公司 | 浇钢砖,流钢砖_厂家价低-淄博恒森耐火材料有限公司 | 集装箱箱号识别_自重载重图像识别_铁路车号自动识别_OCR图像识别 | RTO换向阀_VOC高温阀门_加热炉切断阀_双偏心软密封蝶阀_煤气蝶阀_提升阀-湖北霍科德阀门有限公司 | 四川成都干燥设备_回转筒干燥机_脉冲除尘器_输送设备_热风炉_成都川工星科机电设备有限公司 | 塑料脸盆批发,塑料盆生产厂家,临沂塑料广告盆,临沂家用塑料盆-临沂市永顺塑业 | 合肥宠物店装修_合肥宠物美容院装修_合肥宠物医院设计装修公司-安徽盛世和居装饰 | 青岛侦探_青岛侦探事务所_青岛劝退小三_青岛婚外情取证-青岛王军侦探事务所 | 压力喷雾干燥机,喷雾干燥设备,柱塞隔膜泵-无锡市闻华干燥设备有限公司 | 耐破强度测试仪-纸箱破裂强度试验机-济南三泉中石单品站 | 气动隔膜泵厂家-温州永嘉定远泵阀有限公司 | 【ph计】|在线ph计|工业ph计|ph计厂家|ph计价格|酸度计生产厂家_武汉吉尔德科技有限公司 | 吸污车_吸粪车_抽粪车_电动三轮吸粪车_真空吸污车_高压清洗吸污车-远大汽车制造有限公司 | 编织人生 - 权威手工编织网站,编织爱好者学习毛衣编织的门户网站,织毛衣就上编织人生网-编织人生 | 动物解剖台-成蚊接触筒-标本工具箱-负压实验台-北京哲成科技有限公司 | 柔软云母板-硬质-水位计云母片组件-首页-武汉长丰云母绝缘材料有限公司 | 滚筒线,链板线,总装线,流水线-上海体能机电有限公司 | 量子管通环-自清洗过滤器-全自动反冲洗过滤器-沼河浸过滤器 | 萃取箱-萃取槽-PVC萃取箱厂家-混合澄清槽- 杭州南方化工设备 | 拼装地板,悬浮地板厂家,悬浮式拼装运动地板-石家庄博超地板科技有限公司 | LZ-373测厚仪-华瑞VOC气体检测仪-个人有毒气体检测仪-厂家-深圳市深博瑞仪器仪表有限公司 | 滑石粉,滑石粉厂家,超细滑石粉-莱州圣凯滑石有限公司 | 首页_欧瑞传动官方网站--主营变频器、伺服系统、新能源、软起动器、PLC、HMI | 德州网站开发定制-小程序开发制作-APP软件开发-「两山开发」 | 聚氨酯催化剂K15,延迟催化剂SA-1,叔胺延迟催化剂,DBU,二甲基哌嗪,催化剂TMR-2,-聚氨酯催化剂生产厂家 | 天津试验仪器-电液伺服万能材料试验机,恒温恒湿标准养护箱,水泥恒应力压力试验机-天津鑫高伟业科技有限公司 | HYDAC过滤器,HYDAC滤芯,现货ATOS油泵,ATOS比例阀-东莞市广联自动化科技有限公司 | 单螺旋速冻机-双螺旋-流态化-隧道式-食品速冻机厂家-广州冰泉制冷 | 焊接烟尘净化器__焊烟除尘设备_打磨工作台_喷漆废气治理设备 -催化燃烧设备 _天津路博蓝天环保科技有限公司 | 水环真空泵厂家,2bv真空泵,2be真空泵-淄博真空设备厂 | 档案密集架,移动密集架,手摇式密集架,吉林档案密集架-厂家直销★价格公道★质量保证 | ph计,实验室ph计,台式ph计,实验室酸度计,台式酸度计 | 【孔氏陶粒】建筑回填陶粒-南京/合肥/武汉/郑州/重庆/成都/杭州陶粒厂家 | 尼龙PA610树脂,尼龙PA612树脂,尼龙PA1010树脂,透明尼龙-谷骐科技【官网】 | 冷库安装厂家_杭州冷库_保鲜库建设-浙江克冷制冷设备有限公司 | 山东PE给水管厂家,山东双壁波纹管,山东钢带增强波纹管,山东PE穿线管,山东PE农田灌溉管,山东MPP电力保护套管-山东德诺塑业有限公司 | ICP备案查询_APP备案查询_小程序备案查询 - 备案巴巴 |