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

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

 

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

3.1 高亮區(qū)域

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

 

用于…

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

注意事項

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

設(shè)計原則…

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

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

 

 

3.2 空白的但具有鼓動性的模塊

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

 

用于…

  • 鼓勵用戶完成模塊。視覺上空白的輸入框,具有一種固有的鼓動性。

注意事項…

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

設(shè)計原則…

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

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

 

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

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

 

用于…

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

注意事項…

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