首頁

移動端信息超載設(shè)計

資深UI設(shè)計者

日常設(shè)計中,常常在解決一些由于信息過多,而需要對用戶瀏覽行為進行設(shè)計的問題,在這里我們將其定義為“頁面信息超載設(shè)計”。

由于移動端頁面尺寸較小的特性,常常無法像PC端那樣在一個頁面中展現(xiàn)出多信息多任務(wù),因此在面對多級的信息架構(gòu)設(shè)計時,最常規(guī)且傳統(tǒng)的做法是將某一場景/任務(wù)下的信息,通過設(shè)計頁面的跳轉(zhuǎn)/或增加頁面的長度來實現(xiàn)。


從適用場景角度,可將信息超載的設(shè)計類型分為「頁面展示信息超載」「頁面版塊信息超載」,上節(jié)我們聚焦「頁面展示信息超載」進行了展開,本文將對「頁面版塊信息超載」進行展開。



頁面版塊信息超載


在設(shè)計內(nèi)容版塊時,當遇到內(nèi)容放不下的情況,主流的對應(yīng)策略之一是先在當前版塊展示一部分內(nèi)容,剩余內(nèi)容以“查看更多”的方式來隱藏,以保證用戶當前良好的閱讀體驗。但考慮到不同業(yè)務(wù)以及交互層面的使用,不同情況下可以有不同的交互情況。

主要可分為「場景跳轉(zhuǎn)」、「場景刷新」、「場景滑動」和「場景組合」。



場景跳轉(zhuǎn)


作為最常見最普遍的一種場景,承載的功能是二級頁面的入口,用戶通過點擊進入二級頁面查看更多。


優(yōu)勢:

通用性高,可以進行版塊內(nèi)容的全瀏覽,給用戶最大選擇權(quán)。


劣勢:

跳轉(zhuǎn)到二級頁面進行選擇,需要整頁加載,用戶對后續(xù)內(nèi)容沒有預(yù)期易引起壓力;

選擇完成需要返回到上級頁面,增加用戶路徑。


適用性:

適合內(nèi)容體量較大對用戶重要性又較高的版塊(用戶對該版塊內(nèi)容有查看更多需求且頻次較高)


案例展示:


交互細節(jié):

入口的設(shè)計位置和樣式需根據(jù)版塊的用戶瀏覽動線來決定的。常用的入口位置有「標題右側(cè)」、「標題icon」、「版塊底部」。


基于福格行為模型的運用,激發(fā)用戶的跳轉(zhuǎn)行為需要考慮用戶的動機、能力、觸發(fā)


· 標題右側(cè)


M:

多用于橫向滑動展示的模塊,一定程度上契合用戶瀏覽動線的設(shè)計,具備一定的動機,也仍具備跳轉(zhuǎn)本身帶來的劣勢——易對用戶引發(fā)沒有預(yù)期的壓力。

A、T:

標題的右側(cè)導致按鈕設(shè)計的空間從一開始就是被限制,易由于不顯眼、面積不大而導致的觸發(fā)不足、能力受阻。


按鈕的設(shè)計:

只要具備一定的合理性動機,可以通過體驗上的設(shè)計提升用戶的觸發(fā)以及能力。

具體化引導文案讓用戶對后續(xù)內(nèi)容有所預(yù)期(如下方案例:蛋卷基金、嗶哩嗶哩);通過線性或者面型的容器承載文字,讓它看起來更易辨識和易點擊(如下方案例:網(wǎng)易云音樂);加入主色讓它更加醒目(如下方案例:蛋卷基金)。


· 標題icon


M:

幾乎適用任何場景,但動機的產(chǎn)生單純依靠標題以及內(nèi)容的展示

A、T:

信息傳達無學習成本,節(jié)省頁面空間,但點擊區(qū)域??;位于頂端,對于內(nèi)容超過一屏的模塊,用戶需要上滑返回才能點擊


· 板塊底部


M:

底部的位置符合用戶垂直向下的視覺動線,更容易被展示內(nèi)容吸引而順理成章的接受引導進入內(nèi)頁;

但仍具備上述提及跳轉(zhuǎn)本身的劣勢。

A、T:

由于底部可設(shè)計的空間較足,查看更多除了文字鏈接的設(shè)計以外,還可以有更多發(fā)揮空間,層級也能得到顯著,進而提高觸發(fā)條件和點擊能力。


按鈕設(shè)計:

豎向的展示設(shè)計,勢必會導致占用更多的頁面空間,因此在頁面模塊較多的情況下,仍應(yīng)該注意不必因強調(diào)“查看更多”而占用過多的頁面空間。



場景刷新


目的實現(xiàn)當前版塊更多內(nèi)容的即時更換。


優(yōu)勢:

大幅降低了新頁面跳轉(zhuǎn)帶來的弊端,用戶不需要承受多鏈路所帶來的短期記憶和整頁的加載成本,也無需返回到原有的瀏覽頁面中。雖然內(nèi)容依舊是缺少預(yù)期的,但是在用戶的接受范圍內(nèi),還有一種抽盲盒的驚喜。


劣勢:

通用性不強,內(nèi)容被局限在一個版塊中,無法實現(xiàn)內(nèi)容的全覽,而且隨機性很強。


適用性:

更適用于類似“猜你喜歡”、“隨便看看”的推薦類版塊。


案例展示:


交互細節(jié):

以上三個例子選用的按鈕位置和“查看更多”常用的位置類似,但可以看到當刷新按鈕結(jié)合具體化的引導文案進行設(shè)計時,更能使用戶在一定預(yù)期內(nèi)得到驚喜(如上方案例:網(wǎng)易云音樂)



場景滑動


自ios11中加入了卡片這個嶄新的容器后,卡片獨立可排列的特征就解鎖了橫向更多的空間。用戶可以通過scroll左右滑動手勢獲取到更多的內(nèi)容。


優(yōu)勢:

卡片滑動方式兼容性很強,可利用更少的頁面空間展示更多的內(nèi)容。


劣勢:

滑動展示有限,一般需要配合跳轉(zhuǎn)需求出現(xiàn)。


適用性:

更適用于類目的快捷展示,便于用戶選擇更感興趣的內(nèi)容;


案例展示:


交互細節(jié):

多用于固定容器為單位的橫向排列側(cè)滑展示更多內(nèi)容,通常板塊底部會有頁面指示器,或露出部分來提示用戶滑動。而這種橫向滑動場景常體現(xiàn)于「卡片式」「金剛區(qū)」


· 卡片式


布局上通過展示卡片的一部分,暗示用戶可以通過側(cè)滑看到更多。設(shè)計上常和跳轉(zhuǎn)場景組合使用,除此之外,也可根據(jù)業(yè)務(wù)上的需要考慮上方案例中且慢app的交互形式,頁面指示器結(jié)合側(cè)滑無限加載展示用戶評論,通過用戶交互成本較低的方式,即解決了用戶觸發(fā)動機弱而導致跳轉(zhuǎn)場景轉(zhuǎn)換率不高的問題,也能達成業(yè)務(wù)上的需求。


· 金剛區(qū)


隨著各大主流app承載的業(yè)務(wù)范圍越來越廣,首頁金剛區(qū)的運用已經(jīng)屢見不鮮,能快速展示所有業(yè)務(wù),便于用戶快速選擇需要的內(nèi)容。



場景組合

為了給用戶提供更多的選擇,也為了能承載更多的信息,常將刷新場景、滑動場景和跳轉(zhuǎn)場景結(jié)合使用。


優(yōu)勢:

彌補了單一交互的不足,用戶可以根據(jù)自己的選擇進行操作。


劣勢:

不同的交互類型的集合,用戶有可能會優(yōu)先選擇交互成本更低的操作,因此跳轉(zhuǎn)場景可能會被弱化。


適用性:

模塊上線初期,可以進行埋點設(shè)計,通過數(shù)據(jù)對比更能知道更貼近用戶的行為。


案例展示:


交互細節(jié):


· 場景滑動+場景跳轉(zhuǎn)


結(jié)合上文中提到的劣勢,如跳轉(zhuǎn)場景的入口設(shè)計太深,用戶的觸發(fā)能力就會不足,如上述案例的淘票票,若其沒有在標題右側(cè)設(shè)計查看全部文字鏈接,則當用戶滑動查看了大量信息仍未感興趣后,點擊更多卡片進入內(nèi)頁的概率也會大大降低。此類情況也經(jīng)常于金剛區(qū)的組合場景出現(xiàn)。


· 場景刷新+場景跳轉(zhuǎn)


當將兩類功能都平級的設(shè)計出現(xiàn),可以通過埋點數(shù)據(jù)分析出此功能區(qū)用戶的真實心理行為。




總結(jié)


移動端由于界面空間有限,具有「一個界面一個任務(wù)」的特點,因此當面臨產(chǎn)品增加功能時,不能一味在界面中進行功能的堆積排列,而應(yīng)該更強調(diào)于頁面場景化的設(shè)計,同時頁面中的每一個細節(jié)設(shè)計都應(yīng)該做到恰到好處,減少用戶思考是否需要使用的精力。


本文對移動端頁面展示信息超載設(shè)計進行了總結(jié)分析,但不是唯一,也沒有哪一種方案是“絕對的優(yōu)質(zhì)體驗”,最終的落地設(shè)計還需要視場景而定。下篇將對頁面板塊信息超載設(shè)計進行總結(jié)分析~

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

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


文章來源:站酷   作者:陳皮Celia 

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

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


UI設(shè)計師如何避免用戶不滿與困惑

資深UI設(shè)計者

我們的產(chǎn)品經(jīng)常會給用戶帶來一些負面感受和使用困惑,降低并消除這些問題可以大大提升用戶體驗


案例1.用戶操作時的困惑


相信大家在做設(shè)計的時候都遇到過這種情況,一個產(chǎn)品內(nèi)有多個入口指向同一個界面,這是產(chǎn)品的投機取巧還是另有深意,很多人都對這樣的設(shè)計有不同的看法。


