首頁

XDC干貨 | 如何用服務(wù)思維做體驗升級?

前端達(dá)人

本文旨在分享從私募服務(wù)旅程著手,講述如何用服務(wù)思維去重構(gòu)金融品類服務(wù)動線,從全鏈路角度梳理服務(wù)容器的價值表達(dá),提升服務(wù)效率,讓用戶感知到服務(wù),推動設(shè)計落地實現(xiàn)。

 

 

 

 

前言:金融產(chǎn)品設(shè)計為什么引入服務(wù)思維?

金融行業(yè)特點

金融品類交易中,客戶和平臺產(chǎn)品再也不是「決策-購買-結(jié)束」這種買完即走的關(guān)系,產(chǎn)品體驗路徑貫穿投前-中-后、線下后臺,用戶體驗鏈路漫長且復(fù)雜。尤其是私募品類,百萬起投的用戶門檻極高,高凈值人群的需求更加千人千面,給體驗升級帶來很大的難題:

·渠道,產(chǎn)品不斷趨同,如何讓高凈值客戶選擇你?為什么在雪球買私募?我們可以提供什么樣的服務(wù)?如何縮短服務(wù)路徑提升獲客效率?

·私募品類理解、購買門檻極高,內(nèi)容及優(yōu)勢難以讓用戶感知,用戶幾乎無法獨(dú)立完成購買流程。

·高凈值用戶需求千人千面,如何精準(zhǔn)服務(wù)用戶和個性化服務(wù)?

除了金融產(chǎn)品本身之外,平臺服務(wù)能力很大程度決定了客戶的體驗和選擇;除了客戶的使用體驗、交易體驗,服務(wù)體驗是后續(xù)增長的核心關(guān)鍵點。所以如何讓用戶在雪球感知服務(wù)?如何把我們的好服務(wù)做顯性化表達(dá)?我們的產(chǎn)品架構(gòu)交互路徑應(yīng)該怎么去做?是體驗側(cè)需要亟待解決的問題。

 

 

先來看看用戶眼中的好服務(wù)

既然要提升產(chǎn)品的服務(wù)體驗,那用戶希望提供什么樣的服務(wù)?什么是用戶眼中的好服務(wù)?雪球買私募有啥優(yōu)勢?

“多數(shù)受訪者不知道財富顧問可以做什么,不知道雪球買私募有什么優(yōu)勢”
“多數(shù)受訪者需要某種形式的推薦,自己很難選出各方面都滿足自己要求的私募”
“越資淺的受訪者,對財富顧問需要的程度越高”
-引用自雪球私募用戶訪談

 

通過私募用戶訪談,我們發(fā)現(xiàn)用戶眼中的好服務(wù)是專業(yè)性強(qiáng)、立場中立、有溫度、持續(xù)陪伴的,所以我們應(yīng)該

·把平臺服務(wù)價值外顯、更具象的展現(xiàn)財富顧問專業(yè)能力

·為財富顧問提供更高效的管理工具

 

 

如何用服務(wù)思維做體驗升級?

再來看看服務(wù)思維是什么?

是一種跨學(xué)科的思維方式,是用全局化、系統(tǒng)化的視角看待問題,通過對一段服務(wù)過程中的觸點體驗進(jìn)行系統(tǒng)、有組織地挖掘優(yōu)化,用設(shè)計思維去解決實際場景里的人與人的關(guān)系。
-引用Interaction Design Foundation

 

 

三個方向

服務(wù)體驗升級的切入點我們可以抽象為3個方向:

01.產(chǎn)品服務(wù)化

以用戶為中心,基于用戶旅程去做創(chuàng)新;從被動響應(yīng)到主動服務(wù),是人到人的服務(wù)

02.服務(wù)品牌化

有序的把各個觸點串聯(lián),打造有識別性,連貫統(tǒng)一、感知強(qiáng)的服務(wù)體驗

03.服務(wù)產(chǎn)品化

把服務(wù)標(biāo)準(zhǔn)化、規(guī)范化、打包成具體的產(chǎn)品,實現(xiàn)快速復(fù)制

 

 

 

設(shè)計動作

01.服務(wù)動線重構(gòu)

私募產(chǎn)品的購買門檻高,用戶從作出購買決策到完成購買的鏈路非常長,我們希望客戶通過與“財富顧問”建立連接,來輔助用戶完成購買前-中-后的整條鏈路;以及幫助財富顧問提升效率,為后續(xù)的交易轉(zhuǎn)化帶來各種交易線索。在體驗升級最開始的階段,我們嘗試在強(qiáng)調(diào)按鈕操作,獨(dú)立優(yōu)化預(yù)約建聯(lián)頁面信息布局等做了很多次的迭代升級,數(shù)據(jù)并不理想,并沒有提升用戶建聯(lián)率,需要跳出固有思維,從服務(wù)思維視角出發(fā),基于用戶旅程優(yōu)先迭代人到人的服務(wù)。

 

從被動等待變主動服務(wù)

從用戶需被動等待財富顧問聯(lián)系轉(zhuǎn)換為主動添加財富顧問;縮短觸達(dá)鏈路,通過跨端跳端的體驗去幫助用戶簡化流程鏈路。

 

 

 


補(bǔ)齊服務(wù)場景缺口

