中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

頁面刷新加載中的情感化設(shè)計

2022-06-18    分類: 網(wǎng)站建設(shè)

產(chǎn)品設(shè)計應以以樂趣和愉悅為目的,而不僅僅是產(chǎn)品性能的提高。

這是諾曼在《設(shè)計心理學3:情感化設(shè)計》提出的,在《設(shè)計心理學1:日常的設(shè)計》當中諾曼一直都是提到產(chǎn)品需要有用,而不需要花里胡哨;而這個言論也被人用“如果我們按照諾曼的說法去設(shè)計,那么我們做出來的東西都是有用,可是并沒有用戶來購買”給懟了回去,所以在《設(shè)計心理學3:情感化設(shè)計》中諾曼提出了經(jīng)過三個設(shè)計層次的情感化設(shè)計。


如今,產(chǎn)品實用只是基礎(chǔ)要求,用戶早已從追求性價比改為追求高品質(zhì)了,iphone的銷量便能說明這個事實,用戶需要在使用產(chǎn)品時需要從中體驗到樂趣和愉悅。

而當用戶在使用app時,網(wǎng)絡(luò)不好時頁面的加載刷新或許是用戶最為煩躁的一個時間了,從前的八秒原則在我們這個用戶最難滿足的國家或許都已經(jīng)變成五秒原則了,所以頁面加載時頁面所呈現(xiàn)的內(nèi)容就變得重要起來。

先講個女朋友用去哪兒買票的故事

有那么一天,女朋友想要回家了,所以呢,就需要買火車票。按道理按以下流程就可以了


可問題是那一天網(wǎng)絡(luò)偏偏抽風了,在輸入地點查詢后一直停在加載頁面,就看到那只藍色駱駝一直在哪里走啊走啊,就當我以為女朋友要煩躁的時候。

她來了句:你看,這只駱駝走路好萌啊,我都不好意思生氣了。

聽完這句話的時候我才意識到這只駱駝的作用。也正是因為這個對頁面加載刷新感興趣起來。

當時的加載頁面就是下面這個樣子


由于我不知道怎么用手機截GIF圖所以這只駱駝不會動,但是情形便是這只駱駝一直在走,顯得很累的樣子,這只駱駝體現(xiàn)了用戶的心理:“我知道你很著急,但是我也很努力的在刷新”。

正是這件事情讓我明白加載刷新頁面的情感化設(shè)計有多重要。假設(shè)頁面是空白一片或者是轉(zhuǎn)菊花的情形或者這只駱駝是一臉高興愉悅的樣子,估計用戶心情早煩躁轉(zhuǎn)用其他app了。

所以頁面刷新加載不僅僅可以轉(zhuǎn)菊花loading。

那么來舉些頁面加載的栗子吧

1.bilibili

下拉:再拉,再拉就刷新給你看

松手:夠了啦,松開人家嘛(下拉至一定位置后出現(xiàn))


bilibili作為視頻網(wǎng)站的新貴,在頁面刷新情感化設(shè)計上有著獨到之處,下拉過程會出現(xiàn)app自身的logo以及兩位萌萌噠的小姐姐,松開后釋放過程中圖案會有互動。

除此以外,在獲取視頻內(nèi)容失敗時


可以看到有個小姐姐很悲傷,而這和用戶的情感是相符合的。

2.騰訊體育


標志性的運動項目,籃球運動中表示正在刷新,進球表示刷新成功。

騰訊體育的刷新動畫符合app的產(chǎn)品定位,并且增加了極大的趣味性,為此玩了三十多次來觀察細節(jié)。

3.美團

地址定位失敗時


葉子落地,人物失落,以此來表達失落感。

頁面刷新時


下拉出現(xiàn)自身的吉祥物。

4.京東閱讀



京東閱讀在發(fā)現(xiàn)table頁與今日頭條一樣都使用了書寫方式表示刷新過程,但是在原創(chuàng)這個table頁確是一片空白,個人認為應將書寫方式的icon也加載原創(chuàng)table頁,位于頁面正中間來表示刷新過程。