這樣的設(shè)計就好像是狡兔三窟,在產(chǎn)品中流量可以從不同的入口進來,到多個不同的出口,也可以從不同的入口進入同一個地方。



有人會覺得如果一個界面中有多個入口指向同一個界面會出現(xiàn)問題:


1.違反了效率、用戶預(yù)期的原則,會認為頁面空間有限,在同一個界面中有多個入口指向一個界面效率變低,而且用戶知道后往往就會只從一個入口進入。


2.多個選擇會讓用戶拉高轉(zhuǎn)化的成本,用戶在選擇的時候會花更多的時間思考有什么區(qū)別。


我們來看一個例子,下面德邦app之前的一個版本,目前已經(jīng)優(yōu)化了。從截圖中我們發(fā)現(xiàn)頁面上方的查詢和寄件都和底部標簽單獨出來的界面功能重復了,并且我的快件也直接可以展示在首頁的下方,我的快件目前可以從首頁頂部、首頁下方和個人中心3個入口進入查看。



通過這個案例我們發(fā)現(xiàn)確實這些板塊和功能重復度太高,并且沒有區(qū)分出場景,這樣的設(shè)計證實了以上的兩個說法,降低用戶使用效率和提高選擇成本。而且從業(yè)務(wù)角度看也并沒有目標的差別。


但是我們分析問題也要多角度去觀察,多個入口進入同一個界面只有缺點沒有優(yōu)點嗎?


顯然不是,我們再來看幾個案例


下方是一個商品評價的卡片,經(jīng)過我小手的實際測試,發(fā)現(xiàn)無論點擊這個卡片任何有內(nèi)容的區(qū)域,都會跳轉(zhuǎn)到全部評價的界面,那這樣的設(shè)計邏輯是否會造成和上面的案例一樣的問題呢?答案是,不會。



這里的設(shè)計邏輯并不是和沙面那里的場景那么單一,而是用戶在面臨不同需求場景的時候可以有選擇。


不知道大家有沒有發(fā)現(xiàn)一個問題,在上面德邦案例的時候,你會對兩個入口有疑問,但是在評價卡片的時候并沒有,這個卡片包含了4種不同的場景:

1.我想看看有哪些好評、哪些差評 

2.幾個不同標簽的用戶都是怎么說 

3.下面用戶的實拍到底是不是真實的 

4.還有沒有更多類似真實用戶的使用評價。


所以即便最終到了一個界面,對于用戶來說也是從獨立的出發(fā)點開始的,而再回過頭看上面案例,你會發(fā)現(xiàn),我就是要寄東西,這里有兩個入口,怎么選。


而且,考拉這里其實還做了從不同內(nèi)容點進去的一個區(qū)分。



再來看個案例,貝殼的地圖找房,在首頁中有兩個入口,導航欄一個,分類中一個,這里出現(xiàn)重復會造成一開始說的問題嗎?首先我們看到貝殼的業(yè)務(wù)很多,以至于在這個分類中居然還需要通過滾動指示器來展示剩余內(nèi)容,大家也可以思考一下,在這個界面中,會不會出現(xiàn)兩個地圖找房不同的場景出發(fā)點呢?我個人覺得其實是可以商榷的,首先地圖找房在房產(chǎn)app中是很核心高頻的一個功能,他的屬性是“工具”。



所以我覺得他之所以在卡片中再放一個地圖找房是3個原因


第一個是導航欄的找房肯定不能動,他是一個全局的入口,即使頁面滾動也可以隨時點擊到,即便要撤一個,也肯定要撤下方卡片分類中的。


第二個是卡片分類中的圖標入口是都具備工具屬性的,那首頁上面部分就分為了:搜索、業(yè)務(wù)分類、工具這三塊。所以用戶看到這些工具屬性也會聯(lián)想到通過地圖去找房。而且這些多色彩的圖標對于新進入的用戶是比較吸引注意力的,所以很有可能用戶看不到右上角的地圖找房(可以參考古騰堡圖表的原則)。


第三點是可能右上角的地圖不太能清晰表達這個圖標的具體功能,所以將“地圖找房”四個字顯示全。


但這些都有一些主觀因素在里面,如果真的去掉卡片中的,我覺得可能影響也并不是很大。有小伙伴可能想說是為了分流,但是分流的目前主要是讓流量流到他應(yīng)該去的地方產(chǎn)生實際價值,除了以上的3個原因,好像確實有點重復了。


再來看一個例子,小鹿茶app。



首頁的現(xiàn)在下單和底部菜單標簽都是到同一個界面,那為什么要重復呢?這里其實考慮更多的他并不想讓用戶進來就直接去購買,為什么不直接購買呢?應(yīng)該是想要建立自己的品牌人設(shè)、滿足更多的消費場景和增值業(yè)務(wù),比如給別人點奶茶、周邊的杯子跟合作商品推銷、最新的奶茶的推薦。


如果只有菜單,產(chǎn)品也會顯得更工具化,很難突出自己的品牌,對業(yè)務(wù)增長沒有太大的幫助。有同學要說,那這個界面只是產(chǎn)品的“一廂情愿”,我就只要點奶茶就可以了,多個入口只會給我?guī)砝_。所以他這里的設(shè)計邏輯是在用戶打開app的時候首先定位的是菜單,而不是首頁。


所以,到底多個入入口進入同一目標我們還是要看不同的場景和目標的。如果既沒有業(yè)務(wù)目標做支撐,又沒有用戶場景的變化,那么這個重復的入口就是雞肋的。


最后留一個小思考題:網(wǎng)易云音樂的“歌單”在首頁上也重復了,大家知道這里為什么他要做成重復入口嗎? 




案例2.用戶使用中的不滿


一個優(yōu)秀的產(chǎn)品或者說一個合格的產(chǎn)品,能給用戶帶來愉悅的體驗。何為體驗,用大白話來說就是用的舒服、自然、高效率。


再有一個底線就是不要讓用戶產(chǎn)生由產(chǎn)品帶來的負面情緒,例如產(chǎn)品出錯了卻不告知用戶解決方法、用戶出錯了沒有辦法及時幫助糾正、高危操作沒有二次確認等等,根據(jù)負面情緒的嚴重程度幾乎就可以直接讓部分用戶流失。


很不幸的是我就遇到了這樣的體驗,當時正在給同學們布置一些作業(yè)練習,體驗一些產(chǎn)品的優(yōu)缺點并給出解決方法。我也下載了這款文玩類的App,體驗了極速撿漏這個功能模塊。


撿漏:在文玩圈的一句行話,意思就是用很便宜的價格買到很值錢的古玩,而賣家卻不知情,是一種可遇不可求的行為,所以寓意就是比較難得、走好運了。


進入直播間,商家在賣力吆喝,頁面底部有加一手的按鈕,就是類似于拍賣,價高者得。于是我就抱著試一試的心態(tài)點了加一手按鈕,因為我預(yù)期是產(chǎn)品會再次向我確認是否要加價,結(jié)果是居然加價成功了,發(fā)生了什么?最后競拍結(jié)束也沒有人繼續(xù)加價了。




實際場景中用戶可能誤操作不小心點了按鈕,這樣的場景和情況是非常多的,即便不是誤操作,給一個二次確認的對話框也可以避免這樣的尷尬狀況,因為用戶就喜歡在產(chǎn)品中點來點去,然而你在這里就像埋了一顆地雷。


如果到這里就結(jié)束了,那其實我也感覺沒必要去吐槽,問題在于當我拍下還沒付款,直播間的商家就開始喊我的名字:xx大哥恭喜你拍到了我們的產(chǎn)品,可以去付款了。連續(xù)播報了幾十遍,我尷尬的直接退出了后臺,這種感覺就像是一群觀眾看著一個被騙的小白一樣,當我過10分鐘后打開系統(tǒng)提示商品流拍了,并且累積了違約積分。


???


到這里,可能會有人說,你自己拍了的又不付款,當然要懲罰你了。


于是我還是認真的去研究了一下,發(fā)現(xiàn)極速撿漏和競拍并不是同樣的規(guī)則。該產(chǎn)品和競品其實都有競拍板塊,在競拍板塊都會有需要用戶確認的操作,并在操作下方給出拍賣規(guī)則,顯示出價即表示同意拍賣規(guī)則。




但是該產(chǎn)品極速撿漏的板塊并沒有這樣的說明,既然沒有提前展示這樣的說明和約定,用戶就不知道有這樣的規(guī)則,我拿了競品一對比,其實在直播帶貨的場景下,這個出價流程還是不同的,雙方其實都沒有給規(guī)則說明,但競品還是給了一個出價選擇后再出價的步驟。



最后我甚至被商家拉黑了,不過還給我一個投訴商家的入口


我當時的想法:


1.如果因為誤操作讓用戶付出這么大代價的話成本就太高了。讓用戶點擊是否就等于用戶同意?


2.請先告知我約定與協(xié)議的內(nèi)容,單方面在我不知情的情況下對產(chǎn)品進行操作后,通知扣我違約積分,這樣就有點“霸道”了。


3.平臺對商家和消費者的權(quán)益是如何平衡的,文玩行業(yè)和互聯(lián)網(wǎng)結(jié)合的難點在哪里。


3.線下文玩圈的一些不成文行規(guī),導致新人入圈后產(chǎn)生的沖突。


于是我就想對此說說我的看法



1.交易是產(chǎn)品平臺其中的一個功能屬性


交易是產(chǎn)品平臺其中的一個功能屬性,需要優(yōu)先滿足產(chǎn)品對用戶價值,其次再談交易的合理性。在這個流程中,面對用戶很有可能遇到的誤操作行為以及需要讓用戶去下單支付成本,我們必須提前告知用戶。在尼爾森可用性原則中我們也發(fā)現(xiàn)了,如果用戶不小心操作失誤,那么我們盡可能減少這些因為用戶犯錯帶來的成本,同時在用戶犯錯之前就要明顯告知用戶,將風險控制、前置。