服務(wù)缺口是用戶對服務(wù)的期待或需求和實際接受到的服務(wù)之間的落差(也是一個服務(wù)設(shè)計分析模型,用來探討服務(wù)為什么發(fā)生),在設(shè)計探索階段,我們可以梳理服務(wù)缺口,去找到設(shè)計切入點。

我們在重構(gòu)的時候發(fā)現(xiàn),用戶僅在投中場景(私募詳情頁)才能聯(lián)系到財富顧問,用戶在發(fā)現(xiàn)場景下遇到類私募這種高門檻產(chǎn)品及內(nèi)容時是急需一個觸點去咨詢財富顧問的-即在發(fā)現(xiàn)決策場景的溝通缺口缺失,所以我們在私募用戶高頻鏈路上都進(jìn)行了服務(wù)容器的補(bǔ)齊。

 

 

02.服務(wù)價值顯性化

我們在訪談私募用戶的時候,很多客戶都會提到雪球財富顧問的服務(wù)好,態(tài)度中立不營銷;以及客戶希望提供更豐富的產(chǎn)品,但其實雪球私募的產(chǎn)品數(shù)量、品類是豐富的。

37.5%的私募意向用戶會在選擇平臺時選擇推銷感弱,能站在客戶角度的平臺;在訪談中,用戶對雪球財富顧問的中立立場,弱營銷感有較強(qiáng)感知
-引用自雪球私募用戶畫像報告

 

但我們并沒有把雪球的服務(wù)優(yōu)勢在前端傳遞給用戶,也從未系統(tǒng)性梳理過雪球私募品牌在用戶整條鏈路的信息和表達(dá),所以我們給用戶傳遞的界面、視覺、文案是雜亂無章的。

我們需要自上而下的去明確我們的服務(wù)價值主張是什么,然后自下而上的從視覺設(shè)計、文案表達(dá)、交互等把我們服務(wù)價值在用戶消費(fèi)場景去做顯性化透傳。

 

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)



作者:雪球設(shè)計中心XDC
鏈接:https://www.zcool.com.cn/article/ZMTYwMzgxMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍(lán)藍(lán)設(shè)計作品:B端軟件首頁2種設(shè)計風(fēng)格

前端達(dá)人

hello,大家好!今天藍(lán)藍(lán)要介紹的是我們近期的作品,兩種不同風(fēng)格的B端產(chǎn)品平臺首頁,一起來欣賞吧!

方案一:駕駛艙風(fēng)格 采用駕駛艙形式,以生產(chǎn)為主的業(yè)務(wù),使用戶可以更直觀,更全面地了解企業(yè)中所有指標(biāo)的具體情況,以便快速做出決策。整體顯示更為重要的實時數(shù)據(jù),監(jiān)控掌握大局觀,及時對有問題的數(shù)據(jù)進(jìn)行及時處理,板塊區(qū)分明顯,更方便找到相關(guān)數(shù)據(jù)。

方案二:平臺主頁風(fēng)格 在初步調(diào)研產(chǎn)品框架的基礎(chǔ)上,系統(tǒng)首頁重構(gòu)信息組織架構(gòu),豐富信息和數(shù)據(jù),根據(jù)不同權(quán)限可調(diào)整頁面信息增加辦公效率。設(shè)計風(fēng)格采用簡約的設(shè)計語言,模塊化布局,方圓并構(gòu)的設(shè)計模式,界面強(qiáng)調(diào)可復(fù)用性和通用性,配色采用品牌色,品牌融合度高。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#ui設(shè)計

#B端產(chǎn)品 #UI界面設(shè)計 #設(shè)計案例分享 #北京ui設(shè)計公司 #ui設(shè)計

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù)

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

原創(chuàng)作品案例:醫(yī)療電子病歷界面設(shè)計 —藍(lán)藍(lán)UI設(shè)計

前端達(dá)人

 

 

 

 

 

 

今天分享原創(chuàng)作品案例:醫(yī)療電子病歷界面設(shè)計,

這是一個我們公司的設(shè)計師對自己理解自由發(fā)揮的界面設(shè)計概念稿,有此類需求的企業(yè),歡迎和我們聯(lián)系01063334945。

我們公司可以對外公開的界面設(shè)計不是特別多。

公司官網(wǎng)sillybuy.com 上面有一些。

#后臺界面設(shè)計欣賞 #界面設(shè)計靈感 #設(shè)計外包 #UI設(shè)計公司 #b端設(shè)計接單 #B端設(shè)計 #電子病歷系統(tǒng)

#醫(yī)療軟件

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù)

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 

如何為用戶提供正確的鍵盤輸入類型?

前端達(dá)人

