首頁

干貨|交互設(shè)計中的「有效反饋」7大準則!

seo達人


準則 1.  Timely —— 找準時機,即時反饋

在用戶操作后盡快 / 立即給予反饋是最有效的。即時反饋有助于幫助用戶養(yǎng)成正確的操作習慣,或糾正用戶的不當操作。

如果反饋內(nèi)容需要較長時間的加載,也可以給用戶設(shè)計一些有特點的 / 情感化的加載狀態(tài),緩解用戶等待的不耐煩,又可以傳達一定的品牌調(diào)性。

例如:知乎 App 在加載內(nèi)容的過程中,增加了 IP 形象的動態(tài)效果:

圖片

 

準則 2.  Specific —— 具體分析,差異對待

在設(shè)計交互反饋時,不僅僅要給出正確或錯誤的判斷結(jié)果,同時也應該考慮到用戶的個性化需求,針對不同類型、場景、地區(qū)的用戶提供差異性引導和服務。

例如:大眾點評、高德地圖可以根據(jù)用戶的位置,在用戶開始使用產(chǎn)品時就推送個性化信息:

圖片

 

準則 3.  Balanced —— 正負反饋,穿插結(jié)合

通常來說,正面的反饋會激發(fā)用戶的自信等積極情緒,因此我們更習慣使用正面反饋。但是一些不得不使用負面反饋的時候,我們可以在其中穿插一些正面的消息,減少或緩解用戶的因負面反饋帶來的消極情緒。

這就好像是別人跟你說:“ 壞消息是……,但是,這樣做的好處是…… ”,壞消息不可避免,但加上一點轉(zhuǎn)折,就會讓他人心里稍微舒服一些。

例如:美團單車在你騎完車之后,需要支付費用時提示你可以購買單車套餐,雖然是在勸用戶花錢,但看上去依舊很友善,其中的話術(shù)包括:“本次騎行免費”,“當前已是最優(yōu)價格”:

圖片

 

準則 4.  Instructive —— 提示下步,指引行動

有效的反饋會主動多引導一步,對用戶的下一步行動給出清晰的、正確的、指導性的意見,有助于驅(qū)動用戶繼續(xù)做出有效操作。

很多 App 在截屏之后都會給出下一步分享的路徑引導:

圖片

 

準則 5.  Emotional —— 情感屬性,引起共鳴

有科學依據(jù)證實,人腦會更容易被附帶情緒的信息所吸引。用戶更有可能會注意那些看上去承載了一些情緒的反饋,從而也更有可能改變其行為方式。

例如:雖然只是一個提醒彈窗,QQ 音樂會員到期的續(xù)費提醒文案卻經(jīng)過精心的設(shè)計,由各類歌名組成的一句話,每天的到期提醒都不同:

圖片

 

準則 6.  Traceable —— 可被溯源,可供反饋

一些特殊情況下的、有重大意義的反饋可以被追溯到其根本原因,可以提供給用戶進行申訴和詢問的渠道,供用戶進行反饋。

例如:電商平臺和外賣平臺都會在用戶下單或退單之后,提供商品物流的詳細信息,在查看購買的商品的當前狀態(tài)時,并可以追溯到商品所在的各個歷史環(huán)節(jié):

圖片

再比如,高德打車如果發(fā)現(xiàn)用戶的行程訂單金額與預估金額差距較大時,會給用戶發(fā)短信提示,并給出客服和投訴渠道:

圖片

 

準則 7.  Less is more —— 質(zhì)量優(yōu)先,減少數(shù)量

在這個信息過載而注意力稀缺的時代,好的反饋在于質(zhì)量,不在于數(shù)量。有時數(shù)量越多,反而會對用戶造成不必要的負擔。用戶并不需要給出很多反饋或者記錄生活中一切信息的產(chǎn)品,而是需要能夠幫他們理出頭緒、提出有效解決方案、呈現(xiàn)有用信息的產(chǎn)品。

以上這 7 大準則,來源于我們?nèi)粘9ぷ髦械姆e累和沉淀,對于設(shè)計產(chǎn)品的交互反饋具備較高的指導意義,希望對你有啟發(fā)。

 

原文鏈接:長弓小子(公眾號)

作者:元堯