所以,你在注冊的時候、登錄的時候,產(chǎn)品一定會讓你同意一份用戶協(xié)議,告知你我們要保存你的數(shù)據(jù)和一些跟你相關(guān)的信息,如果你不同意,那就無法繼續(xù)體驗產(chǎn)品。


這是一種契約。


同理,如果你想讓用戶在這個產(chǎn)品中去參與拍賣,在進入這個板塊之前或者用戶點擊按鈕之后,也需要讓用戶明確這個操作帶來的風險是什么,取得用戶的同意。而不是直接讓用戶加價成功,導致用戶不明所以的被扣違約積分、被商家拉黑,這就和你去泰國,在街頭你朋友拍了一張你和一個抱著蜥蜴的人的照片,結(jié)果別人來問你收錢是一個道理。


對于正常線下拍賣的流程,舉辦方也會對參與拍賣的人員進行相關(guān)規(guī)則、流程的告知,并且將風險、問題都提前讓客戶進行協(xié)議確認。


所以,在產(chǎn)品中的交易,必須先滿足用戶與產(chǎn)品信息之間的對稱關(guān)系,保持信息的透明和契約公正,規(guī)則、約束、條件是用戶使用你產(chǎn)品的前提和體驗反饋的衡量標準之一。



2.對于商家和產(chǎn)品的價值


商家希望有更多的流量來曝光商品,撿漏商品的低價可以快速吸引一大批用戶,比如8塊錢的一個木頭核桃的雕刻掛件等,產(chǎn)品通過營造搶購、限時的氛圍,吸引用戶下單,并且降低用戶參與的門檻。


那么,直接加價成功是一個好的降低門檻的策略嗎?我覺得并不是,降低門檻并不意味著就是直接拍到,而是需要提高用戶對產(chǎn)品的信任度,這個極速撿漏的模塊的目標用戶幾乎都是小白用戶,因為資深的玩家看不上、更不會買,有一定經(jīng)驗的玩家也看的出好壞,明白它的價值。所以面對這些沒有了解過文玩產(chǎn)品的小白玩家來說,內(nèi)心是謹慎的


可能有人會想,這幾塊錢、十幾塊錢的東西還需要考慮嗎?當然在這個場景中,從眾心理是很明顯的,大家都覺得很便宜,但就是沒人拍。這都幾塊錢撿漏了怎么都沒人要,大部分人都覺得這么便宜東西肯定不咋樣,運費是不是貴的離譜、有沒有托在背后跟你抬價呢?大家都不拍我也觀望。越多人圍觀,越難促成交易。


還有一種可能就是我賣不賣的出去東西,并不重要,重要的是有人來看了,這些邊角料都是用來回饋直播間粉絲的,就是一個窗口,真正有利潤的東西在櫥窗里。所以這里的撿漏只是一個引流的噱頭。


人總是對太輕易得到的東西不珍惜,更何況是幾塊錢的小玩意兒。所以針對直接拍下這個交互,個人認為是不妥的,無論是上面任何一種情況,都沒有辦法讓降低門檻,甚至通過這種“小聰明”反而會讓用戶更加不信任產(chǎn)品和用戶。


不信任產(chǎn)品是大。尤其是作為一家平臺來說,虛假交易、以次充好、濫竽充數(shù)等等行為是致命的。



3.文玩的價值


我其實有玩過一段時間文玩,受我老丈人的影響,有一段時間喜歡玩手串、玉什么的。經(jīng)常也會在某音去刷一些鑒寶類的視頻,很有意思。


文玩它的價值在于品相、稀有度、盤玩程度、大眾接受度、歷史背景還有工藝等等。所以它并不是一個在每個人心中同等效用的商品,同樣一塊玉,他的種水一般,但是花紋很獨特,買賣雙方其實心理的價值預(yù)期會相差非常多,它就不像買電子產(chǎn)品一樣價格那么透明容易計算。


有的人玩這些就是覺得命里該有它,它能給我?guī)碡敗⑦\,幫我辟邪,看的是眼緣。而不是路邊上一塊無用的石頭,可以隨意拾取丟棄。那么換句話說,如果在用戶下單的時候,我們利用一些情感化的文案,讓用戶喜歡上這款文玩,是不是也可以大概率的促進交易呢?



4.文玩圈的行規(guī)


我相信很多玩文玩的小伙伴都知道,在文玩圈有一些不成文的行規(guī)。也或許就是因為這些行規(guī)出現(xiàn)到了線上產(chǎn)品中。


1.還價意味著出價,出價意味著買下

在文玩圈,你不想買就不要還價。如果賣家同意了你的還價,那你就必須買。這代表著你個人的信譽和道德品質(zhì)。


所以文玩圈和互聯(lián)網(wǎng)的用戶之前有許多的鴻溝需要一步一步建設(shè)橋梁,不能單純的以線下圈子內(nèi)的行規(guī)來要求剛接觸這個圈子的互聯(lián)網(wǎng)用戶,這需要大家一起努力和營造起一個良好的文玩圈的文化和規(guī)則,而不是直接生搬硬套,提高這個門檻。


2.不要打聽別人的成本

文玩沒有實際的成本,可能別人花10塊錢淘到的價值1萬塊的東西,也可能別人花了巨資看走了眼。所以你知道了成本對誰都沒好處,別人也不會告訴你。


3.別人在交易的時候保持沉默

文玩在每個人心中的價值不同,所以貨幣價值也不同,當別人在詢價還價的時候,不管怎樣我們都不要去表明自己的看法和想法。


當然還有其他的規(guī)則就不一一敘述了,針對這3條,其實在互聯(lián)網(wǎng)的產(chǎn)品中是會有沖突存在的。例如你買了某個文玩,你一拍下,別人就說這個根本不值這個價錢。還有你出價了但是又不想買了,這些原本在文玩圈子中不允許的規(guī)則,在互聯(lián)網(wǎng)上去要求用戶著實有點困難,因為互聯(lián)網(wǎng)上的交易并不一定所見即所得,可能展示的是這樣,收到貨又是另一個東西。


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

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


文章來源:站酷   作者:應(yīng)駿

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

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


app界面賞析+圖標分享 ——— 北京藍藍設(shè)計 移動端UI設(shè)計資源分享(二十八)

前端達人


App界面設(shè)計對于設(shè)計師而言一直是盛久不衰的話題,尤其是如今越來越多的流量轉(zhuǎn)移到了移動平臺,使得更多的UI設(shè)計師涌入移動端領(lǐng)域,甚至出現(xiàn)了市場飽和的言論,對于從事移動端的UI設(shè)計師來講,充滿壓力的同時又面臨無限機遇,唯有不斷的學習才能滋生出源源不斷的設(shè)計靈感,站穩(wěn)腳跟。

摹客想在這方面給各位設(shè)計師朋友做點什么,除了提供簡單好用的設(shè)計工具,我們也整理了非常多的優(yōu)秀設(shè)計案例,希望可以對設(shè)計師朋友有借鑒意義。這將會是一個系列的專題,我們以月為單位,整理了國內(nèi)外設(shè)計師的優(yōu)秀APP界面設(shè)計案例,我們是搬運工,更是好設(shè)計的傳達者,希望你會喜歡。

接下來為大家分享精美的app UI設(shè)計案例:



WechatIMG2026.jpegWechatIMG2027.jpegWechatIMG2028.jpegWechatIMG2029.pngWechatIMG2030.jpegWechatIMG2031.pngWechatIMG2038.pngWechatIMG2037.pngWechatIMG2036.pngWechatIMG2035.pngWechatIMG2034.jpegWechatIMG2033.jpegWechatIMG2032.pngWechatIMG2039.pngWechatIMG2040.pngWechatIMG2041.jpegWechatIMG2042.png





--手機appUI設(shè)計--

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



  更多精彩文章:

      手機appUI界面設(shè)計賞析(一)

       手機appUI界面設(shè)計賞析(二)

       手機appUI界面設(shè)計賞析(三)

       手機appUI界面設(shè)計賞析(四)

       手機appUI界面設(shè)計賞析(五)

       手機appUI界面設(shè)計賞析(六)

       手機appUI界面設(shè)計賞析(七)

       手機appUI界面設(shè)計賞析(八)

       手機appUI界面設(shè)計賞析(九)

        手機appUI界面設(shè)計賞析(十)

       手機appUI界面設(shè)計賞析(十一)

      手機appUI界面設(shè)計賞析(十二)

      手機appUI界面設(shè)計賞析(十三)

      手機appUI界面設(shè)計賞析(十四)

      手機appUI界面設(shè)計賞析(十五)

      手機appUI界面設(shè)計賞析(十六)

      手機appUI界面設(shè)計賞析(十七)

      手機appUI界面設(shè)計賞析(十八)

      手機appUI界面設(shè)計賞析(十九)

      手機appUI界面設(shè)計賞析(二十)

      手機appUI界面設(shè)計賞析(二十一)

     手機appUI界面設(shè)計賞析(二十二)

     手機appUI界面設(shè)計賞析(二十三)

     手機appUI界面設(shè)計賞析(二十四)

     手機appUI界面設(shè)計賞析(二十五)



app界面賞析+圖標分享 ——— 北京藍藍設(shè)計 移動端UI設(shè)計資源分享(二十七)

前端達人

App界面設(shè)計對于設(shè)計師而言一直是盛久不衰的話題,尤其是如今越來越多的流量轉(zhuǎn)移到了移動平臺,使得更多的UI設(shè)計師涌入移動端領(lǐng)域,甚至出現(xiàn)了市場飽和的言論,對于從事移動端的UI設(shè)計師來講,充滿壓力的同時又面臨無限機遇,唯有不斷的學習才能滋生出源源不斷的設(shè)計靈感,站穩(wěn)腳跟。