Android和iOS系統(tǒng)都設(shè)計了針對特定表單字段的指定鍵盤輸入類型。但大多數(shù)開發(fā)人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導(dǎo)致移動設(shè)備上的表單完成效率變慢。本文以Android平臺為例。
一、輸入類型并不總是“文本”
大多數(shù)開發(fā)人員錯誤地將每個表單字段的輸入類型設(shè)置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數(shù)字或字母和數(shù)字組合的信息。當(dāng)用戶嘗試填寫這些字段時,他們應(yīng)該看到一個數(shù)字或字母和數(shù)字組合的鍵盤。
不幸的是,當(dāng)每個字段的輸入類型都設(shè)置為“文本”時,它會強(qiáng)制用戶使用文本鍵盤來輸入數(shù)字或字母和數(shù)字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。
因此,請務(wù)必為每個表單字段指定輸入類型,以便系統(tǒng)能夠顯示相應(yīng)的鍵盤。除了指定輸入類型,我們還應(yīng)指定相關(guān)行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
如何為用戶提供正確的鍵盤輸入類型?
 
 
例一. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當(dāng)我們將輸入類型設(shè)置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
如何為用戶提供正確的鍵盤輸入類型?
 
 
例二. 姓名字段
英文名是專有名詞,英語中專有名詞的第一個字母要大寫。我們將輸入類型設(shè)置為“人名”,并且設(shè)置單詞首字母大寫。用戶無需對英文字母進(jìn)行大小寫切換。
如何為用戶提供正確的鍵盤輸入類型?
 
 
二、每個鍵盤對輸入類型的反應(yīng)可能不同
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。
  1.  
    百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊 9 次。
  2.  
    搜狗輸入法顯示文本鍵盤,用戶需在字母和數(shù)字之間切換,完成輸入需點擊 17 次。也支持長按第一行的字母輸入數(shù)字。
  3.  
    微信輸入法顯示文本鍵盤,完成密碼輸入需點擊 17 次。不支持長按字母輸入數(shù)字。
如何為用戶提供正確的鍵盤輸入類型?
 
 
案例二:登錄頁面的手機(jī)號輸入
釘釘設(shè)置電話號碼鍵盤右下角為“下一項”按鈕。
  1.  
    百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機(jī)號輸入后需手動獲取密碼文本框焦點。
  2.  
    搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機(jī)號輸入點擊下一項,密碼文本框自動獲取焦點。
  3.  
    微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機(jī)號輸入點擊下一項,密碼文本框自動獲取焦點。
如何為用戶提供正確的鍵盤輸入類型?
 
 
三、Input Type 助力產(chǎn)品輸入體驗的提升
通過應(yīng)用 Input Type 你可以正確的為每個文本字段設(shè)置特定的輸入類型,以及看到每個輸入類型(以及輸入類型的組合)如何影響鍵盤。
我最初開發(fā)此應(yīng)用是為了促進(jìn)工作中跨部門高效協(xié)同,但我希望通過此應(yīng)用能夠賦能給更多的人,提升協(xié)同效率的同時更好的提升產(chǎn)品輸入體驗。你可以在這里免費(fèi)下載:
https://www.pgyer.com/vT29
Input Type這個工具需要安裝在安卓手機(jī)上,如果沒有安卓手機(jī)可以電腦上安裝一個網(wǎng)易MuMu安卓模擬器就可以用。
應(yīng)用截圖
應(yīng)用截圖
 
感謝閱讀,以上就是本次分享的全部內(nèi)容,希望你能從這篇文章中有所收獲。
 

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)



作者:交互設(shè)計師張楚
鏈接:https://www.zcool.com.cn/article/ZMTYwODAxMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知

前端達(dá)人

本篇主要內(nèi)容:如何著手快速了解公司產(chǎn)品,建立相關(guān)業(yè)務(wù)或行業(yè)認(rèn)知(偏入門向,相對適合0~1年經(jīng)驗的同學(xué))
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
 
前言
近幾年B端市場如火如荼,許多小伙伴也逐漸加入,但由于種種原因,在工作時往往會遇到不少頭疼的問題,如業(yè)務(wù)門檻高、用戶場景難觸達(dá)、競品稀缺、話語權(quán)低等。
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
本篇將分享我實際工作中的經(jīng)驗和思考,如果你最近正巧加入一家公司,負(fù)責(zé)B/G端產(chǎn)品設(shè)計,面對“高深”的業(yè)務(wù)需求卻無從下手,需要對新的業(yè)務(wù)、產(chǎn)品體系建立認(rèn)知,希望這篇分享能夠為你帶來一些幫助。
 
同時也歡迎大家留言討論,良好的交流有時比文章本身更有價值。
2024年祝大家平安 順利 開心 如意。
 
目錄
Part.1 新人培訓(xùn)期
Part.2 體驗產(chǎn)品
Part.3 查閱資料
 
 
Part.01
新人培訓(xùn)期
 
先說結(jié)論:是很好的“
答疑期
”,但幫助有限,學(xué)會問問題,同時接納自己暫時不懂的情況。
 
在入職后,一般會有業(yè)務(wù)方向、研發(fā)背景、設(shè)計思路、產(chǎn)品使用流程等方面的培訓(xùn)講解。但即便同事講的不錯,對于剛?cè)肼毜奈覀儊碚f,也很難短時間內(nèi)消化掌握,并直接應(yīng)用到設(shè)計工作中。
 
在這個時期,有三點建議:
  1.  
    找關(guān)鍵詞
  2.  
    虛心請教
  3.  
    提出問題并給出方案
 
 
找關(guān)鍵詞
在這種培訓(xùn)時間、內(nèi)容都有限的情況下,找出其中的“關(guān)鍵詞”列下來,具體數(shù)量視自己掌握情況而定,目的是記住并清楚這些關(guān)鍵詞的含義。盡量先靠自己想辦法解決,如有需要可向同事請教。
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
 
