首頁

jquery、js獲取table,遍歷輸出tr中各個td的內(nèi)容。

前端達人

首先,依賴jquery..

復制代碼
1 $('#btntb').click(function(){ 2 $('#tab tr').each(function(i){ // 遍歷 tr 3 $(this).children('td').each(function(j){ // 遍歷 tr 的各個 td 4 alert("第"+(i+1)+"行,第"+(j+1)+"個td的值:"+$(this).text()+"。"); 5  }); 6  }); 7 });
復制代碼

js的方法

復制代碼
var tb = document.getElementById('tab'); // table 的 id var rows = tb.rows; // 獲取表格所有行 for(var i = 0; i<rows.length; i++ ){ for(var j = 0; j<rows[i].cells.length; j++ ){ // 遍歷該行的 td alert("第"+(i+1)+"行,第"+(j+1)+"個td的值:"+rows[i].cells[j].innerHTML+"。"); // 輸出每個td的內(nèi)容  }
}
復制代碼

Html代碼

復制代碼
<div align="center"> <table id="tab" border="1" align="center"> <tr> <td>西瓜</td> <td></td> </tr> <tr> <td>芒果</td> <td>桔子</td> </tr> <tr> <td>奇異果</td> <td>葡萄</td> <td>西柚</td> </tr> </table> <br> <button id="btntb">遍歷table</button> </div>
復制代碼

 

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

文章來源:博客園

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(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è)計服務

設(shè)計師的年中總結(jié)這點事兒

seo達人


01.年中總結(jié)到底重不重要?

靜下心來仔細想想,年中總結(jié)到底重不重要?我覺得對于設(shè)計師來說非常重要的!因為通過年中總結(jié)可以更好地了解上半年的產(chǎn)出,有什么亮點。技能上是否成長,其中哪些不足,都可以在這個階段進行復盤。分析遇到的問題,解決問題并總結(jié)歸納。
 

 

02.怎么才能使內(nèi)容更出彩?

我們在總結(jié)之前,不要著急上來就寫,要先列出一個基本的框架,要進行分析,捋清邏輯。
 
首先要羅列出在這上半年做了多少個項目,想不起來可以翻一翻以前的周報,把項目進行歸類,可以分為3類:重點項目、常規(guī)項目和其他參與的項目。
 
然后就可以列出一個基本的總結(jié)框架,按照這個框架在結(jié)合自己的實際情況,就方便多了!下面是我列出的一個基本框架,可以根據(jù)自身情況進行刪減。
 

圖片

·自我介紹

這個在開講之前都會講一下,尤其在大廠,向領(lǐng)導們匯報,首先要介紹你是誰,主要負責哪個業(yè)務線,主要負責什么內(nèi)容。但是如果是小公司或者是在組內(nèi)進行匯報,那這個環(huán)節(jié)就省去了!因為領(lǐng)導和大家對你是比較熟悉的。
 

·內(nèi)容引言

可以用幾個關(guān)鍵語句來概括一下半年的工作,能給人留下深刻的印象。要以工作的核心價值為主,比如:我把這半年我在業(yè)務能力的顯著提升總結(jié)出3個關(guān)鍵點

1.品質(zhì)感的提升

2.解決問題能力的提升

3.善于思考

簡單明了,定好主題后,下面內(nèi)容都圍繞著主題去說明論證。

圖片

·重點內(nèi)容講解

很多人有一個誤區(qū),覺得總結(jié)的內(nèi)容越多越好,如果缺乏重點,也只會讓大家覺得你努力但是卻沒有成績的印象。以這個我在年中總結(jié)中摘出來的一個紅包雨小游戲項目來說:
 
1.首先要向大家介紹一下這個項目的背景,讓大家了解這個項目是干什么的,以及玩法是什么。
 

圖片

 

2.介紹此次項目中設(shè)計的亮點

沖擊力、層次豐富、光影質(zhì)感

PPT上面文字不用太多,提煉出關(guān)鍵點,簡單明了,容易被大家閱讀,在講的時候在把細節(jié)具體的展開來說,充分的介紹你的設(shè)計思路。

 

圖片

 

3.完整的界面展示

把項目的設(shè)計思路以及亮點介紹完之后,要把項目的所有的頁面都展示出來。并在PPT中用數(shù)字展現(xiàn)出來,要進行量化。

圖片

圖片

圖片

 

4.遇到問題如何解決的

那這個部分是非常重要的,因為可以展現(xiàn)出你解決問題的能力,設(shè)計師不僅僅要把界面做的美觀實用,還要在遇到問題是能給出一個解決問題的好方法,這也是設(shè)計師必須具備的能力之一。

 當時這個紅包雨的因為每一個界面都涉及動效,所以和開發(fā)溝通起來很難去描述細節(jié),最后產(chǎn)出的效果不理想的話改也是很麻煩的,所以干脆出一個demo,把想要實現(xiàn)的效果直接展示出來,這樣就什么問題都解決了!

 

03.自我反思

這是對自己半年的評價,這部分可以分成自己的優(yōu)點和缺點兩類來說,優(yōu)點可以說設(shè)計滿意度,技能是否提高,設(shè)計能力是否提高,哪方面有提高;缺點可以說還有哪里不足需要加強。

 

04. 明年規(guī)劃

經(jīng)過反思,你會了解到自身的不足,可以根據(jù)這些不足制定下半年的計劃,在明年的相同地方至少可以不走彎路,快速超車,最終到達目的地。

 

05.結(jié)語

都說干得好不如ppt寫得好,其實無論是在年中或者年底的大總結(jié)還是日常的小總結(jié),要想出彩,必然離不開平時兢兢業(yè)業(yè)的工作。但只有苦勞是遠遠不夠的,總結(jié)也是一種日常積累,我更希望我們每個人做的不僅僅是年中這種大一點的總結(jié),而是每月總結(jié),每周總結(jié),甚至每天總結(jié),曾子之所以有偉大的德行,是歸功于他的“吾日三省吾身”。如果能夠做到隔段時間就把過往工作做一次梳理,重大項目完結(jié)都做一次總結(jié),那總結(jié)匯報時必然能交上像樣的答卷。
 

 

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

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

轉(zhuǎn)載請注明:學UI網(wǎng)》設(shè)計師的年中總結(jié)這點事兒

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

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


文章來源:csdn

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(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è)計服務


設(shè)計沉思錄|設(shè)計價值難量化?掌握這套方法就夠了

seo達人


01.目標導向的來源

目標導向在我們身邊隨處可見,大到公司建立的使命、愿景、價值觀,小到公司的規(guī)劃的3年、5年的發(fā)展戰(zhàn)略,再聚焦一點便是每個季度制定的OKR。大大小小的目標形成一條路徑,使得公司上下多個人、多個團隊共同合作,為實現(xiàn)最終目標而不懈努力。

a

02.目標導向方法幫助設(shè)計師解決什么問題

作為設(shè)計師,參與的目標鏈路絕大多數(shù)處在偏下游的一環(huán)。設(shè)計師需要明確自己的價值,并且產(chǎn)出自己的價值。通常我們拿到的目標是比較宏觀的,這就需要我們不斷拆解為更小的子目標,每層目標便是上層目標的實現(xiàn)路徑。
 

圖片

目標導向的設(shè)計方法能幫助設(shè)計師在整個系統(tǒng)中梳理清楚我們要承接的上層目標是什么,也就是設(shè)計職能對業(yè)務的價值,幫助我們了解工作要求是什么,設(shè)計需要達到什么樣的標準,向下拆解我們能產(chǎn)出怎樣的策略。

a

03.目標導向的設(shè)計分析方法

第一步:明確設(shè)計目標

1.首先要了解什么是清晰的目標。清晰的目標由2個部分構(gòu)成,一部分是預期結(jié)果,另一部分是現(xiàn)狀,其中必然存在一定的落差。那么這個落差便是我們要解決的問題和要完成的任務,所以一個清晰的目標需要包括預期和現(xiàn)狀。

圖片

2.符合Smart原則:具體的、可衡量的、可實現(xiàn)的、相關(guān)的、有截止期限的。

制定的目標不能含糊,能否達成一定是可以被證實的,不能不切實際。除此以外,制定的目標需要和其他的目標有所關(guān)聯(lián),在準確的截止日期完成。
 

圖片

3.明確我們的設(shè)計目標需要從項目目標切入,通過不斷向上追問,補全業(yè)務的背景和目標。同時基于業(yè)務目標,拆解出設(shè)計目標,并且為設(shè)計目標找到可衡量的指標。

圖片

第二步:拆解目標的兩大步驟

通常人類有兩種思考方式:直覺思維和結(jié)構(gòu)思維。直覺思維大多是在極短的時間內(nèi)大腦做出的判斷,想到的方案大概率是不完整的。結(jié)構(gòu)思維是經(jīng)過系統(tǒng)分析后作出結(jié)論,對大的目標拆解成要素,最后形成一個影響目標的結(jié)構(gòu)圖。通過補全所有的視角,從中找到最后那幾條或者一條關(guān)鍵的解決方案。帶入這樣的思考方式,我們?nèi)绾螌δ繕诉M行拆解呢?
 

1.找拆解維度:

麥肯錫 6W3H方法:

what\where\which\when\why\how\how much\how many

通常解決一個問題,要從提出一個好的提問開始,提的問題就是切入的角度。6W3H中問到最多的是“Why”,往往也是最核心所在。通過不斷的提問,打開的視角越廣,認知才能越廣。 

圖片

 

2.系統(tǒng)拆解:

找好拆解維度,怎么判斷是不是一個好的拆解呢?可以看它是否符合Mece原則:同一維度,不重不漏。它是麥肯錫的第一個女咨詢顧問巴巴拉·明托在《金字塔原理》中提出的一個很重要的原則:各部分之間相互獨立 ,所有部分完全窮盡。

圖片

常見的拆解模型有以下5種:

A.二分法:把信息拆解成A和非A兩個部分。

B.過程法:按照事情發(fā)展的時間、流程、程序,對信息進行逐一的拆解。

C.要素法:可以是從上到下,從外到內(nèi),從整體到局部進行拆解。

D.公式法:按照固定公式設(shè)計的要素去拆解,比如CTR、GMV等計算公式。

E.矩陣法:根據(jù)重要緊急程度構(gòu)建價值矩陣對應四個象限:重要緊急、重要不緊急、不重要但緊急、不重要也不緊急。

圖片

同時,在目標拆解中也有一些小技巧:

A.要夠多:對一個拆解維度的拆解方式越多,找到關(guān)鍵因素的概率越高;

B.要夠細:在逐層拆解的過程中,需要不斷檢查最細要素是否已無法再進行拆解;

C.要夠準:拆解時,要檢查是否可以推導出具有指導意義的結(jié)論。

第三步:定位重點

定位重點,可以分為2個維度構(gòu)建價值矩陣:

1.重要程度:看如何構(gòu)成目標;

2.提升空間:看橫向?qū)Ρ?,看時間變化。 

圖片

第四步:挖掘策略

通常情況下,在前面步驟做到足夠充分的時候,對應的解決策略也會相應成型。挖掘解決策略同樣也有4大步驟。

1.明確研究內(nèi)容:依舊采用6W3H的方法,進一步細分明確要研究的內(nèi)容;

2.選擇研究方法:桌面研究、數(shù)據(jù)分析、用戶研究、競品分析等;

3.提取研究結(jié)論:通過以上方法研究得出的結(jié)論可能會有相同與不同之處,對最終的信息進行分析及整理,得出最終的研究結(jié)論;

4.提煉策略:基于研究結(jié)論,提煉出相應的解決策略。

圖片

a

結(jié)語:

以目標導向的設(shè)計方法可以有效地幫助設(shè)計師通過對目標的逐層拆解,從宏觀看到微觀,從模糊到清晰,從方向轉(zhuǎn)變?yōu)閯幼?。在此過程中了解設(shè)計職能在整個產(chǎn)業(yè)鏈條中起到什么作用,幫助設(shè)計師們在可發(fā)揮的空間內(nèi)大展拳腳,實現(xiàn)價值最大化。
 

