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

您現(xiàn)在所在的位置:首頁 >學(xué)員就業(yè) > 就業(yè)寶典 > UI設(shè)計(jì)師如何做好應(yīng)用程序中的反饋設(shè)計(jì)?

UI設(shè)計(jì)師如何做好應(yīng)用程序中的反饋設(shè)計(jì)?

來源:奇酷教育 發(fā)表于:

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

  為什么反饋設(shè)計(jì)是用戶體驗(yàn)重要的一環(huán)?

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

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

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

  反饋的設(shè)計(jì)應(yīng)該滿足以下四個(gè)原則:

  o 反饋通過直觀的體現(xiàn),可以幫助用戶理解微交互的規(guī)則,最大可能地降低用戶的學(xué)習(xí)成本。

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

  o 反饋應(yīng)該由需求驅(qū)動(dòng),然后在恰當(dāng)?shù)膱鼍跋潞蜁r(shí)間下讓用戶知道他需要知道的事情。

  o 反饋的速度盡可能的快,反饋過慢會(huì)給用戶感覺產(chǎn)品的性能差。

  對于用戶而言,反饋設(shè)計(jì)的目的主要告訴用戶以下幾點(diǎn):

  o 告訴用戶發(fā)什么了什么?

  o 用戶剛剛做了什么事?

  o 哪些過程已經(jīng)開始了?

  o 哪些過程已經(jīng)結(jié)束了?

  o 哪些過程正在進(jìn)行中?

  o 用戶不能做什么?

  o 用戶剛剛操作的結(jié)果是什么?

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

  1.結(jié)果反饋

  告知用戶的操作結(jié)果。例如操作成功或者操作失敗、對操作后的一種確認(rèn)。

  a.以toast形式給用戶反饋。例如:微信轉(zhuǎn)發(fā)他人信息,出現(xiàn)toast,提示用戶已經(jīng)發(fā)送成功。

  b.以浮層動(dòng)畫的形式給用戶反饋。例如微信輸入語音時(shí),出現(xiàn)浮層動(dòng)畫提示用戶的語音輸入是有效的。

  2.狀態(tài)反饋

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

  當(dāng)用戶操作后,界面操作前的狀態(tài)和操作后的狀態(tài)不一致。通過這個(gè)不一致,給用戶反饋我的操作得到了提交。

  3.過渡反饋

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

  a.以進(jìn)度指示器給用戶反饋當(dāng)前狀態(tài)。例如瀏覽器在點(diǎn)擊搜索后,頁面加載的進(jìn)程反饋。

  b.以系統(tǒng)/自定義的循環(huán)動(dòng)畫,例如iOS的菊花Loading 和安卓的圓形Loading 。

  例如:微博問答,點(diǎn)擊立即支付然后出現(xiàn)的過渡動(dòng)畫。

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

  4.操作反饋

  對下一步操作的指引,用戶點(diǎn)擊一個(gè)操作就出現(xiàn)新的操作組件以此給用戶的反饋。

  當(dāng)用戶進(jìn)行一個(gè)操作后,出現(xiàn)反饋,這個(gè)反饋通常是通過浮層彈框、調(diào)起鍵盤、進(jìn)入下一個(gè)界面等等形式表現(xiàn)。

  例如:iOS原生郵件,點(diǎn)擊回復(fù)/轉(zhuǎn)發(fā)出現(xiàn)底部浮層。

  5.聲音和震動(dòng)的反饋

  聲音和震動(dòng)也是反饋的一種的表現(xiàn)形式,通過用戶的操作加以聲音和震動(dòng)的引導(dǎo),給用戶很強(qiáng)的心理暗示。

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

  如何判斷你的反饋設(shè)計(jì)是有效的,非過度的反饋

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

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


  為什么我說貓眼的反饋過度呢?因?yàn)橛脩酎c(diǎn)擊操作時(shí),愛心狀態(tài)已經(jīng)變了,那么這個(gè)元素的變化已經(jīng)暗示用戶,該App進(jìn)行了反饋,沒必要在出現(xiàn)Toast提示。

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

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