轉(zhuǎn)載請注明:學UI網(wǎng)》干貨|交互設(shè)計中的「有效反饋」7大準則!

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務



數(shù)據(jù)可視化設(shè)計常出現(xiàn)的錯誤,你一定要避免!

seo達人


1.三維圖形使用不當

雖然三維圖形帶來的立體感很強,但用在可視化設(shè)計中,很容易出現(xiàn)問題。

一方面,三維圖形具有X、Y和Z坐標,容易造成圖表間的遮擋關(guān)系,遮擋會掩蓋一部分的數(shù)據(jù),讓精準比較數(shù)據(jù)信息變得困難。

另外,透視使對象看起來像是位于三維空間中,但在數(shù)據(jù)可視化中,它會造成錯誤的層次結(jié)構(gòu):前景圖形看起來很大,背景圖形很小,數(shù)據(jù)關(guān)系被不必要地扭曲。

圖片

 

設(shè)計要點:

三維圖形很有吸引力但可能會遮擋重要的數(shù)據(jù)信息,并扭曲數(shù)據(jù)間的比例關(guān)系;

如果沒有絕對需要盡可能使用二維圖形樣式。

 

2.數(shù)據(jù)太多

在設(shè)計中,很多人總想在一張圖表中盡可能多地展現(xiàn)內(nèi)容,把各種數(shù)據(jù)信息聚合在一起。

這樣的想法本身沒什么錯誤,但重要的前提是要有清晰的認知,明確知道到底要展示哪些數(shù)據(jù)。

如果可視化中包含太多數(shù)據(jù),信息的展現(xiàn)會變得不堪重負甚至難以理解,這樣的話包含的數(shù)據(jù)再多也沒有任何意義。

圖片

 

設(shè)計要點:

避免數(shù)據(jù)可視化的信息過載,如果一張圖表中包含的信息過多,反而會讓用戶混亂;

靈活結(jié)合多種可視化方式,讓數(shù)據(jù)的展現(xiàn)變得更有效。

 

3.省略基線

一組數(shù)據(jù)往往各不相同,數(shù)據(jù)差值的大小也不確定。為了使可視化效果看著更舒服,有的設(shè)計師通過改變坐標軸比例來展示數(shù)據(jù)關(guān)系。

最常見的例子就是讓Y軸代表的數(shù)據(jù)不是從0開始,借此夸大數(shù)據(jù)之間的差異,讓數(shù)據(jù)的變化更加明顯。

圖片

 

設(shè)計要點:

圖表的美感再怎么重要,也要服務于精準的數(shù)據(jù)表現(xiàn);

避免通過省略基線來故意夸大或縮小數(shù)據(jù)差異,造成用戶誤解。 

 

4.選擇錯誤的可視化方法

每個數(shù)據(jù)可視化方法都有自己的特點。例如餅圖適合用來比較一個整體中的不同部分,但不適合用來比較幾組不同的數(shù)據(jù)。

通過餅圖的比例劃分,雖然可以直觀地顯示三家企業(yè)的收益,但使用條形圖會讓這三家企業(yè)之間的差異更加明顯。

如果目的是為了顯示一段時間內(nèi)的收入,那么折線圖會是比條形圖更好的選擇。

圖片

 

設(shè)計要點:

數(shù)據(jù)可視化方法并非一刀切;明確可視化傳達的變量及最終目的。

 

5.混淆關(guān)聯(lián)

數(shù)據(jù)可視化更高的價值在于探索和發(fā)現(xiàn)不同數(shù)據(jù)間的相關(guān)性,通過比較幾組不同的數(shù)據(jù)關(guān)系,找出其中的關(guān)聯(lián)性,從而得到一個更有根據(jù)的驗證結(jié)果。

顯示相關(guān)性最常用的方法是將幾組不同的數(shù)據(jù)疊加在同一個圖表上,但當疊加的數(shù)據(jù)數(shù)量過多時,圖表會變得難以識別。

另外一旦強行關(guān)聯(lián)幾種相似的數(shù)據(jù),有可能造成結(jié)果的混亂。一個有意思的例子是冰激凌銷量的增加與暴力犯罪的激增有關(guān),因為這兩者都是因為氣候變化造成的結(jié)果。

圖片

 