推薦閱讀:

《麥肯錫問題分析與解決技巧》

《麥肯錫教我的思考武器:從邏輯思考到真正解決問題》

《金字塔原理》


文地址: 58UXD(公眾號)

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

轉(zhuǎn)載請注明:學UI網(wǎng)》設(shè)計沉思錄|設(shè)計價值難量化?掌握這套方法就夠了

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

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


文章來源:csdn

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(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è)計服務

防呆設(shè)計——10個防錯的通用設(shè)計原則

資深UI設(shè)計者

防呆(日語:ポカヨケ poka yoke),是一種預防矯正的行為約束手段,運用防止錯誤發(fā)生的限制方法,讓操作者不需要花費注意力、也不需要經(jīng)驗與專業(yè)知識,憑借直覺即可準確無誤地完成的操作。

而說到防呆設(shè)計,在各行各業(yè)都應用得非常廣泛。為了避免用戶在使用產(chǎn)品時不小心犯錯,產(chǎn)品在設(shè)計時都會加入“防呆設(shè)計”。防呆設(shè)計,就是通過設(shè)計的方法來實現(xiàn)防呆,來幫助盡可能多的人進行“無腦操作”的方法。當然,防呆設(shè)計如果做得不好,就變成了招呆設(shè)計。

今天老王就跟大家來分享一下,在UI界面的設(shè)計中10種防呆設(shè)計原則。


