2022-9-1 ui設(shè)計(jì)分享達(dá)人
會(huì)員權(quán)益上線后，為了讓更多用戶享受到更優(yōu)質(zhì)的糖豆使用體驗(yàn)，對(duì)于會(huì)員價(jià)格推出了一系列優(yōu)惠活動(dòng)。下面將簡(jiǎn)單介紹一下，在視覺(jué)表現(xiàn)層面，我們是怎樣將活動(dòng)的主要信息傳達(dá)給用戶。
首先，活動(dòng)的主要信息的顯示區(qū)域，是根據(jù)最小機(jī)型的屏幕尺寸制定范圍，原因如下：
糖豆大部分用戶的使用設(shè)備多為老舊的千元機(jī)，屏幕小、性能低是主要特點(diǎn)。為避免跨屏瀏覽，減少老年人的注意力分散，將主要信息一屏展示，信息精簡(jiǎn)的同事，防止信息過(guò)載。
同時(shí)一部分用戶習(xí)慣不往下滑動(dòng)頁(yè)面，使得信息展示的不完全。在這種情況下，適當(dāng)減少縮短頭部修飾及氛圍元素的顯示面積，讓活動(dòng)的信息及功能在不做任何操作的情況下，能夠清晰展示。
一開(kāi)始彈窗的制作想法，是將信息視覺(jué)化，將加贈(zèng)的部分獨(dú)立展示出來(lái)，突出了此次活動(dòng)的優(yōu)惠價(jià)值。但這樣的表現(xiàn)形式使得各個(gè)元素分散，從上至下的閱讀軌跡在中間被斬?cái)喑蓮淖笾劣?，閱讀成本劇增的同時(shí)，老年人也讀不太懂。
最終的解決方案為一句話表示，通俗易懂，讓用戶一眼明白，在什么時(shí)間，什么內(nèi)容，要做什么。
糖豆App與大屏端的圖標(biāo)視覺(jué)上差異不大，作為輔助圖形，意義感知不強(qiáng)，用戶無(wú)法從頭圖部分得知這是個(gè)關(guān)于什么主題的活動(dòng)。且4.1折只是個(gè)概念，具體優(yōu)惠金額多少?zèng)]有直接體現(xiàn)，無(wú)法吸引用戶的了解購(gòu)買(mǎi)。
什么是超級(jí)會(huì)員？用具體的電視與手機(jī)展示的同時(shí)，標(biāo)題“手機(jī)電視都能看”進(jìn)一步作出了解答，我們用最直白的方式解釋了什么是超級(jí)會(huì)員。
用戶對(duì)價(jià)格非常敏感，尤其是中老年用戶，如何體現(xiàn)價(jià)格的優(yōu)惠力度是我們需要解決的問(wèn)題。
中國(guó)人的閱讀習(xí)慣一般是從左到右從上至下，于是將價(jià)格內(nèi)容放到左上并且放大，突出第一層級(jí)的信息；優(yōu)惠金額放到價(jià)格下方，這是第二層級(jí)；右邊放上價(jià)格的組成及原始價(jià)格的輔助信息，整體簡(jiǎn)潔硬朗，清晰明確。
隨著年齡的增長(zhǎng)，伴隨生理變化看不到的大腦老化，中老年人的注意力和記憶力會(huì)呈大幅度的下降。我們既要保證新鮮感的同時(shí)，又要注意用戶的學(xué)習(xí)成本。
在玩法相同的情況下，只更改了視覺(jué)元素，活動(dòng)信息/功能的位置保持不變。
作者：ANOTHERZOUZOU
轉(zhuǎn)載請(qǐng)注明：站酷
藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com