虛心請教
當(dāng)出現(xiàn)自己實在困惑的專業(yè)詞匯、需求等解決不了的問題時,首先
梳理好問題
內(nèi)容,然后大方的請教同事吧!這是非常高效解決問題的辦法,以及和同事建立良好關(guān)系的機(jī)會。當(dāng)然,不要完全依賴同事,一些同類問題或者非常顯而易見的盡量自己解決,總結(jié)經(jīng)驗。
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
 
提問題并給出方案
如果你入職時已經(jīng)有一兩年甚至更多的相關(guān)經(jīng)驗,前兩條可能你已在過去的實踐中掌握。那么此時很有可能在你入職后,前期會讓你提一些產(chǎn)品的問題和優(yōu)化建議,這里有個雷區(qū)一定規(guī)避:
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
有些問題并沒有表面上看去那么“簡單”,或已存在許久,大家心知肚明只不過沒有更好的解決辦法或契機(jī)。在提出發(fā)現(xiàn)的問題時,請附上相應(yīng)的解決方案或建議,以及這樣解決的優(yōu)勢和劣勢,預(yù)估下成本那就更好了(人力成本、時間成本、金錢成本)。
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
 
 
Part.2
體驗產(chǎn)品
 
想對公司產(chǎn)品和業(yè)務(wù)建立認(rèn)知,體驗及深入使用產(chǎn)品是必要的。但B端產(chǎn)品往往和現(xiàn)實業(yè)務(wù)場景掛鉤,部分所涉及的內(nèi)容比較專業(yè),初到公司再加上日常中很少接觸,所以并不容易上手。
 
如何通過“體驗產(chǎn)品”建立對產(chǎn)品和業(yè)務(wù)的認(rèn)知:
  1.  
    掌握核心功能和流程
  2.  
    多角色賬號體驗
 
 
掌握核心功能和流程
標(biāo)題強(qiáng)調(diào)一個“
快速
”,那么首先要了解產(chǎn)品的“
核心功能
”及“
最小可行性方案
”,也就是產(chǎn)品的主流程。
 
一般在官網(wǎng)、宣傳冊、海報等宣傳中常出現(xiàn)的,就是比較重要、核心的功能。而核心操作流程,可以在“產(chǎn)品操作手冊”中獲悉,此時自己可對照核心功能及流程,在產(chǎn)品中一一體驗,并將操作流程及功能節(jié)點在紙上或使用設(shè)計工具繪制出來,加深對功能的印象,減少對產(chǎn)品的陌生感。
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
在入職前期,至少體驗一遍完整的閉環(huán)流程。這樣做對業(yè)務(wù)認(rèn)識也非常有幫助,因為B/G端產(chǎn)品所解決的問題,往往是對現(xiàn)實場景的映射。
 
多角色賬號體驗
可以向測試部門的同事申請測試賬號,以及一些模擬數(shù)據(jù),然后扮演用戶角色體驗產(chǎn)品。
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
一是可以有針對性的進(jìn)行模擬使用。可以結(jié)合上文提到的核心功能和流程,有針對性的體驗產(chǎn)品。
 
二是進(jìn)行核心用戶的模擬。可以優(yōu)先扮演“使用頻率最高”的角色進(jìn)行模擬體驗。在B端產(chǎn)品中,使用頻率最高的往往是在業(yè)務(wù)場景中身處一線的人們。
 
然后去了解為“決策者”所設(shè)計的功能,“決策者”大多為管理層,他們大多關(guān)注成效和結(jié)果,或進(jìn)行安排和統(tǒng)籌的工作,所以此類功能往往是以“信息展示,高效傳達(dá)”為主,可能不復(fù)雜但卻很重要,一般包含了產(chǎn)品所需要產(chǎn)出的關(guān)鍵指標(biāo)。
B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知
 
 
多角色體驗產(chǎn)品能幫助我們開啟全局視角,為建立產(chǎn)品業(yè)務(wù)認(rèn)知以及設(shè)計工作起到關(guān)鍵作用。B/G端產(chǎn)品設(shè)計除了掌握基礎(chǔ)的設(shè)計原則外,還要
考慮“人”的因素,即各角色的職能、立場和聯(lián)系等方面
 
 
Part.3
查閱資料
 
內(nèi)部
查閱內(nèi)部資料是對展開工作更直接、有效的途徑,一般有以下幾點:
1.
需求文檔
:了解產(chǎn)品背景、功能設(shè)計等方面
2.
設(shè)計文檔
:了解頁面視覺、交互設(shè)計思路等
3.
操作手冊
:了解目前的產(chǎn)品的使用路徑
4. 領(lǐng)導(dǎo)及同事對外演講的
PPT
5. 客戶反饋群、答疑社區(qū)等
 
外部
不知道如何查閱外部資料的話,剛開始可按照這兩個方向搜索:
1. 查閱該業(yè)務(wù)的發(fā)展。如:了解它的
歷史
發(fā)展、各個
環(huán)節(jié)
、參與的
角色
2. 去各大
社交平臺
,搜索相關(guān)的
關(guān)鍵字或話題
,了解行業(yè)中的人們在聊什么,有機(jī)會可參與其中,打入內(nèi)部
 

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)



作者:NeilLeeeee
鏈接:https://www.zcool.com.cn/article/ZMTYwODA1Mg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

簡約高效的動效列表設(shè)計:一分鐘搞定Android列表常見需求

前端達(dá)人