1.阻斷性原則




2.保險性原則



3.自動原則



4.相符原則


5.順序原則



6.隱私原 



7.重復原則



8.提示原則



9.錯誤提示



10. 緩和原則


如果你細心觀察你的四周,就會發(fā)現(xiàn)生活中很多細節(jié)都運用到了防呆設(shè)計。今天跟大家分享的這10種防呆設(shè)計的原則其實更是一種方法總結(jié),具體如何運用還需要大家?guī)氲綄崙?zhàn)中多多練習,在產(chǎn)品遇到錯誤時,想想該用哪種方式解決。


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

文章來源:站酷    作者:micu設(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è)計服務


興趣電商,是新機遇還是偽概念?

資深UI設(shè)計者

編輯導語:如今,電商的發(fā)展如火如荼,我們的生活已經(jīng)離不開電商平臺。隨之帶來的是豐富多樣的選擇,消費者可選擇的種類更多了。但消費者的需求也在發(fā)生著變化,興趣電商的機會也來了。如何在興趣電商中拔得頭籌,脫穎而出?我們一起來看看吧。

作者 | 周曉奇

編輯 | 子夜

來源 | 連線Insight(ID:lxinsight)

“過度豐富的商品對于消費者來說,或許是一種恩賜,或許是一種詛咒?!痹凇镀奉悮⑹帧芬粫校绹闶蹣I(yè)研究專家羅伯特·斯佩克特提到。

經(jīng)過十幾年的蓬勃發(fā)展,電商生態(tài)已經(jīng)足夠豐富,如今人們足不出戶就可以購買到市面上絕大部分商品。

但電商在豐富消費者物質(zhì)生活的同時,也出現(xiàn)了商品過度豐富、信息過剩,用戶反而會因此感到疲倦,貨比三家也頗費精力。

這也讓“推薦商品”成了新的商機。從社交電商,到目前依靠內(nèi)容吸引用戶購買行為的電商生態(tài),都是“貨找人”的場景。

據(jù)招商證券發(fā)布的《直播電商三國殺》報告顯示,從2015年開始,以短視頻、直播為主要載體,依托優(yōu)質(zhì)內(nèi)容激發(fā)消費者興趣的電商生態(tài),在國內(nèi)突然興起,并呈現(xiàn)爆發(fā)式發(fā)展。

圖源招商證券報告