設(shè)計要點:

透過數(shù)據(jù)間的關(guān)聯(lián)性發(fā)現(xiàn)事物本質(zhì)是有意義的,但要考慮數(shù)據(jù)間的關(guān)聯(lián)是否有依據(jù)、是否合理;

數(shù)據(jù)有相關(guān)性并不等于有因果關(guān)系。

 

6.放大有利數(shù)據(jù)

數(shù)據(jù)的增長或下降和時間是不可分割的。放大時間范圍是很多公司經(jīng)營中投機取巧的方法。

比如只在圖表上向用戶展示業(yè)績增長的4-6月份(上圖),這樣看起來公司業(yè)績增長幅度特別大,但如果將X軸的時間縮小到一整年(下圖),才會發(fā)現(xiàn)公司真實的經(jīng)營狀況,4-6月份的業(yè)績增長僅僅代表了公司業(yè)績持續(xù)下跌中的小幅上漲。

圖片

 

設(shè)計要點:

避免放大的可視化效果與數(shù)據(jù)整體不一致;

短時間內(nèi)放大的數(shù)據(jù)表現(xiàn)可能會讓用戶對信息的判斷產(chǎn)生錯誤。

 

7.避開常見的視覺聯(lián)想

視覺元素影響用戶的心理,圖標、色彩和字體都具有影響觀者感知的作用。

下圖的可視化描述了美國各個地區(qū)宗教信徒占所有居民的百分比,但使用的顏色與地圖的設(shè)計元素(藍色的水、綠色的植被和棕色的土地)太過相似。

圖片

▲ 分析數(shù)據(jù)可視化很耗費精力。在看到這樣的圖表時,我們第一時間聯(lián)想到的應該是國家的地形情況,可能很難在這個熟悉的認知下去重新理解這個圖表代表的其他含義。

 

設(shè)計要點:

避免強迫用戶重新理解常見的視覺聯(lián)想,造成對數(shù)據(jù)的注意力分散。

 

8.過分糾結(jié)于數(shù)據(jù)可視化

數(shù)據(jù)可視化將難以表現(xiàn)的數(shù)字關(guān)系賦予了易于理解的形式。最理想的方式是可以通過可視化清晰、簡潔地傳達數(shù)據(jù)關(guān)系

但是并不是所有的數(shù)據(jù)都需要使用可視化來表現(xiàn),有時候一個簡單的數(shù)據(jù)搭配一個流行的顏色就足以說明問題。

圖片

 

設(shè)計要點:

數(shù)據(jù)可視化是一種交流工具。像其他所有工具一樣,有時它是合適的,有時可能另一種工具更適合。

 

為回饋一直以來關(guān)注和支持Clip設(shè)計夾的讀者,將免費贈送3本《寫給UI設(shè)計師看的數(shù)據(jù)可視化設(shè)計》書籍給大家,幫助大家更好地學習數(shù)據(jù)可視化設(shè)計。

參與方式:詳見原文。

 

原文地址:Clip設(shè)計夾(公眾號)

作者:Clippp

轉(zhuǎn)載請注明:學UI網(wǎng)》數(shù)據(jù)可視化設(shè)計常出現(xiàn)的錯誤,你一定要避免!

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務



如何解決運營設(shè)計的核心部分?

seo達人



01.背景

運營設(shè)計主要包括日常運營(以介紹產(chǎn)品為主)和活動運營(通過促銷或游戲的形式,拉新促活),其目的都是要吸引用戶關(guān)注,實現(xiàn)流量的最大化,最終完成商業(yè)目標。

那設(shè)計出好看的畫面吸引用戶就是運營設(shè)計中的核心了嗎?

答案肯定是不確切的。畫面的呈現(xiàn)只是吸引關(guān)注的第一步,信息的傳達才是保證用戶駐足的關(guān)鍵。隨著獲取信息的便捷,人們對信息的關(guān)注越來越碎片化,甚至只關(guān)注標題,所以標題的呈現(xiàn)無疑是運營設(shè)計中的核心關(guān)鍵。

a

02.神器誕生