RecyclerView作為Android最常用的控件,相信大家都比較熟悉。而作為設(shè)計師的我們,又改怎么利用身邊有限的資源進(jìn)行簡約高效的動效列表設(shè)計呢?本篇文章輕松帶你玩轉(zhuǎn)Android列表動效設(shè)計~

鄭重聲明:本文從設(shè)計角度說明Android列表動效設(shè)計問題,含前端技術(shù),碼農(nóng)慎噴,我是萌妹紙~

 

相信設(shè)計師在設(shè)計到關(guān)于列表的動效問題的時候會很頭痛,例如列表該如何出現(xiàn),又該怎樣結(jié)束~

 

a3fe57486d726ac72525ae6680f5.jpg

 

對于碼農(nóng)哥哥來說也有很大的困擾,那就是,拿到設(shè)計稿的時候,對于動效師提出的各種五花八門的動效感覺就是:我去年買了個表。那么代碼哥哥怎么能夠更加高效的把設(shè)計稿實現(xiàn)呢?看完今天這篇文章相信你會有額外的收獲~

 

4c7257486d2332f875a429097bbb.jpg

 

首先在這里要感謝icon和頁面的設(shè)計師璀瑤女士和碼農(nóng)哥cmychad(文章后面會提到)~

 

在我們公司項目開展的時候,分配給我的項目中有大量的列表設(shè)計及動效設(shè)計,開始的時候感覺無從下手,但是自從在github上發(fā)現(xiàn)碼農(nóng)哥哥cmychad的一個開源項目(項目名稱:BaseRecyclerViewAdapterHelper)的時候,真的是欣喜若狂,在項目實施的時候,公司的安卓開發(fā)遍用上了這個開源項目進(jìn)行開發(fā)~

 

5157574870486ac72525aec9049c.jpg

po上cmychad碼農(nóng)哥哥的鏈接:

 https://github.com/CymChad/BaseRecyclerViewAdapterHelper

 

那這個動效是怎樣展示的呢?

f6145748719332f875a429f0e67d.jpg

 

從上面的GIF圖可以看出

  • 對于開發(fā)來說:優(yōu)化Adapter代碼(減少百分之70%代碼)

  • 添加點擊item點擊、長按事件、以及item子控件的點擊事件

  • 添加加載動畫(一行代碼輕松切換5種默認(rèn)動畫)

  • 添加頭部、尾部、下拉刷新、上拉加載(感覺又回到ListView時代)

  • 設(shè)置自定義的加載更多布局(對于開發(fā))

  • 添加分組(隨心定義分組頭部)

  • 自定義不同的item類型(簡單配置、無需重寫額外方法)

  • 設(shè)置空布局(比Listview的setEmptyView還要好用!)

     

UI設(shè)計師從此只要考慮樣式問題,開發(fā)也不怕各種古靈精怪的動效了~分分鐘秒殺各類列表動效問題~

4032574872ff32f875a429efc92a.jpg

 

下面po出自己手上項目及用了這個開源項目實現(xiàn)的真機(jī)版的效果圖:

 

 

效果圖:

94fd574874cc6ac72525aea088a8.jpg

c0aa574874db32f875a4294790d4.jpg

 

 

真機(jī)上的效果:

 

 

 

項目內(nèi)很多列表的表現(xiàn)都是參照碼農(nóng)哥哥cmychad的項目:BaseRecyclerViewAdapterHelper

真的很好用~今天在谷歌瀏覽器里面逛的時候竟然發(fā)現(xiàn)在Google Play上也能看到~

 

 

a76857487b6232f875a4296f5cd2.jpg

 

 

po上鏈接:

https://play.google.com/store/apps/details?id=com.chad.baserecyclerviewadapterhelper

 

(我就是這么大方~哈哈~)

 

2c54574877bc6ac72525aef831ff.jpg

分分鐘帶你飛離擾人的列表動效問題~設(shè)計獅們,喊上你們的程序猿來試試吧~相信你會感嘆,為啥我不早點用上BaseRecyclerViewAdapterHelper呢~

 

 

當(dāng)然,除了感嘆,我有一個不成熟的小建議~那就是你或許也可以在下面輕輕的點贊~我會很感動的!

 

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)



作者:vintuvintu
鏈接:https://www.zcool.com.cn/article/ZNDA4OTky.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

設(shè)計心理學(xué)-稟賦效應(yīng)

博博

什么是稟賦效應(yīng)

當(dāng)一個物品用戶沒有擁有時,對他的價值感相對較低,當(dāng)用戶擁有時會高估和珍惜物品的價值。

它是怎么產(chǎn)生的

心理學(xué)家 Daniel Kahneman、Jack Knetsch 和 Richard Thaler 對稟賦效應(yīng)進(jìn)行了實驗,并在他們 1990 年的論文“稟賦效應(yīng)和粗略定理的實驗檢驗”中展示了這一概念,這一現(xiàn)象可以用行為金融學(xué)中的“損失厭惡”理論來解釋,該理論認(rèn)為一定量的損失給人們帶來的效用降低要多過相同的收益給人們帶來的效用增加。因此人們在決策過程中對利害的權(quán)衡是不均衡的,對“避害”的考慮遠(yuǎn)大于對“趨利”的考慮。出于對損失的畏懼,人們在出賣商品時往往索要過高的價格。