主站蜘蛛池模板: 污水提升器,污水提升泵,地下室排水,增压泵,雨水泵,智能供排水控制器-上海智流泵业有限公司 | 山东石英砂过滤器,除氟过滤器「价格低」-淄博胜达水处理 | RTO换向阀_VOC高温阀门_加热炉切断阀_双偏心软密封蝶阀_煤气蝶阀_提升阀-湖北霍科德阀门有限公司 | 纯水电导率测定仪-万用气体检测仪-低钠测定仪-米沃奇科技(北京)有限公司www.milwaukeeinst.cn 锂辉石检测仪器,水泥成分快速分析仪-湘潭宇科分析仪器有限公司 手术室净化装修-手术室净化工程公司-华锐手术室净化厂家 | 苏州西装定制-西服定制厂家-职业装定制厂家-尺品服饰西装定做公司 | 海外仓系统|国际货代系统|退货换标系统|WMS仓储系统|海豚云 | 新密高铝耐火砖,轻质保温砖价格,浇注料厂家直销-郑州荣盛窑炉耐火材料有限公司 | 技德应用| 无缝方管|无缝矩形管|无缝方矩管|无锡方管厂家 | LED太阳能中国结|发光红灯笼|灯杆造型灯|节日灯|太阳能灯笼|LED路灯杆装饰造型灯-北京中海轩光电 | 掺铥光纤放大器-C/L波段光纤放大器-小信号光纤放大器-合肥脉锐光电技术有限公司 | 深圳市索富通实业有限公司-可燃气体报警器 | 可燃气体探测器 | 气体检测仪 | 培训中心-翰香原香酥板栗饼加盟店总部-正宗板栗酥饼技术 | 电液推杆生产厂家|电动推杆|液压推杆-扬州唯升机械有限公司 | 石家庄小程序开发_小程序开发公司_APP开发_网站制作-石家庄乘航网络科技有限公司 | 除甲醛公司-甲醛检测治理-杭州创绿家环保科技有限公司-室内空气净化十大品牌 | 分子精馏/精馏设备生产厂家-分子蒸馏工艺实验-新诺舜尧(天津)化工设备有限公司 | 日本东丽膜_反渗透膜_RO膜价格_超滤膜_纳滤膜-北京东丽阳光官网 日本细胞免疫疗法_肿瘤免疫治疗_NK细胞疗法 - 免疫密码 | wika威卡压力表-wika压力变送器-德国wika代理-威卡总代-北京博朗宁科技 | 桂林腻子粉_内墙外墙抗裂砂浆腻子粉推荐广西鑫达涂料厂家供应 | 工控机-工业平板电脑-研华工控机-研越无风扇嵌入式box工控机 | 便携式高压氧舱-微压氧舱-核生化洗消系统-公众洗消站-洗消帐篷-北京利盟救援 | 【黄页88网】-B2B电子商务平台,b2b平台免费发布信息网 | 牛奶检测仪-乳成分分析仪-北京海谊 | 首页_中夏易经起名网 | 杭州厂房降温,车间降温设备,车间通风降温,厂房降温方案,杭州嘉友实业爽风品牌 | 空气净化器租赁,空气净化器出租,全国直租_奥司汀净化器租赁 | CNC机加工-数控加工-精密零件加工-ISO认证厂家-鑫创盟 | 超声波清洗机_细胞破碎仪_实验室超声仪器_恒温水浴-广东洁盟深那仪器 | ◆大型吹塑加工|吹塑加工|吹塑代加工|吹塑加工厂|吹塑设备|滚塑加工|滚塑代加工-莱力奇塑业有限公司 | 玉米深加工机械,玉米加工设备,玉米加工机械等玉米深加工设备制造商-河南成立粮油机械有限公司 | 铁素体测量仪/检测仪/铁素体含量测试仪-苏州圣光仪器有限公司 | 钢骨架轻型板_膨石轻型板_钢骨架轻型板价格_恒道新材料 | 袋式过滤器,自清洗过滤器,保安过滤器,篮式过滤器,气体过滤器,全自动过滤器,反冲洗过滤器,管道过滤器,无锡驰业环保科技有限公司 | 整合营销推广|营销网络推广公司|石家庄网站优化推广公司|智营销 好物生环保网、环保论坛 - 环保人的学习交流平台 | 电脑刺绣_绣花厂家_绣花章仔_织唛厂家-[源欣刺绣]潮牌刺绣打版定制绣花加工厂家 | 电线电缆厂家|沈阳电缆厂|电线厂|沈阳英联塑力线缆有限公司 | 酶联免疫分析仪-多管旋涡混合仪|混合器-莱普特科学仪器(北京)有限公司 | 泰安塞纳春天装饰公司【网站】| 电销卡 防封电销卡 不封号电销卡 电话销售卡 白名单电销卡 电销系统 外呼系统 | 月嫂_保姆_育婴_催乳_母婴护理_产后康复_养老护理-吉祥到家家政 硫酸亚铁-聚合硫酸铁-除氟除磷剂-复合碳源-污水处理药剂厂家—长隆科技 |