摹客想在這方面給各位設(shè)計師朋友做點什么,除了提供簡單好用的設(shè)計工具,我們也整理了非常多的優(yōu)秀設(shè)計案例,希望可以對設(shè)計師朋友有借鑒意義。這將會是一個系列的專題,我們以月為單位,整理了國內(nèi)外設(shè)計師的優(yōu)秀APP界面設(shè)計案例,我們是搬運工,更是好設(shè)計的傳達者,希望你會喜歡。

接下來為大家分享精美的app UI設(shè)計案例:

jhk-1623378361587.jpgjhk-1623378458458.pngjhk-1623378929226.pngjhk-1623379179475.jpgjhk-1623379189278.jpgWechatIMG2009.jpegWechatIMG2010.jpegWechatIMG2018.jpegWechatIMG2016.jpegWechatIMG2015.jpegWechatIMG2014.jpegWechatIMG2013.jpegWechatIMG2012.jpegWechatIMG2011.jpegWechatIMG2025.jpeg




--手機appUI設(shè)計--

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



  更多精彩文章:

      手機appUI界面設(shè)計賞析(一)

       手機appUI界面設(shè)計賞析(二)

       手機appUI界面設(shè)計賞析(三)

       手機appUI界面設(shè)計賞析(四)

       手機appUI界面設(shè)計賞析(五)

       手機appUI界面設(shè)計賞析(六)

       手機appUI界面設(shè)計賞析(七)

       手機appUI界面設(shè)計賞析(八)

       手機appUI界面設(shè)計賞析(九)

        手機appUI界面設(shè)計賞析(十)

       手機appUI界面設(shè)計賞析(十一)

      手機appUI界面設(shè)計賞析(十二)

      手機appUI界面設(shè)計賞析(十三)

      手機appUI界面設(shè)計賞析(十四)

      手機appUI界面設(shè)計賞析(十五)

      手機appUI界面設(shè)計賞析(十六)

      手機appUI界面設(shè)計賞析(十七)

      手機appUI界面設(shè)計賞析(十八)

      手機appUI界面設(shè)計賞析(十九)

      手機appUI界面設(shè)計賞析(二十)

      手機appUI界面設(shè)計賞析(二十一)

     手機appUI界面設(shè)計賞析(二十二)

     手機appUI界面設(shè)計賞析(二十三)

     手機appUI界面設(shè)計賞析(二十四)

     手機appUI界面設(shè)計賞析(二十五)

     手機appUI界面設(shè)計賞析(二十六)



金融設(shè)計中的信任感

資深UI設(shè)計者

通過解析市面上的產(chǎn)品是如何通過設(shè)計構(gòu)建用戶的信任關(guān)系,提煉出在產(chǎn)品設(shè)計中打造信任感的方法


在整個互聯(lián)網(wǎng)大環(huán)境下,針對精細化運營戰(zhàn)中,信任關(guān)系是有效轉(zhuǎn)化的關(guān)鍵,也是企業(yè)和品牌傳播的第一生產(chǎn)力。能否獲取用戶信任成為了企業(yè)商業(yè)價值大小的核心判斷標準。


在金融產(chǎn)品設(shè)計中,設(shè)計師該如何和用戶構(gòu)建信任關(guān)系,怎樣通過設(shè)計細節(jié)去逐步影響甚至改變用戶心理感受。本文將由淺入深,從金融設(shè)計上,通過解析市面上的產(chǎn)品如何通過設(shè)計去構(gòu)建用戶的信任關(guān)系,提煉出在產(chǎn)品設(shè)計當中去打造信任感的方法。



通常,我們在做金融產(chǎn)品設(shè)計,有以下幾個方面可以提升產(chǎn)品與用戶之間的信任感:


一、信息透明化


平臺的透明化運作,信息透明,有利于投資者對平臺有一個相對清晰理性的判斷,以便對各平臺進行風險定價和自由自主選擇。通??梢詮乃膫€方面去透明化平臺的運作情況:


a、平臺基本信息

平臺的基本信息和運營信息是投資者衡量、選擇平臺的主要依據(jù),也是監(jiān)管部門對行業(yè)監(jiān)管的基礎(chǔ)。而作為合規(guī)的金融投資平臺,自然包括資質(zhì)認證、發(fā)展歷程、管理團隊、風控措施等信息。


b、標的的真實性透明

例如做P2P產(chǎn)品,借款方信息應(yīng)該在不泄露隱私的前提下最大程度公開。主要包括:借款人借款信息清晰,身份信息詳細(如借款人的職位、自身條件、收入來源等一系列基本信息),借款用途,還款來源與放款額度等等。


c、審核過程透明

對于上線產(chǎn)品,審核的尺度標準需要在不涉密的情況下,盡可能公開;相關(guān)手續(xù)和資料要求要嚴謹。平臺提供的證明材料必須是合法有保障的。


d、風險備付金透明

風險備付金是P2P平臺抵御風險的必要條件,協(xié)議、銀行查詢賬號盡可能公開,因平臺性質(zhì)不同,所以公開的形式也有不同。


二、打造/附加安全品牌背書

在設(shè)計金融、政府相關(guān)的項目產(chǎn)品中,借助當?shù)卣?、專業(yè)權(quán)威機構(gòu)的威信來和用戶建立信任關(guān)系,有相關(guān)的組織機構(gòu)做背書,會讓用戶在整個流程中更容易做出決策;


三、設(shè)計工具,而不是構(gòu)建營銷渠道

除非產(chǎn)品的本質(zhì)和目的都是營銷,否則你所設(shè)計的產(chǎn)品是在迎合并滿足用戶的需求,本質(zhì)上是服務(wù)于用戶的工具。

合理的營銷是有效的手段,但是在金融類應(yīng)用當中,本身已經(jīng)涉及到非常龐大的數(shù)據(jù)量,在這種情況下植入營銷信息,會觸發(fā)用戶的負面情緒。即使這款金融類產(chǎn)品本身有著極強的粘度,極高的信任度,也會有很多用戶仍然對營銷手段、全新的未知技術(shù),抱有懷疑態(tài)度。

例如:剛推出人臉支付時,用戶擔心睡覺時或者別人用自己的照片,就可竊取錢財。


以上三點均是為了在金融產(chǎn)品設(shè)計中打造基礎(chǔ)信任感,讓用戶放心、安全的使用金融產(chǎn)品,只有用戶信任了某個產(chǎn)品,才會將自己的隱私信息等向企業(yè)開放,從而產(chǎn)生一系列消費、轉(zhuǎn)換等行為。


那么,什么是信任感?


信任感是基于產(chǎn)品,在用戶感到產(chǎn)品具有一貫性、可預(yù)期性和可靠性時產(chǎn)生一種「 可靠服務(wù)、價值依賴 」的情感體驗。


這種體驗不僅影響著用戶黏性的強弱、業(yè)務(wù)目標的實現(xiàn),也影響著不同生命周期下給產(chǎn)品帶來的價值。如圖所示:




互聯(lián)網(wǎng)產(chǎn)品中信任感要如何產(chǎn)生?


想對產(chǎn)品產(chǎn)生信任感,必須建立一個完善俱全的產(chǎn)品心智。當一個用戶從普通的態(tài)度到信任一款產(chǎn)品,這個過程是基于「認知」、「情緒」和「態(tài)度」建立的。




這個過程在不同的場景所建立的時長也不相同,售賣場景當中是最常見的。

我們有時候會在菜市場大街上看到有人吆喝賣菜刀、賣拖把等各種東西,這時候一群人過來圍觀,然后看到賣家(賣菜刀)為了展示自己商品的賣點,會拿兩把不同的菜刀(一把自家產(chǎn)品,一把不知名的菜刀)去切同一塊豬肉,通過切豬肉的順暢度,來吸引用戶注意和展示自家菜刀鋒利的賣點;這種展示方式,能在極短的時間內(nèi)改變消費者的情緒和認知,從而改變消費者的態(tài)度,以建立消費者對產(chǎn)品的信任,最終提升下單轉(zhuǎn)化率。



互聯(lián)網(wǎng)產(chǎn)品構(gòu)建信任設(shè)計有以下三個階段:


第一階段,構(gòu)建信任心智基礎(chǔ)框架

常言道:佛是金裝,人是衣裝。視覺傳達會影響用戶的心理,精致、嚴謹?shù)囊曈X設(shè)計給用戶以專業(yè)、安全的感覺,而怪異、隨意的視覺設(shè)計給人以粗糙、不專業(yè)的感覺。因此,在視覺風格上應(yīng)避免輕佻、或過于圓潤的設(shè)計,細節(jié)實現(xiàn)上應(yīng)杜絕馬馬虎虎。大部分情況下,互聯(lián)網(wǎng)金融產(chǎn)品的視覺可以采用偏深色系,如藍色、綠色給用戶以穩(wěn)重可靠的感覺,并輔助以“鎖”“盾”“資質(zhì)”等安全標記,增強用戶對安全的認可。


1)梳理各個場景下的信息,統(tǒng)一信息布局,便于用戶建立起統(tǒng)一的感知。


2)場景敘述性插畫

優(yōu)秀的插畫可以降低人們的焦慮感,同時提升對當前場景的理解力。采用敘述性插畫來描述當前場景,能夠讓用戶更有代入感,更易于理解信息的傳達,具有品質(zhì)感的插畫還能增強用戶對平臺的信任。


3)品牌、專業(yè)權(quán)威的公信力

品牌是對產(chǎn)品或者服務(wù)的一種保障,因為這種保障,用戶更傾向于使用該品牌的產(chǎn)品,良好的產(chǎn)品使用體驗讓用戶更加信任該品牌,形成一個正向的循環(huán)。

以品牌背書、文案強化、品牌升級等形式來對品牌進行確認和肯定,強化用戶的認知,與用戶建立起一種可持續(xù)的、可信任的品牌安全感。


品牌背書是為了增強在市場上的承諾強度的手段,通常還會借用第三方的信譽,然后第三方以一種明示或者暗示的方式來作出再一次的確認和肯定。于此與新用戶建立一種可持續(xù)的、可信任的品牌關(guān)聯(lián)。


一般可以從品牌故事、品牌背書和名人效應(yīng)來進行切入。