今年2月,中國互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的第47次《中國互聯(lián)網(wǎng)絡(luò)發(fā)展狀況統(tǒng)計報告》,其中數(shù)據(jù)顯示,在電商直播中購買過商品的用戶已經(jīng)占到整體電商直播用戶的66.2%,其中17.8%用戶的電商直播消費金額占其所有網(wǎng)上購物消費額的三成以上。

通過短視頻、直播,用戶發(fā)現(xiàn)并了解了商品,而優(yōu)質(zhì)的內(nèi)容則激發(fā)了用戶潛在的消費需求。

這種電商生態(tài),用興趣電商表述更為準確。

不過,頗受爭議的是,在國內(nèi)電商生態(tài)如此繁榮的環(huán)境下,興趣電商是涌現(xiàn)的新機遇,還是偽概念?

商家、品牌商們已經(jīng)在用腳投票,越來越多的品牌正在組建獨立的興趣電商團隊。

據(jù)連線Insight不完全統(tǒng)計,美的、珀萊雅等品牌都在內(nèi)部搭建了專門的直播團隊,三只松鼠有十余人的直播運營團隊,良品鋪子甚至還專門為抖音電商渠道單獨注冊了一家公司。

在技術(shù)的不斷突破下,電商生態(tài)也隨之風云變幻,而興趣電商的出現(xiàn),或?qū)⒊蔀楫斍岸桃曨l平臺在電商領(lǐng)域突圍的關(guān)鍵。

一、用戶消費習慣變了,電商的新機會是什么?

時代浪潮滾滾向前,電商世界也隨著用戶習慣的變化而風云變幻。

在最早期,人們希望買到自己需要的東西,搜索式電商滿足了這一階段的用戶需求,解決了購物渠道和價格信息不對稱的問題。

搜索電商時代解決了“人找貨”的問題,而社交電商時代很快進入了“貨找人”的階段。

在新的階段,出現(xiàn)了借助社交流量激活的電商生態(tài)。在社交電商中,人的價值開始發(fā)揮重要作用,通過用戶與用戶建立聯(lián)系,進而推薦商品,極大地提升了用戶對不熟悉商品的信任感。

更關(guān)鍵的是,在社交電商生態(tài)中,產(chǎn)生第一次交易后,真正的裂變才剛剛開始。通過社群或個體聯(lián)系,社交電商可以覆蓋單個用戶所有生活必需品。

由此,專業(yè)的社交電商玩家陸續(xù)誕生,開始有了與傳統(tǒng)電商分庭抗禮的實力。

可見,跟隨用戶消費習慣的變遷,在不同階段都會誕生不同的電商模式。

那么目前,用戶出現(xiàn)了什么新的消費習慣?電商領(lǐng)域還有什么新趨勢?

通過觀察用戶可支配收入、規(guī)模,以及日常高頻使用的軟件,或許能夠看到正在誕生的新機會。

如今,隨著全國居民人均可支配收入的連年增長,人們的消費習慣在不斷發(fā)生改變。

據(jù)國家統(tǒng)計局數(shù)據(jù)顯示,2020年,全國居民人均可支配收入為32189元,比上年名義增長4.7%,扣除價格因素,實際增長2.1%。其中,城鎮(zhèn)居民人均可支配收入43834元,增長3.5%,扣除價格因素,實際增長1.2%;農(nóng)村居民人均可支配收入17131元,增長6.9%,扣除價格因素,實際增長3.8%。

與電商剛崛起的時代不同,如今網(wǎng)購已演變?yōu)橐环N基礎(chǔ)消費形式,成為大多數(shù)用戶日常生活的基礎(chǔ)組成部分,而此時大部分用戶已經(jīng)跨越了生存需求階段,越來越愿意為自己的興趣付費。

抖音電商總裁康澤宇提到,當前用戶的消費結(jié)構(gòu)發(fā)生了升級,早期大眾消費時代,消費者需要什么買什么,現(xiàn)在消費者生活富裕了,出現(xiàn)了很多精品店、Shopping Mall,消費者逛街過程中,沒有什么特別明確的需求,只是看到什么喜歡買什么。

據(jù)中國網(wǎng)絡(luò)視聽節(jié)目服務協(xié)會發(fā)布的《2020年中國網(wǎng)絡(luò)視聽發(fā)展研究報告》(以下簡稱網(wǎng)絡(luò)視聽報告)顯示,我國短視頻用戶規(guī)模已經(jīng)達8.18億,占網(wǎng)民整體的87.0%,其中,抖音穩(wěn)居行業(yè)第一梯隊。

在報告進行的專項調(diào)查結(jié)果中,其中46.9%的用戶每天看綜合視頻的時間在1-2小時,對于短視頻而言,這一數(shù)字為34.8%;此外,有16.1%的用戶每天收看綜合視頻的時長在2小時以上,對于短視頻而言,這一數(shù)字為18.2%。

從各項維度來看,短視頻已經(jīng)成長為互聯(lián)網(wǎng)行業(yè)第一大用戶時長、流量和內(nèi)容的聚集地。

這意味著,很多用戶的喜好在短視頻這個巨大的內(nèi)容平臺上展示,他們對感興趣的內(nèi)容點贊和評論。

根據(jù)用戶喜愛的內(nèi)容,發(fā)現(xiàn)用戶的潛在需求,給他們推薦他們感興趣的商品,這是興趣電商最大的特點。

但要做好這件事并不容易,當消費者的需求不明確的時候,商家要怎么幫助用戶發(fā)現(xiàn)潛在需求?平臺又怎么幫助商家將商品推薦給感興趣的人?

