當(dāng)前位置:首頁 >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

登陸頁面怎么設(shè)計(jì) 你不可不知的登陸頁面設(shè)計(jì)的技巧

 2022-03-25 10:12  來源: 網(wǎng)絡(luò)綜合   我來投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過

一個(gè)出彩的登錄界面,將提升產(chǎn)品的品質(zhì),賦予產(chǎn)品獨(dú)特的氣質(zhì)。登錄界面也是一個(gè)發(fā)揮情感化設(shè)計(jì),提升用戶體驗(yàn),拉近與用戶之間距離的兵家必爭(zhēng)之地。

現(xiàn)在很多的大型網(wǎng)站把登錄和首頁放在一起設(shè)計(jì),由此可見產(chǎn)品登錄頁面設(shè)計(jì)的重要性。

無論網(wǎng)頁或是移動(dòng)APP的設(shè)計(jì),很重要的一點(diǎn)是如何能在小而美和功能復(fù)雜性之間找到平衡點(diǎn)。 在執(zhí)行設(shè)計(jì)的第一步,便是思考如何利用原型工具諸如Mockplus或Axure在初始階段把握產(chǎn)品登陸頁面設(shè)計(jì)的技巧。

一、 學(xué)會(huì)做減法

跳出登錄界面設(shè)計(jì)中的條條框框,搭配簡(jiǎn)單的配色,醒目又大方。

6363494982841137963269312

二、 結(jié)合用戶界面設(shè)計(jì)-頁面背景

1. 模糊背景

模糊背景的運(yùn)用不僅讓整個(gè)網(wǎng)站顯得更加人性化,并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。

2. 暗色背景

在暗色背景中,明亮的輸入框便吸引了所有的注意力。

3.扁平化純色背景

6363494982864538005497024

三、清晰的視覺縱線

人的視覺瀏覽一般呈“L”型視線,意指從上到下,從左至右,表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預(yù)期。

四、注重用戶體驗(yàn)設(shè)計(jì)

登陸和注冊(cè)表單的使用率非常高,一個(gè)表單的設(shè)計(jì)其實(shí)也不是簡(jiǎn)單的事情,用戶體驗(yàn)是必須要考慮的事情。哪怕是一個(gè)注冊(cè)表單,也值得再細(xì)心研究。如果不重視用戶體驗(yàn),就會(huì)致使網(wǎng)站流失大量用戶。一切以最佳用戶體驗(yàn)為出發(fā)。

6363494982881698034211410

1.減少用戶的強(qiáng)制性操作

2. 減少用戶輸入

一般說來,注冊(cè)表中每增加一個(gè)字段,注冊(cè)率就會(huì)相應(yīng)的下降。

3. 信息化注冊(cè)提示

為終端用戶提供有效的信息提示是用戶體驗(yàn)設(shè)計(jì)中的最好方式,尤其是在用戶注冊(cè)填寫信息具有多個(gè)輸入域,而在需要填寫的字段互相可能產(chǎn)生歧義的時(shí)候,這些消息提示可以減少用戶的思考和猜測(cè)時(shí)間。

4. 錯(cuò)誤密碼輸入記憶

當(dāng)用戶第一次輸入一個(gè)錯(cuò)誤的密碼時(shí),系統(tǒng)在判斷錯(cuò)誤后同時(shí)把用戶輸入的錯(cuò)誤密碼保存記憶,當(dāng)用戶再次輸入這個(gè)錯(cuò)誤密碼時(shí),系統(tǒng)會(huì)自動(dòng)在客戶端提示“密碼錯(cuò)誤”。

以上就是一些常見的網(wǎng)頁或APP產(chǎn)品登陸頁面設(shè)計(jì)的技巧。巧妙的設(shè)計(jì)是吸引用戶的第一步,站在用戶的角度,讓更多的用戶通過登陸注冊(cè)這扇大門真正的走近和了解我們的產(chǎn)品。

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
網(wǎng)站頁面設(shè)計(jì)

相關(guān)文章

熱門排行

信息推薦