這次說(shuō)說(shuō)APP中的卡券設(shè)計(jì)。
與交易關(guān)聯(lián)的產(chǎn)品中，通常會(huì)有卡券類設(shè)計(jì)，一般是在較小范圍的區(qū)域內(nèi)傳遞關(guān)鍵信息，吸引用戶點(diǎn)擊操作，如下單、分享等。
線上卡券的設(shè)計(jì)參考了線下“券/票”的正副券樣式，使用一條虛線分開(kāi)上下或左右。生活中，副券在，表示未使用；副券撕下，表示已經(jīng)使用。線上的卡券設(shè)計(jì)則使用文案、蓋章的樣式說(shuō)明券的使用、未使用等狀態(tài)。
線上卡券的設(shè)計(jì)樣式是沿用了用戶已經(jīng)熟悉的真實(shí)紙券樣式，這樣很明顯能降低用戶再學(xué)習(xí)的成本，容易知道頁(yè)面在表達(dá)什么，也容易知道該如何使用。
看一眼，就知道這是個(gè)優(yōu)惠。
券上的基本信息
券的信息內(nèi)容通常是由具體的使用場(chǎng)景與目標(biāo)人群、業(yè)務(wù)要求決定的。通常券的基礎(chǔ)內(nèi)容包括卡券主題、優(yōu)惠信息、使用說(shuō)明、領(lǐng)取操作四部分組成。還可以根據(jù)實(shí)際的情景做變化。
如使用說(shuō)明的信息內(nèi)容較多時(shí)，通常允許點(diǎn)擊進(jìn)入新的頁(yè)面查看全部?jī)?nèi)容。有時(shí)由于券的使用比較復(fù)雜，或者為避免法律糾紛而必須增加內(nèi)容，在有限的空間中無(wú)法完全展示時(shí)，就做了信息隱藏。
再比如，不同場(chǎng)景下，信息的優(yōu)先層級(jí)不同，就會(huì)有不同的組織形式。在電商產(chǎn)品中，需要激勵(lì)用戶領(lǐng)券消費(fèi)，所以會(huì)把“立即領(lǐng)取”的操作區(qū)域放大，以吸引用戶注意力，便于用戶點(diǎn)擊。通常這種券同時(shí)出現(xiàn)很多個(gè)羅列的情況比較少（太多選擇，容易眼花，反而不利于用戶抉擇），所以這種設(shè)計(jì)相對(duì)OK。在另一種卡券收納類的功能頁(yè)面上，一般不會(huì)有“領(lǐng)取”的操作，只需要去使用卡券即可。這樣的頁(yè)面上，涵蓋了不同類的卡券，因此會(huì)把“卡券主題”或“優(yōu)惠信息”突出。
有時(shí)，還會(huì)根據(jù)具體情況，增加相關(guān)的圖標(biāo)展示，加強(qiáng)用戶的場(chǎng)景熟悉感。
券的幾種狀態(tài)及其表達(dá)樣式
卡券相關(guān)的操作一般包括待領(lǐng)取、領(lǐng)取待使用，除此之外，還有已使用、已過(guò)期兩種結(jié)果狀態(tài)。不同的平臺(tái)會(huì)根據(jù)實(shí)際情況選擇不同的分類標(biāo)準(zhǔn)展示卡券。此處重點(diǎn)是清楚告知用戶哪些券有效，哪些券無(wú)效?？梢允褂谩吧w戳”或文字來(lái)說(shuō)明狀態(tài)。
卡券的一些細(xì)節(jié)設(shè)計(jì)
1. 卡券領(lǐng)取后狀態(tài)變化，此時(shí)再次點(diǎn)擊卡券。
? ? ?這屬于微設(shè)計(jì)。滿足功能的設(shè)計(jì)是 再次點(diǎn)擊無(wú)效。友好型的設(shè)計(jì)是 再次點(diǎn)擊時(shí)，（toast等形式）告知用戶已領(lǐng)取過(guò)，或 領(lǐng)取后狀態(tài)變化，顯示“去使用”等操作。
2. 卡券領(lǐng)取后，重新進(jìn)入該頁(yè)面，是否仍然顯示此卡券。
? ? ?根據(jù)具體的場(chǎng)景靈活調(diào)整。
3. 卡券可領(lǐng)取的時(shí)間范圍，即相關(guān)卡券的運(yùn)營(yíng)上線時(shí)間。
? ? ?預(yù)熱型的活動(dòng)一般是先于卡券可用時(shí)間領(lǐng)取，有些活動(dòng)則是開(kāi)始時(shí)間即卡券生效期。
4. 卡券收集頁(yè)中，所示卡券的上限與類型。
? ? ?可以考慮展示歷史上所有的卡券，也可以只展示部分。常見(jiàn)的是卡券的底部告知“只展示X個(gè)月內(nèi)的卡券”。這里需要綜合考慮用戶與業(yè)務(wù)要求。
? ? ?常用的類型有待領(lǐng)取-待使用-已使用-已過(guò)期、有效券-無(wú)效券（已使用、已過(guò)期）。不同類型的券會(huì)有不同的狀態(tài)展示。可以顯示卡券當(dāng)前的狀態(tài)，也可以展示卡券的使用入口，如“去使用”。
? ? ?不同的類型標(biāo)準(zhǔn)背后也說(shuō)明產(chǎn)品的側(cè)重點(diǎn)不同。有些采用分欄式，幾種不同狀態(tài)的卡券屬于平行關(guān)系。有些則是將目前可用卡券頁(yè)面作為主頁(yè)面，在頁(yè)面右上角或底部有失效券的查看入口。
卡券的衍生
其實(shí)，活動(dòng)券的設(shè)計(jì)并不一定囿于卡券樣式的設(shè)計(jì)，卡券樣式也并不一定囿于卡券場(chǎng)景。該如何更好地處理場(chǎng)景中的卡券，或把卡券樣式的應(yīng)用升華，交給時(shí)間，暫且把卡券設(shè)計(jì)放入靈感池中。
卡券——為小卡片的設(shè)計(jì)帶去一點(diǎn)點(diǎn)不同。