比如我們過生日收到的禮物,在沒有得到這件禮物之前,我們對他的價值或者吸引力往往沒那么高,但是當(dāng)這件禮物通過生日的形式送給你的時候,他就具有一定的意義并且這件禮物是屬于你的,假如此時有人花市場價購買你的禮物,內(nèi)心更多的想法是不舍得賣,因為這件禮物已經(jīng)屬于你了。

講個自己真實的故事,我自己是對一些財富手串、事業(yè)手串等等相關(guān)的東西不感興趣的,哪怕他很便宜我也不會去買,但是有一天女朋友從雍和宮幫我求來一個財富手串并且還是開過光的,以后我就每天帶著這個手串形影不離,有一次放在某個地方找不到了,當(dāng)時我就很焦慮,感覺自己損失了很大一筆錢,這個其實就是稟賦效應(yīng)作祟,因為這件東西通過很特別的方式才到我手里,我已經(jīng)認(rèn)定這就是我的東西了,所以他對我的價值是極其高,哪怕我之前對這種手串不感興趣。

產(chǎn)品中的應(yīng)用

賦予更高的價值

最常見的產(chǎn)品設(shè)計場景中就是分享的場景,例如我們常見的一些分享都是底部彈出一些第三方鏈接方式,那么想一下這樣的方式分享率極低,我們可以利用稟賦效應(yīng)去強(qiáng)化產(chǎn)品的價值感,在學(xué)習(xí)產(chǎn)品中把學(xué)習(xí)數(shù)據(jù)融入分享頁面中提升讓用戶感受到學(xué)習(xí)的價值增加分享欲望,在旅游產(chǎn)品中一般都會記錄用戶的旅游足跡,此時把用戶經(jīng)過的城市以地圖的形式融入在分享頁面中,激發(fā)用戶的旅游價值,稟賦效應(yīng)在分享產(chǎn)品中不止這些玩法,商品收貨時、貴重物品分享時等等。

誘導(dǎo)稟賦效應(yīng)

誘導(dǎo)即是向用戶贈送免費(fèi)的東西,通過這種方式提供免費(fèi)試用服務(wù)或者是一些優(yōu)惠禮包等,當(dāng)?shù)玫矫赓M(fèi)服務(wù)或者優(yōu)惠時由于稟賦效應(yīng)用戶可能會去進(jìn)行付費(fèi)或者深度使用,讓用戶感受到這是它自己的東西,對產(chǎn)品的價值感加倍。(但是我感覺這種方式效果提升不是很明顯,但是確實可以利用這種心理去嘗試可能會有意外收獲。)

個性化價值

誘發(fā)稟賦效應(yīng)的另一個重要因素是用戶的主人翁意識,在一些產(chǎn)品中會有一些個性化的設(shè)置,用戶可以根據(jù)自己的喜好去進(jìn)行設(shè)置,這樣可以讓用戶與產(chǎn)品產(chǎn)生價值聯(lián)動,比如谷歌瀏覽器的背景和同步功能就是我一直使用的原因,雖然其他瀏覽器也有同樣的功能,但是在互聯(lián)網(wǎng)初期谷歌可是用這個功能吸引了不少用戶,在比如app中常見的換膚、換色等功能。

反面效應(yīng)

有正向的也就有反向的,反向指的就是厭惡效應(yīng),人們對自己所擁有的東西更加珍視,所以對于損失所表現(xiàn)出來的厭惡要比獲取收益表現(xiàn)出的愉悅強(qiáng)烈得多,我們往往會對所損失的東西更為敏感,有心理學(xué)家實驗過,股票下跌的損失要用雙倍的漲幅才能挽回心理痛苦,在產(chǎn)品中常見的就是會員試用服務(wù),當(dāng)我們給用戶7天或者30天的試用期后,時間一到大部分用戶都會選擇付費(fèi),因為他們默認(rèn)這些服務(wù)已經(jīng)擁有不愿損失。

總結(jié)

情緒和社會會影響一個人的決策,因此根據(jù)行為經(jīng)濟(jì)學(xué),當(dāng)我們了解這些因素時,我們可以構(gòu)建設(shè)計來幫助用戶做出可能的最佳決策,產(chǎn)品設(shè)計師可以通過使用價值賦能、個性化、免費(fèi)試用等簡單方法,利用這種效果來提高產(chǎn)品的留存率和滲透率。



作者:愛吃貓的魚___
來源:站酷

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

設(shè)計心理學(xué)-五架帽理論

博博

什么是五架帽理論

五架帽理論簡稱為LATCH原則,它定義了在好的組織性信息才能提升用戶體驗,使設(shè)計更易于理解、靈活和可維護(hù)。

它是怎么產(chǎn)生的

LATCH的概念最初由Richard Saul Wurman在他的設(shè)計原則和設(shè)計模式中提到,后來在他的《信息架構(gòu)》的書中重新定義了五架帽概念。

LATCH即是Location位置,Alphabet字母,Time時間,Category類別和Hierarchy視覺層級組成,這五種方式目標(biāo)都是通過高效的信息呈現(xiàn)來提升用戶體驗。

產(chǎn)品中怎么用

Location位置

理論上講的是通過位置來組織信息,其實比較好理解,我們可以理解為你本人所在位置是一個坐標(biāo)點,所有的信息形成都是圍繞你的坐標(biāo)點來組成的。