品牌故事就是通過產(chǎn)品背后的意義是什么?為什么有這個產(chǎn)品?創(chuàng)始人的情懷是什么?有情感襯托的故事襯托你產(chǎn)品的價值。這點運用的最好的就是羅永浩的錘子科技,每次都在大講情懷,工匠精神,吸引了很大一批錘粉。


品牌背書可以有品牌歷史、投資或者上市背景、品牌規(guī)模等等,這部分更多的去結(jié)合市場營銷的角度來進行。再有,若你的品牌有名人背書,效果就更好——這也是為什么很多產(chǎn)品面世,要找企業(yè)家或者明星甚至國家背書,一人抵萬言,人們更傾向于相信熟悉和崇拜的人和熟悉的事。


4KOL種草

這類情況在互聯(lián)網(wǎng)的場景中往往以KOL帶貨、探店等形式存在,早些年的小紅書微博探店測評,到近來越來越火的直播短視頻;都是基于人們在對自己信任的KOL面前,選擇信任相對應(yīng)的產(chǎn)品或消費場景。


通過感知層上的視覺統(tǒng)一及策略層上專業(yè)的權(quán)威機構(gòu)、KOL種草的方式去滲透平臺的公信力,進而搭建基礎(chǔ)的信任框架,建立產(chǎn)品服務(wù)的進一步連接。



第二階段,服務(wù)與用戶信任連接


1)打造信任感話術(shù)

話術(shù)是傳遞信任感的重要因素。既要做到實事求是的表達,又要避免引起用戶歧義。話術(shù)的首要原則是真誠感,坦誠明確的告知用戶必要的信息,避免帶有營銷感的含糊“套路”。

互聯(lián)網(wǎng)金融領(lǐng)域有很多專業(yè)術(shù)語,向用戶傳達時,我們需要把它轉(zhuǎn)換成用戶能聽懂的語言,最大限度地降低用戶的理解成本。


一般金融產(chǎn)品的文案要做到三點:簡單易懂、統(tǒng)一認知、突出重點。


簡單易懂——互聯(lián)網(wǎng)金融產(chǎn)品的客戶群是普羅大眾,文化水平高低不一,因此傳達的文案必須是清晰的、接地氣的,讓金融術(shù)語從專業(yè)變成通用化,讓用戶能夠清晰直觀地識別和理解。


最常見的如“提前結(jié)清”是銀行的叫法,轉(zhuǎn)換為用戶的語言是“提前還清”?;蛘呓栀J后還款的方式有“等額本金余額計息”,像這么專業(yè)的術(shù)語,會讓用戶感到困惑:到底什么是等額本金,余額計息?所以我們在設(shè)計的時候,只需告知用戶最想了解的信息,即每月的還款額以及利息即可。


統(tǒng)一認知——如果對金融產(chǎn)品的解釋出現(xiàn)歧義,則可能會出現(xiàn)失之毫厘謬以千里的狀況,容易讓用戶產(chǎn)生不同的理解。解決這類問題的關(guān)鍵點在于能否發(fā)現(xiàn)歧義,這就需要設(shè)計師在設(shè)計時對產(chǎn)品業(yè)務(wù)本身有深刻的理解,能知道問題的存在并敏銳地發(fā)現(xiàn)問題。


突出重點——互聯(lián)網(wǎng)金融產(chǎn)品有很多必要的規(guī)則需要告知用戶,當無法全都在頁面上展現(xiàn)時,通常會使用彈層頁面來輔助用戶理解,先由標題描述中心大意,再給出詳細解釋。


有時候,我們也可以通過信任感的話術(shù),提升產(chǎn)品轉(zhuǎn)化。

對于借款,大部分用戶會因手續(xù)費或后續(xù)服務(wù)等各類問題而對借款產(chǎn)生一定的抵觸,為了提升借款的轉(zhuǎn)化率,可以通過改變心理上對借款的固有認知出發(fā),核心目標是增強用戶接受度,讓用戶對借錢這件事產(chǎn)生“心理轉(zhuǎn)變”。


我們從三個感覺去改變:

臨時感——結(jié)合用戶「臨時缺錢」、「臨時周轉(zhuǎn)」這個情景,在話術(shù)上我們可以貼著「短期周轉(zhuǎn)資金」、「XX備用金」這樣的臨時場景進行表達;通過標簽上的對比,及心理上的行為暗示、選擇性暗示,增大用戶選擇借款的概率;


壓力感——語言表達上,運用「隨時借隨時可以還」、「借2萬元半個月利息僅xxx元」、「1萬元借1天利息僅xx元」,將復雜金融邏輯扁平化、口語化,降低用戶直面借錢的壓力感。


親切感——通過「地方政府與XX銀行給你準備了1份備用金/短期周轉(zhuǎn)資金」等方式,主動迎合的方式,拉近與用戶的距離。


2)輕量學習成本

通過輕量化的展示金融知識,白話講金融的方式提升用戶的認知。


3)保持透明,呈現(xiàn)進度

尼爾森十大可用性原則之一,系統(tǒng)狀態(tài)的可見性,應(yīng)該保持在第一位——系統(tǒng)應(yīng)該始終在合理的時間內(nèi),通過適當?shù)姆绞?,告知用戶當前所處的狀態(tài),以及正在發(fā)生的事情。在使用產(chǎn)品時,用戶需知道每次交互是否成功了,而產(chǎn)品呈現(xiàn)的當前狀態(tài),能夠讓用戶感受到更強的控制感,借此可以更好的控制,并完成自己的任務(wù),而這種掌控感,能夠加深用戶對于產(chǎn)品的信任。金融產(chǎn)品,更需要有良好的反饋設(shè)計,它和金錢聯(lián)系緊密,容錯率很低,每次操作都可能引起蝴蝶效應(yīng)。而良好的反饋設(shè)計能減小用戶在使用產(chǎn)品過程中產(chǎn)生的恐慌,幫助用戶獲得信心并提升掌控感,使用戶盡快完成自己的目標。


4)提供足夠流暢的用戶引導流程

和普通 APP 相比,金融類的服務(wù)不僅要做到好用易用,更要抓住用戶的利益點,給用戶真正帶來轉(zhuǎn)化的投資策略。并在用戶疑惑的時候,提供相應(yīng)的幫助。

從傳統(tǒng)銀行線下貸款全流程中可以看出,這里有個后置性的體驗——第四步中,用戶拿到錢后才確切知道每個月的還款額,實際上這種后置性的體驗是很糟糕的,給用戶帶來不確定性和不可控感。

針對線下貸款的這種缺陷,在設(shè)計借款產(chǎn)品時,讓用戶了解清楚一切信息之后再來借款。基于這點考慮,用戶對于還款額的知曉需要前置,我們的設(shè)計方案可以是:在用戶輸入完「借款金額」和「借款期限」后,給用戶一個實時的「還款計劃表」,確切地告知用戶「還款日」和「每月還款」(每月還款金額)以及利息的計算方式,給予用戶足夠的把控感和確定感。并且當更改上述任意一個參數(shù)時,「還款計劃表」也會出現(xiàn)實時變動,幫助用戶快速找到合適的借款方案。


5)圖表展示、提供便捷工具

用戶往往不善于處理數(shù)字內(nèi)容,簡單的加減法、乘法對于很多人而言不是問題,但是一旦需要快速進行混合運算,或者涉及到更復雜的內(nèi)容時,絕大多數(shù)用戶會選擇使用計算器,甚至更專業(yè)的工具。

數(shù)據(jù)可視化如今已經(jīng)可以更好地集成到 APP 當中,擁有及時報告和分析的功能,在貸款、金融、 財務(wù)這樣的 APP 當中,合理地運用這些更易于理解的視覺信息,可以更好地幫助用戶理解和吸收內(nèi)容。


6)減少用戶腦力成本

用戶一向不喜歡復雜的東西,除了不易理解外,更擔心因自己理解錯誤帶來意外的損失,而金融產(chǎn)品的損失是和金錢息息相關(guān),更為重要。


幫助用戶減少記憶負荷、順暢完成操作目標,是每個產(chǎn)品必不可少的設(shè)計點。如微信轉(zhuǎn)賬,輸入數(shù)字時會檢測數(shù)額,減去用戶邊輸入邊計算「這是多少錢」的腦力投入。


7)保護用戶隱私

當涉及到用戶信息安全、人身隱私、行業(yè)競爭等時,隱私保護可以避免用戶遇到一些不必要的麻煩,建立起一種【為用戶安全著想】的產(chǎn)品認知。

常見的有:匿名評價、數(shù)據(jù)脫敏、身份認證信息保護等。


第三階段,情感增強連接


1)營造情感共鳴,增加品牌好感

用戶對同類群體有情感共鳴。通過傳播內(nèi)容故事化把信任心智具象呈現(xiàn),喚起用戶的情感共鳴,進而從內(nèi)心接受、信任金融投資/貸款服務(wù)。


例如:支付寶在年前白酒基金大漲的時候,基金討論區(qū)底下出現(xiàn)了各種相親、屌絲逆襲等有趣的故事,用戶紛紛留言參與,用戶在平臺自發(fā)的互動,更增加了品牌好感,從而更加信任產(chǎn)品。

 


2)秉持用戶思維,強化核心競爭力

理解用戶思維,替用戶考慮,提升用戶決策效率。用戶的決策效率可以從三方面去提升:安全性、性價比、真實性


安全性

人們面對某事物可能會帶來的傷害/損失時,都會有一種本能的“警惕感”。

金融產(chǎn)品,在設(shè)計的時候突出與權(quán)威機構(gòu)合作的詳細信息,向用戶提供基本安全保障,減少用戶的安全顧慮。

 

性價比

性價比是人們衡量「付出成本與回報價值」之間的一種決策依據(jù)。而為了讓用戶降低這種決策依據(jù),除了自我服務(wù)/實力的展示外,往往需要一種「參照物」來凸顯性價比。而「參照物」 的形式多種多樣,不管是競品數(shù)據(jù),還是各種優(yōu)惠信息、額外禮物/禮包、售后服務(wù)等等。目的都是通過該參照物,向用戶傳遞一種「劃算」、「值得」的心理效應(yīng)。