二、興趣電商,重在興趣

興趣電商,真的能帶來成交嗎?

興趣電商對應的消費特征是,用戶存在潛在的消費需求,但并不知道真正契合自己需求的是什么商品,或者說,在海量的商品信息、層出不窮的新科技新產(chǎn)品面前,消費者不知道自己的興趣和需求究竟應該以怎樣的產(chǎn)品形態(tài)出現(xiàn)。

而在用戶觀看短視頻或直播的過程中,豐富而生動的內(nèi)容會激發(fā)出用戶潛在的消費需求,從而轉(zhuǎn)化為商品訂單。

在招商證券的《直播電商三國殺》報告中提到,直播帶貨能夠帶動觀看用戶的消費欲望:超過60%的用戶表示直播帶貨能夠非常大或者比較大地引起消費欲望。

抖音創(chuàng)作者馬玲敏最先感覺到了這一趨勢。三年前,馬玲敏只是在朋友中最先玩抖音,平常拍攝的也都是自己上下班的日常,而在一次無意中,她拍攝了一條云南特色美食”油炸玫瑰花”的視頻,這讓其一夜?jié)q粉五萬。

當?shù)亓曇詾槌5氖澄锱c鄉(xiāng)貨,在外界看來卻是新鮮事、新鮮好物。馬玲敏捕捉到這種變化后,開始通過短視頻和直播,將更多云南的特色鄉(xiāng)貨傳播給更多地方。

2020年,馬玲敏與團隊小伙伴,走了上萬公里路,探訪了30多個云南村莊,在傳播云南特色鄉(xiāng)貨的同時,也賣出了2.5萬件當?shù)靥厣朗?,年銷售額達到123萬元。

馬玲敏的案例,正展現(xiàn)出興趣電商的獨特性與商業(yè)價值。如果沒有抖音短視頻和直播,馬玲敏或許還是一個幼兒園老師,而沒有她的傳播,全國各地的用戶也不會知道眾多云南特色鄉(xiāng)貨。

通過短視頻和直播,貨找人的路徑得以實現(xiàn),而依托優(yōu)質(zhì)的內(nèi)容,才是真正推進興趣電商誕生并發(fā)展壯大的重要因素。

更多的創(chuàng)作者,正在短視頻平臺上輸出著優(yōu)質(zhì)的內(nèi)容,而這些內(nèi)容,都蘊藏著商機。

只要在工作室內(nèi),陳凱拿起一把錘子,就能敲敲打打一整天,但他不是修理工,而是一位中國傳統(tǒng)甲胄愛好者。

傳統(tǒng)甲胄,圖源抖音賬號殿前司-胖虎

作為中國鎧甲愛好者社團“殿前司”的發(fā)起人之一,2018年,陳凱注冊了抖音賬號,開始通過短視頻的形式,讓那些曾經(jīng)只存在于壁畫上、書籍里的傳統(tǒng)鎧甲“活了起來”。

在他的短視頻中,包含了從傳統(tǒng)甲胄的整體展示,到制作過程、盔甲相關(guān)的歷史文化知識。

在現(xiàn)代追求高科技、新技術(shù)的潮流下,陳凱為喜愛甲胄的玩家,開辟了一個小小的天地,而網(wǎng)友在陳凱的短視頻和直播當中,也找到了自己對傳統(tǒng)甲胄的熱情,成為了資深愛好者,積極地消費、傳播著相關(guān)工藝作品和文化。

據(jù)連線Insight了解,如今在抖音上,手藝人的比例越來越多。原本,這些手藝人制作的工藝品無人問津,而通過抖音等短視頻平臺,這些手藝人甚至實現(xiàn)了年入百萬。

追根溯源,這些手藝人能夠崛起的關(guān)鍵原因之一是,他們越來越習慣并擅長使用短視頻渠道。

相比圖文內(nèi)容,豐富的視頻內(nèi)容更為通俗易懂,理解短視頻內(nèi)容的門檻也就更低,由此吸引并帶來了更多元化的用戶群體。

據(jù)網(wǎng)絡(luò)視聽報告顯示,截至2020年6月,我國網(wǎng)民較2020年3月新增3625萬。新增網(wǎng)民中,15.2%的人第一次上網(wǎng)時使用的是短視頻應用,此外,新網(wǎng)民對短視頻使用率為77.2%,較2018年底增長10個百分點以上。

對手藝人而言,他們創(chuàng)作的內(nèi)容天然具有稀缺的趣味性,而這種趣味性內(nèi)容一旦匹配到相關(guān)愛好者,就有了商業(yè)變現(xiàn)的可能。

可以說,短視頻和直播帶貨,將商品展示變得更加生動、直觀,而這也是推動興趣電商興起的時代背景。

根據(jù)第三方測算,興趣電商的GMV到2023年大概會超過9.5萬億,整個電商行業(yè)會有越來越多的參與者轉(zhuǎn)向興趣電商。

三、風口漸起,誰能突圍成功?

興趣電商的想象空間很大,但想吃到這塊蛋糕得有真實力。

需要比拼的要點,包括了平臺創(chuàng)作者的數(shù)量、用戶數(shù)量、內(nèi)容的豐富和優(yōu)質(zhì)程度、推薦分發(fā)技術(shù)。

只有這些都具備了,才能同時服務好用戶和商家,在激烈的電商競爭中實現(xiàn)突圍。

