您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

關(guān)于注冊登錄的設(shè)計(jì)原則之三:不要扔下你的新用戶不管

 

關(guān)于注冊登錄的設(shè)計(jì)原則之二:讓注冊過程更加輕松

3.1 高亮區(qū)域

用淡黃色來標(biāo)亮一個(gè)模塊或一個(gè)模塊的一部分

 

用于…

  • 將用戶的注意力吸引到歡迎信息和/或建議去做的事情

注意事項(xiàng)

  • 高亮在視覺上會(huì)引起人的反感(這同樣也是他們能引起注意的原因),因此不應(yīng)過度的使用,或者在用戶執(zhí)行了某些操作后不能將其消除的時(shí)候,也不要使用。
  • 高亮在已經(jīng)非常凌亂或內(nèi)容豐富的頁面上是無效的。

設(shè)計(jì)原則…

  • 在一個(gè)頁面中,使用高亮的元素相對于其他元素,必須有足夠的理由與需求。
  • 提供一種取消高亮的反饋(即使是隱晦的反饋)——例如,完成高亮區(qū)的任務(wù)。

Linkedin 的歡迎界面包 含一個(gè)高亮模塊。當(dāng)該模塊被完成時(shí),高亮消失,一個(gè)完成標(biāo)記取而代之。

 

 

3.2 空白的但具有鼓動(dòng)性的模塊

用空白的區(qū)域來激發(fā)用戶將其補(bǔ)充完整的行動(dòng),并附有一個(gè)(文案上)承上啟下的鏈接讓用戶執(zhí)行相應(yīng)的操作。

 

用于…

  • 鼓勵(lì)用戶完成模塊。視覺上空白的輸入框,具有一種固有的鼓動(dòng)性。

注意事項(xiàng)…

  • 用戶可能無法完成某一模塊或者根本不想使用某些模塊。因此,要提供用戶可以自行消除這些模塊的入口。

設(shè)計(jì)原則…

  •  在一個(gè)模塊中,一定要解釋用戶完成空白模塊的好處或目的。
  •  用簡單連貫的提示點(diǎn)來刺激用戶完成模塊。使用帶有圖標(biāo)的鏈接是一種有效的方法。

Ning的頁面(默認(rèn)情況下)充滿了空白模塊,來鎖住用戶的注意力。一個(gè)解釋用戶需要做什么的信息來填充模塊,一個(gè)“加號”圖標(biāo)清晰的指引了用戶。

 

3.3 可跳轉(zhuǎn)的歡迎頁面

一個(gè)只有在用戶完成了初始的設(shè)置之后出現(xiàn)的,并提供個(gè)給用戶一個(gè)下一步選擇的頁面。

 

用于…

  • 在注冊完成之后提供給用戶一個(gè)選擇接下來建議的操作的入口。

注意事項(xiàng)…

  •  一旦用戶離開
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd1302.html
有限屏幕的無限空間 -從空間角度談移動(dòng)界面擴(kuò)展
網(wǎng)頁前端開發(fā)人員必用在線web工具和應(yīng)用
圖趣網(wǎng)微信
建議反饋
×