5.開PA

我很喜歡的一個app,我應該還會再寫一篇關(guān)于這個app的產(chǎn)品分析。

在你即將要與加入視頻時會提醒你要微笑。


當你與陌生人即將視頻時,請保持微笑,用圖片和文字去營造一個氛圍,一個使用戶微笑的氛圍。

6.加載占位圖控件


上圖所示的便是加載占位圖控件,這個概念在《web表單設(shè)計》中首次提出,這個控件是為了使得加載更加流暢,同時還可以降低用戶的煩躁感。

情感化設(shè)計是用色彩圖案文字來為用戶營造一個氛圍,使用戶可以從中體驗到愉快,而頁面加載設(shè)計中的情感化設(shè)計屬于小細節(jié),高中時期,我的班主任一直對我們說這態(tài)度決定一切,細節(jié)決定成敗?;蛟S頁面加載這個小細節(jié)不足以決定成敗,但是也足以達到取悅用戶的功能。從而降低用戶煩躁感,留下用戶。

說起細節(jié),當今最火的美劇權(quán)利的游戲的片頭曲中也有大量細節(jié)其中。最為明顯的就是絕境長城的海水開始凍結(jié)用來表示凜冬將至。

S101


S704


即使不將劇集寫出來,通過圖片也能很快猜出來哪一集是更新的,因為絕境長城的海水表示的很明顯,所以不得不承認權(quán)游片頭曲的優(yōu)秀,細節(jié)方面做的實在是好。至于我為什么要提這個栗子,是因為開頭曲就像加載頁面,所以權(quán)游在加載頁真的不愧是第一美劇。

交互設(shè)計師應該如何提醒視覺設(shè)計師頁面加載的設(shè)計?

在頁面加載頁的時候交互設(shè)計師需要標記出來,使用文字說明,這樣可以給視覺設(shè)計師一個提醒,視覺設(shè)計師便會按照提示來設(shè)計加載頁面,如下圖


這就是當用戶還未關(guān)注過別人的時候,需要一張插畫來表達用戶的寂寞,然后促使用戶前去關(guān)注別人,而文字方面(你還沒關(guān)注別人,快去關(guān)注別人吧)也可以與文案編輯相結(jié)合,bilibili的下拉刷新就很好的契合自身定位,又萌又有二次元。

看完這篇文章后你以后應該不會只想到轉(zhuǎn)菊花這個加載方式了吧~

Tips

諾曼的設(shè)計心理學很值得一看,我的學長就曾告訴我他精讀過三遍,是必讀的一套書。

文章講的那些動畫可以自己嘗試看看,很好玩的,如果有讀者會手機截這種gif或者錄頻也可以告知以下,感激不盡

做一個難滿足的用戶,這樣你可以發(fā)現(xiàn)很多可以改造設(shè)計的地方;做一個難滿足的設(shè)計師,這樣你才可以滿足那些難滿足的用戶;做一個注重細節(jié)的設(shè)計師,這樣你才可以留住那些難滿足的用戶。

本文標題:頁面刷新加載中的情感化設(shè)計
網(wǎng)址分享:http://www.rwnh.cn/news8/168758.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、云服務(wù)器、微信公眾號、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網(wǎng)站建設(shè)
南开区| 临江市| 黄龙县| 上杭县| 牡丹江市| 大荔县| 永昌县| 淳安县| 珲春市| 隆昌县| 日喀则市| 鄯善县| 榕江县| 潼南县| 郸城县| 贺兰县| 易门县| 台中县| 山西省| 永康市| 松阳县| 英吉沙县| 门头沟区| 绵阳市| 思茅市| 宁国市| 浙江省| 长子县| 乌拉特后旗| 乾安县| 安吉县| 班戈县| 泰顺县| 彰化市| 札达县| 瓮安县| 福海县| 大理市| 延安市| 准格尔旗| 航空|