對于商家而言,興趣電商的崛起,意味著更嚴峻的考驗,其不僅需要挑選出符合用戶興趣的商品,還要通過豐富的內(nèi)容來展現(xiàn)該商品的趣味性,但這也意味著有更多發(fā)展與崛起的機會。

首先最直觀的,就是獲得新客。

在流量普遍高昂的情況下,商家獲客的成本居高不下,興趣電商顯然是一個值得嘗試的渠道。

據(jù)康澤宇透露,抖音平臺的商家反饋,抖音電商85%的消費者都是新客,這意味著越來越多的消費者,開始涌入興趣電商生態(tài)。

當前,據(jù)抖音官方數(shù)據(jù)顯示,截至2020年8月,包含抖音火山版在內(nèi),抖音的日活躍用戶數(shù)已經(jīng)超過6億。

在這個用戶數(shù)量的基礎(chǔ)上,只要結(jié)構(gòu)合理、運行得當,其未來發(fā)展空間足夠廣闊。

加華資本創(chuàng)始合伙人宋向前曾提到,現(xiàn)在年輕人受到非常好的教育,他們的視野更廣闊,而且作為數(shù)字經(jīng)濟原住民,這一代年輕人掌握了很多信息,填補了信息差距。

龐大的年輕群體,也有更高的消費力。

據(jù)第一財經(jīng)商業(yè)數(shù)據(jù)中心發(fā)布的《2020Z世代消費態(tài)度洞察報告》顯示,在中國,Z時代的開支達4萬億人民幣,占全國家庭總開支的13%,同時Z時代人群更愿意為自己的多元興趣而買單。

Z時代消費規(guī)模,圖源2020Z世代消費態(tài)度洞察報告

可見,在不久的將來,隨著Z時代逐漸成為社會重要支柱,更有趣、精準,內(nèi)容質(zhì)量更好的興趣電商,可能將改變整個電商產(chǎn)業(yè)以及重塑其中各個環(huán)節(jié)。

但如今,國內(nèi)興趣電商市場還在發(fā)展初期,與傳統(tǒng)電商生態(tài)依舊有很大差距,同時興趣電商要想避免僅停留在概念層面,平臺應該有耐心、有遠見,重視治理、重視質(zhì)量,重視單純的GMV數(shù)字之外更切實的用戶體驗,如此才能讓興趣電商真正成為增長引擎。

更為重要的是,作為電商生態(tài)中的新勢力,興趣電商不僅需要保證商品的內(nèi)容有趣,更需要確保商品質(zhì)量,保障每個消費者的購物體驗。

看起來質(zhì)量好,拿到手的產(chǎn)品不低于預期,這才能真正讓感興趣的用戶,沉淀為忠誠粉絲。

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

文章來源:人人都是產(chǎn)品經(jī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è)計服務



jq 變量轉(zhuǎn)字符串_JS中將一個值轉(zhuǎn)換為字符串的3種方法

前端達人

1.value.toString()

2."" + value

3.String(value)

第一種方法存在的問題是,它不能把null和undefined轉(zhuǎn)換為字符串.還有第二種和第三種方法,這兩種方法的效果基本一樣.

""+value: 使用加法運算符配合一個空字符串可以把任意值轉(zhuǎn)換為字符串,我覺得這種方法代碼的可讀性很差,但相對String(value)來,還是有一些人更喜歡用這種轉(zhuǎn)換方式.

String(value): 這種方法可讀性更好,唯一的問題是,這種函數(shù)調(diào)用可能會迷惑一些人,尤其是那些熟悉Java的程序員,因為String同時也是一個構(gòu)造函數(shù).要注意的是它作為普通函數(shù)和作為構(gòu)造函數(shù)時的表現(xiàn)完全不同

其他:

a. 要把一個數(shù)字轉(zhuǎn)換為字符串,只要給它添加一個空的字符串即可:

var n = 100;

var n_as_string = n + "";

b. 要讓數(shù)字更加顯式地轉(zhuǎn)換為字符串,可以使用String()函數(shù):

var string_value = String(number);

c. 使用toString()方法:

string_value = number.toString();

Number對象的(基本的數(shù)字轉(zhuǎn)換為Number對象,以便可以調(diào)用這個方法)toString()方法有一個可選的參數(shù),該參數(shù)用來指定轉(zhuǎn)換的基數(shù)。如果不指定這個參數(shù),轉(zhuǎn)換會以10為基數(shù)進行。然而,也可以按照其他的基數(shù)(2到36之間的數(shù))來轉(zhuǎn)換數(shù)字。

var n = 17;

binary_string = n.toString(2); // Evaluates to "10001"

octal_string = "0" + n.toString(8); // Evaluates to "021"

hex_string = "0x" + n.toString(16); // Evaluates to "0x11"

d. toFixed()方法把一個數(shù)字轉(zhuǎn)換為字符串,并且顯示小數(shù)點后的指定的位數(shù)。它不使用指數(shù)表示法。

var n = 123456.789;

n.toFixed(0); // "123457"

n.toFixed(1); // "123456.8"

e. toExponential()使用指數(shù)表示法把一個數(shù)字轉(zhuǎn)換為字符串,小數(shù)點前面有1位數(shù),而小數(shù)點后面有特定的位數(shù)。

var n = 123456.789;

n.toExponential(1); // "1.2e+5"

n.toExponential(3); // "1.235e+5"