標題設(shè)計有很多具體的方法,但隨著用戶對信息清晰度的更高要求和審美疲懶,裝飾過多或者變化過多的標題已不再流行,取而代之的是言簡意賅、辨識度高的,更像是“沒有設(shè)計”的標題設(shè)計。在日常的設(shè)計中,設(shè)計師通常采用合適的字體再通過變形等設(shè)計手段,使標題字更有品質(zhì)感。如果可以直接使用一款字體,既能夠清晰表意且兼具個性,又能夠節(jié)省設(shè)計師創(chuàng)作的成本,這無疑是標題設(shè)計的首選方式。

字體作為信息傳達的核心因素,能夠起到統(tǒng)一品牌理念和精神的作用,正是58設(shè)計團隊當前探索的領(lǐng)域之一。就此,58UXD設(shè)計團隊的首選原創(chuàng)字體——微笑體誕生了!這款字體在表達企業(yè)精神的同時,兼具清晰且個性的特征,并為設(shè)計師減輕了工作中標題字體設(shè)計的負擔!

圖片

微笑體誕生

f

03.品質(zhì)提升,效率UP

· 微笑體是為標題而生,它可以滿足運營設(shè)計中的絕大部分場景,應用于不同的表現(xiàn)形式

1)輕量化設(shè)計頁面中,增加簡單效果,就具有一定的設(shè)計感

圖片

招聘業(yè)務線活動banner

 

圖片

58到家-saas系統(tǒng)系列海報

 

2)需要突出標題品質(zhì)時,可增加層次感或立體質(zhì)感

圖片

58到家-“城市黑盒”活動畫面

 

3)配合3D設(shè)計風格時,亦能發(fā)揮其厚重優(yōu)美的字形

圖片

2021春節(jié)運營活動-房產(chǎn)/招聘/二手車主會場畫面

 

· 應用廣泛,統(tǒng)一集團品牌感

發(fā)布近半年,微笑體已應用到58平臺各類運營設(shè)計中,并在集團各渠道發(fā)揮作用,成為58對外展示的品牌特質(zhì)之一

圖片

58到家線下店內(nèi)海報

 

圖片

58同城招聘業(yè)務日?;顒?/span>

 

圖片

58同城平臺日?;顒?/span>

 

圖片

58同城校園招聘

 

圖片

員工福利-蜂蜜禮盒

 

自5月8日微笑日發(fā)布微笑體字庫后,主創(chuàng)團隊不斷優(yōu)化微笑體,更新完善了含有3627字的字體包。在UXD自主研發(fā)的兩款運營頁面設(shè)計平臺——斑馬智能物料設(shè)計審核平臺和靈動編輯器中,微笑體已嵌入使用,為運營設(shè)計師提供更加便捷的工作方式,為運營工作提供高效且高質(zhì)量的輸出環(huán)境。

圖片

靈動編輯器

w

04.持續(xù)賦能

微笑體在工作中運用的成功,一定程度上解決了運營設(shè)計的核心部分。當然一款字體是無法覆蓋所有的應用場景的,運營設(shè)計需要豐富多樣的視覺呈現(xiàn),需要標題字和其他文字信息以及畫面共同完成。

在設(shè)計微笑體之初,58UXD組建了專門字體工作小組——Fontwork造字計劃。團隊本著提升58企業(yè)品牌的初心,為設(shè)計工作提效的目的,啟動了字體設(shè)計的第二波征程。為補充微笑體的使用空缺,同時為滿足更多的使用場景,第二款字體的字形確定為有設(shè)計感的正文字體。

第二款正文字體已征集完畢,在四十多款參賽作品中確定了一款字形,該字體目前正在如火如荼的設(shè)計中,待與大家見面時再解開它神秘的面紗~

圖片

字體大賽作品展示

e

05.結(jié)語

為了給用戶持續(xù)不斷的新鮮體驗,為了適應不斷變化的流行趨勢,高品質(zhì)的運營設(shè)計目前還是主要依靠人力完成。合適且優(yōu)秀的字體解決了運營設(shè)計工作中的一部分問題,如何在保證設(shè)計質(zhì)量的同時,提高效率,優(yōu)化工作方法將會是我們不斷探索的方向。


 

原文地址:58UXD (公眾號)

作者:環(huán)鐵藝術(shù)家

轉(zhuǎn)載請注明:學UI網(wǎng)》如何解決運營設(shè)計的核心部分?

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