例如:一些平臺推出自己的理財產(chǎn)品的時候,會注明:與余某寶相比,年化多出XX%。

 

支付寶的「財運紅包」、京東金融「滿減券」,通過紅包抵扣,減少用戶開支,得到性價比高的基金。

 

基金轉(zhuǎn)換,為用戶思考,減少時間成本,讓用戶快速獲取收益。

 


真實性

光是性價比高還只是片面依據(jù),至于內(nèi)容是否屬實,成為了我們與用戶建立信任感中最重要的影響因素。

 

在視覺的呈現(xiàn)上向用戶直觀地展示相關(guān)的數(shù)據(jù)等,能在極短的時間內(nèi)改善用戶的認知和態(tài)度,從而建立起短暫的信任感。

 


或者通過真實投資故事,感知受益人的「現(xiàn)身說法」,營造身邊的人通過投資獲得了助力,進而整體塑造用戶對平臺服務(wù)的信任心智。

 


結(jié)語

金融產(chǎn)品的信任感設(shè)計是一件需要長期堅持的、正確且有難度的事情,它是一個循序漸進的互動過程,新生金融產(chǎn)品獲信極其艱難,基本信用值是一點一滴的日積月累,一旦失信一次,用戶就很難再信任。


通過平臺公信力及產(chǎn)品優(yōu)質(zhì)服務(wù),建立與用戶的信任連接,進而全面升級信任關(guān)系。無論是體驗設(shè)計還是視覺設(shè)計,都可以幫助企業(yè)拓展品牌和業(yè)務(wù),建立和增強用戶之間的粘性,只有重視產(chǎn)品信任感設(shè)計,做好產(chǎn)品體驗,才能為產(chǎn)品的有效轉(zhuǎn)化奠定良好的基礎(chǔ)。




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

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


文章來源:站酷   作者:有余Jack_Yuu

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

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





這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

資深UI設(shè)計者

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

相比于去年發(fā)布的 macOS 11 和 iOS 14 的 WWCD 2020,今年的 WWDC 確實是顯得變化沒有那么大,在系統(tǒng)視覺層面上,macOS 12,iOS 15,iPadOS 15,watchOS 8 似乎并沒有那么多「革命性」的改變。老實說視作為一次日常的產(chǎn)品功能迭代就好了。

不過,iOS 15 當中有不少頗為不錯的新功能,比如實況文本(Live Text),功能更強的 Spotlight,全新的 Safari 瀏覽器,全新的安全機制,等等等等,這些功能足以為用戶提供更好更安全的使用體驗,但是另外一方面,有很多功能對于設(shè)計師和開發(fā)者這邊有著巨大的影響。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

目前來看,F(xiàn)acetime 的多人通話的升級,共享當前界面和屏幕給他人的 Shareplay 很大程度是為了應(yīng)對全球疫情之下,用戶被封閉和隔離的使用場景,這些功能需要系統(tǒng)級的支持。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

而從照片中獲取文本信息的實況文本功能、超強的聚焦搜索功能,還有新的相冊自動生成回憶視頻的功能,則和蘋果自身在機器學習領(lǐng)域的挖掘息息相關(guān),對于想要在這一領(lǐng)域有所建樹的團隊,可以參考這些內(nèi)置的功能,如何用好神經(jīng)網(wǎng)絡(luò)的軟硬件,可以參考相關(guān)的開發(fā)文檔。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

關(guān)于 iOS 15 在我看來最值得聊且對于設(shè)計和運營有較大影響的部分,其實是全新的通知推送系統(tǒng),以及 「專注模式」這一功能。在整個發(fā)布會結(jié)束之后,蘋果的 HIG 頁面當中,只有一小部分的內(nèi)容隨著新系統(tǒng)的發(fā)布而隨之更新了,而這其中就包含信息推送和 「專注模式」的部分。

信息推送和當下用戶日常內(nèi)容和信息消費習慣緊密關(guān)聯(lián)。越來越多的 APP 和越發(fā)頻繁的信息推送給用戶帶來的信息壓力已經(jīng)成為一個廣泛存在的問題,一直到今天,這個問題都沒有一個足夠完美的解決方案。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

針對注意力管理的問題,iOS 15 所給出的解決方案算是一個比較折衷且比較合理的處理機制。

1、視覺優(yōu)化

在基礎(chǔ)的信息推送內(nèi)容的視覺設(shè)計上,iOS 15 針對通知欄的小卡片的排版視覺進行了優(yōu)化,放大了 APP 圖標并置于卡片的左側(cè),對于通訊類 APP 當中用戶發(fā)送的信息,則采用了用戶大頭像 + APP 小圖標 的組合形態(tài),增加信息來源的辨識度,并以這種形式更清晰地告知用戶,所收到的信息的來源,以及它的屬性。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

iOS 15 還可以根據(jù)用戶設(shè)置的時間表或者所處的模式,快速收集每天收到的的通知,構(gòu)建成為一個較大的通知摘要大卡片,而摘要的內(nèi)容呈現(xiàn)將會按優(yōu)先級進行智能排序,位于頂部的卡片相關(guān)度最高。(所以 APP 通知推送會因為這種機制開始一輪新的內(nèi)卷么?)

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

值得注意的是,新的推送摘要因為是按照優(yōu)先級排列,所以各種 APP 當中優(yōu)先級最高的通知將會被匯總到一起。

摘要信息的組織并不是借助單一算法來實現(xiàn)的,同樣的,其中用到了機器學習的功能,借助神經(jīng)網(wǎng)絡(luò)芯片來更好地對信息進行針對性的篩選,并推送給用戶,以圖更好的體驗。

2、通知管理層級的提升

在原本的 iOS 14 當中,對于單個 APP 的推送管理方式比較簡單,除了「關(guān)閉」,就只能選擇「隱式推送」,

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

在 iOS 15 當中,用戶可以針對單個 APP 的推送進行更細致的選擇和處理:

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

更多選項當中,可以選擇讓 APP 「靜音一小時」或者「今天不再推送」以避免干擾。

整個 iOS 15 的通知處理的機制都是圍繞著降低用戶信息載荷的目標來進行的,除了管理層級的細化,專注模式更是之前 iOS 14 中「勿擾模式」的全面升級。

其中,為了對推送通知進行更加細致的處理,通知功能的類型也有了更為詳細的分類,并且在 HIG 設(shè)計規(guī)范進行了更為詳細的說明。相關(guān)詳細內(nèi)容在第四節(jié)。

3、圍繞場景構(gòu)建的專注模式

「專注模式」是為了應(yīng)對信息過載的問題,并且試圖改善推送通知影響用戶注意力的情況,希望借此來幫助用戶更加專注于進行中的任務(wù)。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

系統(tǒng)基于常見的幾個使用場景,提供了「個人」「工作」「睡眠」三個場景,并且保留了之前的「勿擾」模式,單擊底部「+」號還能添加更多模式,其中還包括「駕駛」和「游戲」等不同的預(yù)設(shè)場景模式。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

除了「勿擾」模式之外,其他模式下,用戶可能會收到與這些場景相關(guān)的應(yīng)用,而用戶可以在 iOS 15 的系統(tǒng)智能推薦之下,快速增刪當前模式下可以推送通知的 APP。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

在指定模式下,用戶收到的推送通知的內(nèi)容、類別都會高度相關(guān),降低干擾性。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

同樣的,為了搭配不同的專注模式,還可以基于模式設(shè)置特定的主屏和桌面小插件,成為當前模式下的信息和管理中心,更加方便地管理當下的任務(wù),達到「專注」的目標。

而「專注模式」更為智能的一點,是系統(tǒng)會根據(jù)地理位置信息,有意識地提醒用戶是否要切換模式:

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

同時,當用戶將手機設(shè)為特定模式之后,綁定同一帳號的其他設(shè)備也會自動切換到同一專注模式之下,達到統(tǒng)一管理的目的:

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

當然,除了基于位置進行「專注模式」的切換之外,用戶可以通過右上角下拉的「控制中心」對「專注模式」進行手工的切換管理。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

4、通知系統(tǒng)規(guī)范

而無論是新的通知系統(tǒng)還是「專注模式」,在信息管理的顆粒度上都比以往更加細致,這很大程度上是基于新的推送通知的類別管理,這一部分內(nèi)容在 HIG 設(shè)計規(guī)范上已經(jīng)得到更新,并且有著非常詳細的說明。

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

下面是關(guān)于推送通知章節(jié)更新的主要部分(考慮到篇幅,對部分非關(guān)鍵內(nèi)容進行了精簡)。

https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/notifications

4.1、通知的管理

用戶希望收到他們關(guān)心的事情的通知提醒,但并不總是喜歡被打擾。為了幫助用戶管理整體體驗,需要在發(fā)送任何通知提醒之前獲得用戶的許可;系統(tǒng)允許用戶在「設(shè)置」>「通知」中更改,并調(diào)整推送提醒樣式,可以預(yù)覽,并且可以和 Siri 交互。用戶還可以在「設(shè)置」>「專注」中讓所有通知都靜音(某些地區(qū)的政府警報除外)。

相關(guān)開發(fā)人員說明,請參閱 UserNotifications

4.2、幫助用戶管理通知

在 iOS 15 及更高版本中,用戶可以通過指定專注模式時間,設(shè)置專注模式下通知推送的具體行為,而進行細粒度的管理。專注模式可幫助用戶在他們?yōu)樗?、工作、閱讀或駕駛等不同狀態(tài)下,定義這一時間段內(nèi)通知推送的具體行為。

用戶可以篩選出哪些通知或者 APP 可以在特定專注模式下,被推送給用戶。比如在工作專注模式下,用戶可能希望收到來自同事、家人以及工作相關(guān)的 APP 推送的信息,用戶可能還希望收到時效性較強的通知。