例如地圖軟件中你的當(dāng)前位置不斷變換,手機(jī)屏幕中不斷加載出新的地標(biāo)建筑,在一些游戲場景,例如絕地求生,隨著你的位置變換,不同的建筑環(huán)境、人、道具等都會隨著在你周圍出現(xiàn),當(dāng)一些信息組成對用戶非常重視時則會優(yōu)先出現(xiàn),比如駕駛過程中當(dāng)前位置不變,地圖會優(yōu)先加載道路信息,其次是建筑信息(網(wǎng)絡(luò)波動的時候比較明顯)。

并且隨著VR/元宇宙等技術(shù),基于位置變換組織信息已經(jīng)是非常重要的一環(huán)。

總結(jié):通過位置結(jié)合時間能夠給用戶展示高效率的信息

Time字母

與字面意思一樣,按字母順序排列信息,當(dāng)數(shù)據(jù)量很大時,它是組織信息的最佳方法之一,在產(chǎn)品應(yīng)用中常見的就是像通訊錄、目錄等能夠快速的定位到信息,通過這種方式延伸出其他場景的排序方式,例如電商產(chǎn)品中的側(cè)邊分類,就是利用英文字母的邏輯把商品類別進(jìn)行分類,在一種就是按照時間的維度進(jìn)行信息分類。

Category類別

當(dāng)信息具有相同性需要排序的時候,使用分類的方式能夠最快的提升用戶篩選效率,在我們生活我們每個人都有分類的習(xí)慣,如電腦桌上會放置一些小物件或電子設(shè)備相關(guān)的,衣柜里統(tǒng)一都放衣服每一層放不同季節(jié)的衣服,每當(dāng)我們想使用到某件物品時第一時間就能定位到它的位置。

在產(chǎn)品中使用最多的是分類和導(dǎo)航,例如同樣的鞋子可以用品牌分類,也可以按照季節(jié)分類或者性別分類......音樂可以用流行、搖滾、民謠等等分類......

類別是該理論中比較關(guān)鍵的一環(huán),它定義事物按照分類的方式能夠讓用戶快速的查找信息組織。

Hierarchy視覺層級

上面位置、字母、類別都是提高信息查找效率,視覺層級與字面意思相同,當(dāng)我們滿足基本的查找效率后可以使用不同的視覺層級來凸顯重要性。

例如在產(chǎn)品設(shè)計中可以從顏色、大小等方式來滿足我們想要的層級梯度,讓產(chǎn)品/用戶的核心價值快速的讓用戶察覺到。

總結(jié)

上面只是對每條規(guī)則單獨(dú)拆出來解析,實際中它們是可以共存的,如位置結(jié)合時間能夠讓用戶第一時間看到重要信息,類別結(jié)合字母就出現(xiàn)了我們看到的通訊錄,類別結(jié)合視覺層級能夠讓分類更加重要等。

五架帽理論最終目的都是為了提升用戶使用產(chǎn)品時的信息效率,它的五條設(shè)計規(guī)則也是在產(chǎn)品設(shè)計中的必須要遵守的,為什么說要遵守,因為設(shè)計中我們可以仔細(xì)回想下,基本上每一個頁面的誕生都與這五條規(guī)則相關(guān),一但違背,這個頁面的可用性或者美觀就會有所缺失。


作者:愛吃貓的魚___
來源:站酷

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

移動互聯(lián)網(wǎng)產(chǎn)品的設(shè)計模式-列表

前端達(dá)人

細(xì)分移動互聯(lián)網(wǎng)產(chǎn)品的設(shè)計模式

在講解列表之前,我先跟大家介紹一下一個經(jīng)典的交互設(shè)計框架,這個框架復(fù)合了一般用戶的使用習(xí)慣,同時也是人們處理信息的基本模式——“首頁——列表頁——詳情頁”。

 

“首頁——列表頁——詳情頁”是互聯(lián)網(wǎng)發(fā)展過程中逐漸形成的一般規(guī)律,謂之為互聯(lián)網(wǎng)發(fā)展的經(jīng)典框架也不為過。為什么呢?因為互聯(lián)網(wǎng)最開始的時候,信息量并不大,所以有一個詳情頁就足夠了。后來因為信息量逐漸增多,自然而然就會出現(xiàn)篩選信息的需求,因此就出現(xiàn)了列表頁。后來,列表頁再也無法承載指數(shù)級增長的信息了,所以搜索的功能應(yīng)運(yùn)而生,于是便出現(xiàn)了首頁(入口)。

 

觀察互聯(lián)網(wǎng)早期發(fā)展的歷史可以得到佐證:剛開始的時候有雅虎和美國在線等幾個新聞?wù)军c就足以滿足人們獲取資訊的需求了,后來因為信息逐漸增多,所以急需篩選和搜索信息,于是谷歌就崛起了,成為下一個流量入口。中國互聯(lián)網(wǎng)的歷史進(jìn)程也大致相同:互聯(lián)網(wǎng)第一波浪潮是搜狐、新浪等門戶網(wǎng)站,第二波才是百度。

 

可以說“首頁——列表頁——詳情頁”不僅僅可以應(yīng)用到互聯(lián)網(wǎng)產(chǎn)品的設(shè)計中去,它更是一種很重要的思維方式,可以應(yīng)用于日常生活中的方方面面。

 

以上介紹了列表是如何產(chǎn)生的,也提到了用戶在列表頁上的主要行為就是對信息進(jìn)行篩選和比較,以便讓其做出決策,決定進(jìn)入哪個具體條目去了解相關(guān)詳情。因此列表頁承載的是用戶對下一層信息的概況了解,是詳情頁信息的縮略版。

 