f. toPrecision()使用指定的有意義的位數(shù)來顯示一個數(shù)字,如果有意義的位數(shù)還不夠顯示數(shù)字的整個整數(shù)部分,它就使用指數(shù)表示法。

var n = 123456.789;

n.toPrecision(4); // "1.235e+5"

n.toPrecision(7); // "123456.8"




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

文章來源:博客園

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(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è)計服務

jquery遍歷table的tr獲取td的值

前端達人

html代碼:

復制代碼
 1 <tbody id="history_income_list">  2 <tr>  3 <td align="center"><input type="text" class="input-s input-w input-hs"></td>  4 <td align="center"><input type="text" class="input-s input-w input-hs"></td>  5 <td align="center"><input type="text" class="input-s input-w input-hs"></td>  6 <td align="center"><a class="" onclick="history_income_del(this);" href="###">刪除</a></td>  7 </tr>  8 <tr>  9 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 10 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 11 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 12 <td align="center"><a class="" href="###">刪除</a></td> 13 </tr> 14 <tr> 15 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 16 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 17 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 18 <td align="center"><a class="" href="###">刪除</a></td> 19 </tr> 20 </tbody> 21 
復制代碼

 


方法一:

復制代碼
var trList = $("#history_income_list").children("tr") for (var i=0;i<trList.length;i++) { var tdArr = trList.eq(i).find("td"); var history_income_type = tdArr.eq(0).find('input').val();//收入類別 var history_income_money = tdArr.eq(1).find('input').val();//收入金額 var history_income_remark = tdArr.eq(2).find('input').val();// 備注  alert(history_income_type);
        alert(history_income_money);
        alert(history_income_remark);
    }
復制代碼

方法二:

復制代碼
$("#history_income_list").find("tr").each(function(){ var tdArr = $(this).children(); var history_income_type = tdArr.eq(0).find('input').val();//收入類別 var history_income_money = tdArr.eq(1).find('input').val();//收入金額 var history_income_remark = tdArr.eq(2).find('input').val();// 備注  alert(history_income_type);
        alert(history_income_money);
        alert(history_income_remark);

    });
復制代碼

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

文章來源:博客園

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(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è)計服務

jquery中checkbox反復沒反應問題解決辦法

前端達人

jquery1.9以后,checkbox的選中用attr就有問題,第一次能選中,第二次選不中,要換成prop來設(shè)置屬性。

1,問題重現(xiàn)

 代碼如下 復制代碼

<html>
<body>
    <input type="checkbox" name="items" value="test" id='test' />test

    <button class='selected'>選中</button>
    <button class='unselected'>不選中</button>
</body>

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $('.selected').click(function(){
        $('#test').attr('checked','checked');
    });
    $('.unselected').click(function(){
        $('#test').removeAttr('checked');
    });
});
</script>
</html>

在這里有一點要注意,第一次選中后,用開發(fā)者工具,可以看到,checkbox有checked='checked'屬性,第二次,點了,但是選不中,還是有checked='checked'

2,解決辦法

 代碼如下 復制代碼

<script type="text/javascript">
$(function(){
    $('.selected').click(function(){
        $('#test').prop('checked',true);
    });
    $('.unselected').click(function(){
        $('#test').prop('checked',false);
    });
});
</script>


轉(zhuǎn)載于:https://my.oschina.net/china008/blog/407350




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

文章來源:博客園

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(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è)計服務

怎么使用jquery判斷一個元素是否含有一個指定的類(class)

前端達人

jQuery中可以使用2種方法來判斷一個元素是否包含一個確定的類(class)。兩種方法有著相同的功能。2種方法如下:(個人喜歡用hasClass())

1.           hasClass(‘classname’)

2.           is(‘.classname’)

以下是一個div元素是否包含一個redColor的例子:

1. 使用is(‘.classname’)的方法

$('div').is('.redColor')

2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))

$('div').hasClass('redColor')

以下是檢測一個元素是否含有一個redColor類的例子,含有時,則把其類變?yōu)閎lueColor。

<html>
<head>
<styletype="text/css">
  .redColor { 
        background:red;
  }
  .blueColor { 
        background:blue;
  }
</style>
<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>
</head>
<body>
  <h1>jQuery check if an element has a certain class</h1>
 
  <divclass="redColor">This is a div tag with class name of "redColor"</div>
 
  <p>
  <buttonid="isTest">is('.redColor')</button>
  <buttonid="hasClassTest">hasClass('.redColor')</button>
  <buttonid="reset">reset</button>
  </p>
<scripttype="text/javascript">
 
    $("#isTest").click(function () {
 
          if($('div').is('.redColor')){
                $('div').addClass('blueColor');
          }
 
    });
 
    $("#hasClassTest").click(function () {
 
          if($('div').hasClass('redColor')){
                $('div').addClass('blueColor');
          }
 
    });
 
        $("#reset").click(function () {
          location.reload();
    });
 
 
</script>
</body>
</html>

 初始效果:

點擊is('.redColor')后的效果:

點擊hasClass('redColor')的效果與點擊is('.redColor')后的效果相同,點擊reset的效果與初始效果相同。




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

文章來源:博客園

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(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è)計服務

用戶體驗設(shè)計法則應該怎么用?來看看這些應用原理!

seo達人

 

1、菲茨定

圖片

選中目標所需時間與移動距離長短和目標面積大小有關(guān)。(與距離負相關(guān),與面積正相關(guān))

 