盡管專注模式下,可能會有一些通知被延遲推送給用戶,但是通知信息在收到的時候即立刻發(fā)揮作用。

4.3、通知的類型

想要定制化地推送信息,那么你需要確保你的 APP 能夠支持信息直接推送,就像電話或者短信樣的通訊通知(communication notifications),而其他類型的弱時效性的推送則使用非通訊通知(noncommunication notifications) ,而想要支持通訊通知,你需要引入 SiriKit ,這也意味著用戶可以使用 Siri 來進行自定義通知推送行為。具體的參閱INSendMessageIntentUNNotificationContentProviding。

為了更好的方便用戶針對推送通知進行管理,你需要對你的 APP 的推送通知的中斷級別進行定義,不同級別的定義決定了通知何時推送,系統(tǒng)在不同狀態(tài)下是否要推送,以及如何處理。目前,將推送通知的中斷級別劃分為4個等級:

  • 被動型通知。用戶可以在閑暇時候查看的推送通知,比如周邊餐廳推薦。
  • 活動型通知(默認狀態(tài))。用戶可能希望了解這個信息何時能夠推送,比如最喜歡的球隊的最新比分。
  • 時間敏感型通知。需要用戶立刻關(guān)注到的通知,比如賬戶安全相關(guān)的通知和快遞通知。
  • 關(guān)鍵通知。直接影響到用戶聲明安全和需要立刻得知且優(yōu)先級超高的公共通知,比如來自政府機構(gòu)的安全通知,或者醫(yī)療保健類應(yīng)用的推送。

具體的屬性還可以參考下面的表單:

這份 iOS 15 推送通知設(shè)計指南,值得設(shè)計師們仔細閱讀!

值得注意的是,這4個層級是逐漸遞進的,因為后兩種推送通知需要的優(yōu)先級較高,所以最好獲得用戶的許可。

此外,在設(shè)計通知推送系統(tǒng)的時候,還有3個關(guān)鍵的注意事項:

  • 需要對每個通知的優(yōu)先級和中斷級別進行準確的判斷,不要讓非關(guān)鍵性的通知占用專注模式下的用戶注意力,這樣才能獲得用戶的信任。錯誤的優(yōu)先級設(shè)置會導致用戶對你的 APP 產(chǎn)生不信任感。
  • 僅將與此刻緊密相關(guān)的事件信息設(shè)置為被時間敏感型通知,這樣的時效性才能對應(yīng)得上它的優(yōu)先級。具體可參閱 UNNotificationInterruptionLevel
  • 不要將營銷類信息推送設(shè)置為時間敏感型通知。

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

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



文章來源:優(yōu)設(shè)   作者:陳子木

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

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



app界面賞析+圖標分享 ——— 北京藍藍設(shè)計 移動端UI設(shè)計資源分享(二十六)

前端達人

App界面設(shè)計對于設(shè)計師而言一直是盛久不衰的話題,尤其是如今越來越多的流量轉(zhuǎn)移到了移動平臺,使得更多的UI設(shè)計師涌入移動端領(lǐng)域,甚至出現(xiàn)了市場飽和的言論,對于從事移動端的UI設(shè)計師來講,充滿壓力的同時又面臨無限機遇,唯有不斷的學習才能滋生出源源不斷的設(shè)計靈感,站穩(wěn)腳跟。

摹客想在這方面給各位設(shè)計師朋友做點什么,除了提供簡單好用的設(shè)計工具,我們也整理了非常多的優(yōu)秀設(shè)計案例,希望可以對設(shè)計師朋友有借鑒意義。這將會是一個系列的專題,我們以月為單位,整理了國內(nèi)外設(shè)計師的優(yōu)秀APP界面設(shè)計案例,我們是搬運工,更是好設(shè)計的傳達者,希望你會喜歡。

接下來為大家分享精美的app UI設(shè)計案例:


WechatIMG1950.jpegWechatIMG1951.jpegWechatIMG1952.jpegWechatIMG1953.jpegWechatIMG1954.jpegWechatIMG1955.jpegWechatIMG1956.jpegWechatIMG1964.jpegWechatIMG1963.jpegWechatIMG1962.jpegWechatIMG1961.jpegWechatIMG1960.jpegWechatIMG1959.jpegWechatIMG1957.jpegWechatIMG1965.jpegWechatIMG1966.jpegWechatIMG1967.jpeg




--手機appUI設(shè)計--



  更多精彩文章:

      手機appUI界面設(shè)計賞析(一)

       手機appUI界面設(shè)計賞析(二)

       手機appUI界面設(shè)計賞析(三)

       手機appUI界面設(shè)計賞析(四)

       手機appUI界面設(shè)計賞析(五)

       手機appUI界面設(shè)計賞析(六)

       手機appUI界面設(shè)計賞析(七)

       手機appUI界面設(shè)計賞析(八)

       手機appUI界面設(shè)計賞析(九)

        手機appUI界面設(shè)計賞析(十)

       手機appUI界面設(shè)計賞析(十一)

      手機appUI界面設(shè)計賞析(十二)

      手機appUI界面設(shè)計賞析(十三)

      手機appUI界面設(shè)計賞析(十四)

      手機appUI界面設(shè)計賞析(十五)

      手機appUI界面設(shè)計賞析(十六)

      手機appUI界面設(shè)計賞析(十七)

      手機appUI界面設(shè)計賞析(十八)

      手機appUI界面設(shè)計賞析(十九)

      手機appUI界面設(shè)計賞析(二十)

      手機appUI界面設(shè)計賞析(二十一)

     手機appUI界面設(shè)計賞析(二十二)

     手機appUI界面設(shè)計賞析(二十三)

     手機appUI界面設(shè)計賞析(二十四)

     手機appUI界面設(shè)計賞析(二十五)



app界面賞析+圖標分享 ——— 北京藍藍設(shè)計 移動端UI設(shè)計資源分享(二十五)

前端達人

App界面設(shè)計對于設(shè)計師而言一直是盛久不衰的話題,尤其是如今越來越多的流量轉(zhuǎn)移到了移動平臺,使得更多的UI設(shè)計師涌入移動端領(lǐng)域,甚至出現(xiàn)了市場飽和的言論,對于從事移動端的UI設(shè)計師來講,充滿壓力的同時又面臨無限機遇,唯有不斷的學習才能滋生出源源不斷的設(shè)計靈感,站穩(wěn)腳跟。

摹客想在這方面給各位設(shè)計師朋友做點什么,除了提供簡單好用的設(shè)計工具,我們也整理了非常多的優(yōu)秀設(shè)計案例,希望可以對設(shè)計師朋友有借鑒意義。這將會是一個系列的專題,我們以月為單位,整理了國內(nèi)外設(shè)計師的優(yōu)秀APP界面設(shè)計案例,我們是搬運工,更是好設(shè)計的傳達者,希望你會喜歡。

接下來為大家分享精美的app UI設(shè)計案例:


jhk-1622423276928.pngjhk-1622423323185.pngjhk-1622423333147.pngjhk-1622423403566.pngjhk-1622423482016.pngWechatIMG1944.jpegWechatIMG1945.pngWechatIMG1948.pngWechatIMG1947.jpegWechatIMG1946.png


--手機appUI設(shè)計--

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



  更多精彩文章:

      手機appUI界面設(shè)計賞析(一)

       手機appUI界面設(shè)計賞析(二)

       手機appUI界面設(shè)計賞析(三)

       手機appUI界面設(shè)計賞析(四)

       手機appUI界面設(shè)計賞析(五)

       手機appUI界面設(shè)計賞析(六)

       手機appUI界面設(shè)計賞析(七)

       手機appUI界面設(shè)計賞析(八)

       手機appUI界面設(shè)計賞析(九)

        手機appUI界面設(shè)計賞析(十)

       手機appUI界面設(shè)計賞析(十一)

      手機appUI界面設(shè)計賞析(十二)

      手機appUI界面設(shè)計賞析(十三)

      手機appUI界面設(shè)計賞析(十四)

      手機appUI界面設(shè)計賞析(十五)

      手機appUI界面設(shè)計賞析(十六)

      手機appUI界面設(shè)計賞析(十七)

      手機appUI界面設(shè)計賞析(十八)

      手機appUI界面設(shè)計賞析(十九)

      手機appUI界面設(shè)計賞析(二十)

      手機appUI界面設(shè)計賞析(二十一)

     手機appUI界面設(shè)計賞析(二十二)

     手機appUI界面設(shè)計賞析(二十三)

     手機appUI界面設(shè)計賞析(二十四)



即時通訊界面設(shè)計 + 有趣的包裝設(shè)計

前端達人

即時通訊界面設(shè)計 表達其物流行業(yè)的專業(yè)性和商務(wù)性,標識整體精致細膩,令人印象深刻,在界面設(shè)計時以厚重,大氣的配色方案和視覺風格提升整個品牌的含義。


WechatIMG582.jpegWechatIMG580.jpegWechatIMG579.jpegWechatIMG578.jpegWechatIMG577.jpegWechatIMG576.pngjhk-1622106840073.jpgjhk-1622106831625.jpgjhk-1622106826267.jpgjhk-1622106817765.jpgjhk-1622106812814.jpgjhk-1622106811715.jpgjhk-1622106805738.jpg



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

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


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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


如何設(shè)計視頻類產(chǎn)品?

資深UI設(shè)計者

無論是在生活場景、工作場景還是學習場景中,視頻播放的普及度都已經(jīng)非常之高,為我們的多元化場景帶來便利。視頻功能在產(chǎn)品中的體現(xiàn)也已經(jīng)成為基礎(chǔ)功能,在設(shè)計層面的不斷優(yōu)化對于產(chǎn)品設(shè)計師來說至關(guān)重要。