如果列表中的條目比較多,那么列表就會包含某些排序規(guī)則或分組規(guī)則,這樣會讓列表中條目的呈現(xiàn)方式規(guī)律一點,以便用戶快速查找。有的會按照時間順序來排序,有的會按照字母表來排序,也有的會用標(biāo)簽進(jìn)行分組等等。假如條目很多,一個頁面放不下,那就需要分頁,所以列表頁底部常常會出現(xiàn)翻頁器。有時也會出現(xiàn)“無限加載”這種處理方式,例如花瓣。假如信息更多的話,那就需要加入搜索功能了。

 

好了,接下來我們要介紹是:列表的具體形式。

 

 

• 垂直式列表 •

 

垂直式列表是列表的最基本形式,無論是移動端還是PC端都可以看到這種布局方式。這是一種非常干凈和清晰的列表呈現(xiàn)方式,用戶非常容易理解,也很容易找到自己想要的目標(biāo)。

需要注意的是,用戶的瀏覽習(xí)慣一般都是“從左往右,從上往下”的,所以垂直式列表一般采用的都是左對齊的樣式。

 

再者,設(shè)計師在設(shè)計的時候需要平衡好條目的詳細(xì)程度和條目數(shù)量之間的關(guān)系。因為條目內(nèi)容越詳細(xì),條目所占空間就會越大,相應(yīng)地單屏上條目的顯示數(shù)量就會越少。具體情況還得從需求出發(fā)。

 

例如淘寶訂單列表頁,對于用戶而言,用戶往往會關(guān)注商品訂單的交易狀態(tài)、物流狀況等等。因為條目的內(nèi)容相對詳細(xì),所以用戶就沒有必要去查看訂單的具體詳情,這樣會有效地縮短用戶的操作路徑。但是把垂直式列表應(yīng)用到通訊錄中,情況就不同了,此時用戶必然是希望可以同一時間內(nèi)瀏覽足夠多的聯(lián)系人,以便快速找到目標(biāo),所以通訊錄條目的信息一般都很簡潔,一般就只有“聯(lián)系人頭像”和“聯(lián)系人名稱”。

需要補(bǔ)充的是,垂直式列表一般有以下三種模式:標(biāo)準(zhǔn)模式、圖文結(jié)合模式以及控制模式。

 

 

• 橫向式列表 •

 

所謂的橫向式列表也就是我們常說的輪播圖和走馬燈,它也是APP中一種很常見的列表形式。這種形式只著重展示一個條目,往往位于頁面的上方作為廣告位展示,用戶通過左右手勢滑動來聚焦到當(dāng)前的內(nèi)容。

 

一般來說,橫向式列表的條目數(shù)量不能太多,控制在5~7個以內(nèi)為好,以避免用戶操作疲勞。在設(shè)計上可提供暗示,例如顯示下一張的部分內(nèi)容,或者添加分頁指示器,這樣讓用戶在瀏覽條目時保持清晰的方向感和對數(shù)量的認(rèn)知。

 

 

 

• 網(wǎng)格式列表 •

 

剛才介紹了縱向維度以及橫向維度的列表,那么在移動端還有一種兼顧了兩種維度的列表的形式——網(wǎng)格式列表。這也是一種非常常用的列表形式,網(wǎng)格式列表基本上都是以展示圖片為主,偶爾會配合一些文字說明。假如想要展示大量的圖片,那么網(wǎng)格式列表無疑是最好的選擇。

相比較網(wǎng)格式列表與垂直式列表,前者大多是用于展示文字信息,界面會顯得比較干凈有效。后者則更具情感魅力,會讓界面更加富有感染力。

這里還要向大家介紹的是網(wǎng)格式列表的變體——瀑布流。標(biāo)準(zhǔn)的網(wǎng)格式列表是“田字格”的形式,排版上還是有一絲嚴(yán)謹(jǐn)和規(guī)范的意味,而瀑布流的排版樣式則顯得較為隨意,常見于一些圖片瀏覽類的軟件,如花瓣等。

 

 

 

• 總結(jié) •

 

文章開頭提到“用戶在列表頁上的主要行為就是對信息進(jìn)行篩選和比較”,也就意味著列表頁有著“分流/導(dǎo)航”的作用。

 

其實以上三種列表形式在某種意義上來說也是三種導(dǎo)航模式。垂直式列表對應(yīng)的是列表導(dǎo)航,橫向式列表對應(yīng)的是走馬燈導(dǎo)航,網(wǎng)格式列表對應(yīng)的是圖示導(dǎo)航。

 

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 



作者:麥克優(yōu)艾
鏈接:https://www.zcool.com.cn/article/ZNzI0NjEy.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

移動端圖文列表的幾種展現(xiàn)形式

前端達(dá)人

移動應(yīng)用中圖文列表隨處可見,看似平淡無奇,背后也有許多可挖掘的細(xì)節(jié)和原理。這篇文章希望能幫助大家在工作中運(yùn)用合適的方式呈現(xiàn)列表內(nèi)容。

藍(lán)藍(lán)設(shè)計(sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)



作者:放空計劃
鏈接:https://www.zcool.com.cn/article/ZNDI3ODMy.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個人資料

存檔