現(xiàn)實中的應

圖片

在商場中尋找洗手間取決于標志的大小及步行的距離。為了滿足這兩個標準,標志設(shè)計得更大、更容易接近。

 

設(shè)計應用

圖片

▲ 左側(cè)頁面的CTA按鈕很小,沒有突出顯示,與表單的其他元素基本上沒有區(qū)分;右側(cè)頁面CTA按鈕尺寸很大,能讓用戶清晰識別。

 

2、??硕?/strong>

圖片

決策所需要花費的時間隨著選擇的數(shù)量和復雜性增加而增加。

 

現(xiàn)實中的應

圖片

與餐廳相比,快餐店的菜單選項有限。因此顧客點餐速度更快,門店提供的服務也更快。

 

設(shè)計應用

圖片

▲ 在Whatsapp上轉(zhuǎn)發(fā)消息時,會在“最近聊天”列表上方看到“經(jīng)常聯(lián)系”的3個好友。這對用戶來說是一種簡單的交互,幫助用戶節(jié)省操作時間。

 

3、共域定律

圖片

被一個顯而易見的邊框包圍起來的多個元素,被視為一個群組。(從屬于格式塔理論)

 

現(xiàn)實中的應用

圖片

在服裝店中,衣服按照類型被分到不同的架子上來展示,即使對這家服裝店一無所知,顧客也會將一個貨架內(nèi)的商品關(guān)聯(lián)成相似的東西。

 

設(shè)計應用

圖片

▲ 過濾器被封閉在產(chǎn)品頁面之外的單獨區(qū)域中,因此可以清楚地識別左右兩部分的差異。

 

4、雅各布定律

圖片

用戶將大部分時間花在別人家的網(wǎng)站(產(chǎn)品)上,而不是你的。這意味著他們希望你的網(wǎng)站(產(chǎn)品)跟別人的有相同的使用方式。

 

現(xiàn)實中的應用

圖片

假設(shè)家中的陽臺是一扇推拉門,我們可能希望酒店的陽臺門也以同樣的方式操作。因此如果酒店有一個滑動門,我們可能會下意識地先去推門。

 

設(shè)計應用

圖片

▲ 以上是國外知名的電商網(wǎng)站導航欄設(shè)計,這幾個網(wǎng)站導航欄中顯示的信息及其結(jié)構(gòu)都非常相似:左側(cè)是品牌標志,中間為搜索欄,右側(cè)為其他選項(購物車/個人賬戶)。

 

5、系列位置效應

圖片

用戶更容易記住系列中出現(xiàn)的第一項(首因效應)和最后一項(近因效應)。

 

現(xiàn)實中的應用

圖片

我們通常更容易記住某個電話號碼的前4位或后3位,這條法則也是銀行卡號被分成4組數(shù)字的原因。

 

設(shè)計應用

圖片

▲ 在亞馬遜主頁上,網(wǎng)站的第一部分總是顯示最重要的內(nèi)容:導航包含logo、搜索和其他重要功能;輪播圖通過圖形設(shè)計吸引用戶的目光,引導新的交易或優(yōu)惠。

 

6、馮·雷斯托夫效應

圖片

又稱隔離效應。當存在多個相似物體時,與眾不同的物體最容易被記住。

 

現(xiàn)實中的應用

圖片

在商場購物時,相較于普通裝飾的門店,我們更有可能記住或?qū)⒆⒁饬D(zhuǎn)移到具有霓虹燈效果的門店上。

 

設(shè)計應用

圖片

▲ App上有新消息時,會在圖標上用紅點顯示,這樣的提示更清晰和突出,從而吸引用戶的注意力,引導用戶點擊并查看消息。

 

7、審美可用性效應

圖片

用戶通常認為漂亮的設(shè)計更易用。

 

現(xiàn)實中的應用

圖片

當參觀汽車展廳時,我們通常會對汽車精美的展示感到驚嘆,并立即對這個品牌產(chǎn)生積極的印象。

 

設(shè)計應用

圖片

▲ 在愛彼迎上,我們住在陌生人的房子里,因此建立雙方的信任是必要的。當訪問像愛彼迎這樣干凈簡潔的網(wǎng)站時,我們會下意識地信任這個產(chǎn)品,也確保了用戶對品牌的信任。

 

8、峰終定律

圖片

人們評論體驗優(yōu)劣,大多基于峰值和結(jié)束時的感受,而不是所有環(huán)節(jié)的平均值。

 

現(xiàn)實中的應用

圖片

在足球比賽中,整場的觀看體驗將根據(jù)比賽結(jié)束(誰獲勝)和比賽高潮(誰進球最多/比賽中最激動人心的時刻)來判斷。

 

設(shè)計應用

圖片

▲ 在夜晚非常饑餓的時候,我們使用訂餐App選擇食物時,卻被告知付款失敗。這時候App界面設(shè)計的再好看也無關(guān)緊要,訂餐失敗就是從這次體驗中收獲的結(jié)果。

 

參考:uxplanet.org/laws-of-ux-outside-the-screens-d44298c85d94

 

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

作者:Clippp

轉(zhuǎn)載請注明:學UI網(wǎng)》用戶體驗設(shè)計法則應該怎么用?來看看這些應用原理!

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

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


文章來源:csdn

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(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è)計服務


日歷

鏈接

個人資料

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

存檔