本文特意結(jié)合目前比較熱門的產(chǎn)品,為大家梳理了涉及到視頻功能的產(chǎn)品在設(shè)計上面的解決方案。希望這些優(yōu)秀的設(shè)計思考可以帶給產(chǎn)品設(shè)計師更多的靈感,不斷探索和發(fā)現(xiàn)優(yōu)秀的設(shè)計解決方案。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

特殊場景下的后臺播放

影視類產(chǎn)品在不斷優(yōu)化用戶體驗的時候,為了滿足用戶在一些特殊場景下的使用體驗,推出了后臺播放的附加功能。比如用戶在步行中、騎行中,或者處于不便于觀看視頻的場景中,可以采用后臺播放。視頻將會以音頻的形式后臺播放,讓用戶從視聽體驗轉(zhuǎn)為音頻體驗,也是一種變相的解決方案。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:考慮到用戶的多場景需求,而不只是底層的需求。

人性化的定時關(guān)閉設(shè)置

很多用戶在睡覺前都會習慣刷一下視頻,有時候經(jīng)常會忘記關(guān)閉視頻就入睡了,第二天起來發(fā)現(xiàn)手機沒電啦!定時關(guān)閉功能的出現(xiàn)解決了用戶這一痛點,可以根據(jù)自己入睡的大致時間評估,設(shè)置定時關(guān)閉的時間段。人性化的功能設(shè)置在細微之處考慮到了用戶痛點,圖標設(shè)計也是結(jié)合場景化表現(xiàn),提高用戶對于產(chǎn)品的操作體驗。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:幫助用戶培養(yǎng)習慣和解決用戶可能會出現(xiàn)的失誤,以情感化的方式拉近與用戶之間的親和力。

特殊人群的色覺障礙優(yōu)化

為了考慮到特殊人群的使用體驗,讓視頻播放的效果符合不同用戶的視覺感知,色覺障礙優(yōu)化的功能設(shè)置人性化的呈現(xiàn)了解決方案。該功能針對色覺障礙用戶的臨床表現(xiàn),優(yōu)化視頻色彩來提高畫面辨識度。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:考慮到特殊人群的使用體驗,才能把產(chǎn)品的體驗延伸到更多的場景。

短視頻的橫屏觀看體驗升級

隨著短視頻的盛行,利用空余時間刷視頻成為用戶消磨時間的方式之一。對于視頻上傳用戶來說,根據(jù)視頻拍攝的題材會選擇適合的比例,有些題材適合橫屏比例。

抖音作為短視頻平臺積累了龐大的用戶量,視頻的種類和播放比例也是豐富多樣。為了滿足用戶的播放需求,設(shè)計了“全屏觀看”的切換按鈕,方便用戶觀看寬屏視頻的需求。觀看體驗的升級帶給用戶人性化的體驗,也方便更多比例視頻的完美呈現(xiàn)。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:為用戶提供匹配當前內(nèi)容的方式,而不要局限在內(nèi)容創(chuàng)造本身的匹配度上。

剛剛看過的視頻快速定位

在刷短視頻的時候,刷到自己感興趣的內(nèi)容想要繼續(xù)看完續(xù)集,以往的做法是進入作者主頁挨個尋找,視頻多了找起來很慢,用戶體驗很差。短視頻平臺提供了“剛剛看過”的快速定位操作,點擊之后會直接定位到剛剛看過的視頻位置,方便用戶觀看續(xù)集。人性化的功能設(shè)置節(jié)省了用戶的操作成本,方便一些持續(xù)更新的視頻內(nèi)容更好的進行觀看體驗。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:節(jié)省用戶的時間就是提高自己的認可度,培養(yǎng)用戶的依賴度。

直觀的預(yù)覽增加點擊欲望

在觀看一些兒歌、短片視頻合集的時候,右側(cè)的視頻目錄區(qū)采用名稱和視頻截圖預(yù)覽呈現(xiàn),直觀的預(yù)覽效果增加點擊觀看的欲望。小朋友在刷兒歌視頻的時候,降低了學習成本,切換視頻也更加便利。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:降低用戶的理解成本,才能獲得用戶的青睞。

暫停播放的應(yīng)景設(shè)計

情感化的設(shè)計可以拉進與用戶之間的親和力,體現(xiàn)產(chǎn)品人性化的一面。在特定的節(jié)假日或者特殊時間內(nèi),為了增強氛圍,視頻播放暫停的設(shè)計上面設(shè)計師也投入了很多小心思。比如在跨年期間,雙擊屏幕暫停時會出現(xiàn)綻放的煙花效果和 2021 年的絢麗文字,氛圍的營造帶動了跨年的氛圍,帶給用戶更加溫馨的感官體驗。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:提高用戶體驗的設(shè)計,就存在于細微之處的變化中。

畫中畫,邊看邊瀏覽視頻

有時候我們沒有明確的觀影目標,打開一個視頻后還想繼續(xù)尋找更好的影片,又怕當前影片有看點?!爱嬛挟嫛惫δ芙鉀Q了這個痛點,觀看視頻時點擊“畫中畫”當前播放視頻縮小窗口顯示在側(cè)邊,用戶還可以繼續(xù)瀏覽新的內(nèi)容,篩選更多可能性。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:在用戶沒有明確目標的時候,帶給用戶多種選擇性。

投屏觀影雙向體驗

將影片投到電視觀看是家庭觀影的最佳選擇,讓觀影體驗不局限于方寸之間的設(shè)備上,還能與家人朋友一起觀看影片。如果家里有小孩子需要看動畫片之類的,除了投屏電視給他們觀看以外,自己還能繼續(xù)在 App 上觀看別的影片,雙向選擇提高了用戶的多場景需求體驗。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:特殊場景下不僅需要滿足用戶的需求,也要考慮用戶可能會出現(xiàn)的周邊困境。

手勢交互曝光作者更多作品

各種手勢的研究是產(chǎn)品設(shè)計師探索的方向,在刷短視頻的時候,向左滑動除了進入作者主頁以外,也有產(chǎn)品選擇曝光作者更多視頻作品。更多視頻的曝光不僅方便用戶觀看續(xù)集,還能通過更多視頻的觀看建立對作者的好感度,讓用戶充分的判斷是否需要關(guān)注作者。該交互形式給用戶提供了更多的判斷權(quán),也提高了作者更多視頻作品的曝光度。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:通過交互形式的改變給用戶帶來便利,也給作者帶來曝光度,平臺也提高了使用體驗,這是最穩(wěn)固的體驗三角形。

單手操作的手勢交互

在視頻播放中的手勢交互為用戶的操作提供了便利,短視頻中的單擊暫停/播放、雙擊點贊、長按浮層、左右滑動也有對應(yīng)的內(nèi)容變化。目前運用比較多的是單手操作的手勢,同樣的手勢在不同的產(chǎn)品中也激活不一樣的功能操作,比如影視 App 中通常是雙擊暫停/播放。作為產(chǎn)品設(shè)計師我們在交互設(shè)計的時候,手勢的變化在視頻功能中的運用可以深入探索。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:手勢交互的運用可以在原本的基礎(chǔ)上實現(xiàn)更多可能性。

短視頻 GIF 一鍵生成

在很多自媒體上大家經(jīng)常會看到很多影視片段的 GIF 動畫,不僅增加了趣味性,也間接的傳播了視頻內(nèi)容。很多視頻類產(chǎn)品為了給用戶提供自動生成短視頻和 GIF 動畫的便利,提供了一鍵生成的操作,不僅可以選擇內(nèi)容區(qū)間,還可以自由控制時間。便利的操作降低了用戶的學習成本,還增加了用戶分享的趣味性。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:幫助用戶降低在外部平臺上分享內(nèi)容的制作成本,也是提高自身內(nèi)容被分享的概率。

視頻快照分享更便利

截圖屬于手機系統(tǒng)自帶的功能,通過交互路徑操作或者設(shè)備按鍵快捷操作完成。而視頻播放器自帶的快照功能更便利,一鍵操作隨時定格畫面,還能快捷分享或者制作表情,非常的便利。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:只有把操作的時間和難度降低到臨界值,才能讓用戶逐漸形成依賴。

個性化追求的片段觀影

在觀看影片的時候,針對一些故事情節(jié)比較長的影片,我們可以選擇觀看指定角色的片段,或者選擇倍速播放等來實現(xiàn)個性化的觀影選擇。忙碌的生活讓我們少了一些觀影耐心,這也是短視頻備受喜歡的因素之一,片段的播放需求滿足了這部分用戶的需求。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:個性化的功能服務(wù)可以培養(yǎng)用戶對產(chǎn)品的忠誠度,這是形成種子用戶的關(guān)鍵。

方寸之間的分屏設(shè)計

由于移動端設(shè)備的大小限制,如何在有限的屏幕內(nèi)進行延展設(shè)計,是產(chǎn)品設(shè)計師探索的方向。分屏設(shè)計是在保持當前視頻播放的前提下將屏幕劃分為更多模塊,不影響內(nèi)容進展的情況下進行更多功能操作。

比如愛奇藝觀看視頻時的夸夸功能操作,在操作功能的同時不影響用戶的觀影體驗,增加用戶觀影時的互動性。

如何設(shè)計視頻類產(chǎn)品?我總結(jié)了這15個體驗超棒的細節(jié)!

思考:有限空間內(nèi)的更多可能性設(shè)計,是設(shè)計師不斷探索的過程,盡顯方寸之間的設(shè)計能力。

還有更多關(guān)于視頻功能在 UI 場景中的運用案例,這里僅拋磚引玉的列舉了部分設(shè)計分析,更多分析我們下期繼續(xù)。

小結(jié)

針對單一功能的體驗總結(jié),是分析和積累同一功能不同設(shè)計解決方案的形式,輔助增加設(shè)計需求中的效率發(fā)揮。產(chǎn)品體驗日記總結(jié)的不同維度帶來不同的深度思考,希望這個維度的總結(jié)起到拋磚引玉的作用,帶給大家更多的思考方向和總結(jié)思路。


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

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



文章來源:優(yōu)設(shè)   作者:黑馬青年

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

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


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yvirxh.cn

存檔