關(guān)于注冊(cè)登錄的設(shè)計(jì)原則之三:不要扔下你的新用戶不管
2013/1/6 17:04:43來(lái)源:搜狗UED
關(guān)于注冊(cè)登錄的設(shè)計(jì)原則之二:讓注冊(cè)過(guò)程更加輕松
3.1 高亮區(qū)域
用淡黃色來(lái)標(biāo)亮一個(gè)模塊或一個(gè)模塊的一部分
用于…
- 將用戶的注意力吸引到歡迎信息和/或建議去做的事情
注意事項(xiàng)…
- 高亮在視覺(jué)上會(huì)引起人的反感(這同樣也是他們能引起注意的原因),因此不應(yīng)過(guò)度的使用,或者在用戶執(zhí)行了某些操作后不能將其消除的時(shí)候,也不要使用。
- 高亮在已經(jīng)非常凌亂或內(nèi)容豐富的頁(yè)面上是無(wú)效的。
設(shè)計(jì)原則…
- 在一個(gè)頁(yè)面中,使用高亮的元素相對(duì)于其他元素,必須有足夠的理由與需求。
- 提供一種取消高亮的反饋(即使是隱晦的反饋)——例如,完成高亮區(qū)的任務(wù)。
Linkedin 的歡迎界面包 含一個(gè)高亮模塊。當(dāng)該模塊被完成時(shí),高亮消失,一個(gè)完成標(biāo)記取而代之。
3.2 空白的但具有鼓動(dòng)性的模塊
用空白的區(qū)域來(lái)激發(fā)用戶將其補(bǔ)充完整的行動(dòng),并附有一個(gè)(文案上)承上啟下的鏈接讓用戶執(zhí)行相應(yīng)的操作。
用于…
- 鼓勵(lì)用戶完成模塊。視覺(jué)上空白的輸入框,具有一種固有的鼓動(dòng)性。
注意事項(xiàng)…
- 用戶可能無(wú)法完成某一模塊或者根本不想使用某些模塊。因此,要提供用戶可以自行消除這些模塊的入口。
設(shè)計(jì)原則…
Ning的頁(yè)面(默認(rèn)情況下)充滿了空白模塊,來(lái)鎖住用戶的注意力。一個(gè)解釋用戶需要做什么的信息來(lái)填充模塊,一個(gè)“加號(hào)”圖標(biāo)清晰的指引了用戶。
3.3 可跳轉(zhuǎn)的歡迎頁(yè)面
一個(gè)只有在用戶完成了初始的設(shè)置之后出現(xiàn)的,并提供個(gè)給用戶一個(gè)下一步選擇的頁(yè)面。
用于…
- 在注冊(cè)完成之后提供給用戶一個(gè)選擇接下來(lái)建議的操作的入口。
注意事項(xiàng)…
- 一旦用戶離開(kāi)
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/wd1302.html
本文地址:http://irelandcustomcontracting.com/tutorial/wd1302.html
您可能還喜歡
- jquery Jcrop圖像裁切插件中文api文檔
- @media適配不同尺寸的手機(jī)
- 返回上一頁(yè)代碼的幾種寫(xiě)法
- Dreamweaver CC 2014新功能介紹
- 深入了解viewport和px
- 優(yōu)秀CSS代碼書(shū)寫(xiě)的10個(gè)規(guī)范
- 畫(huà)出你的風(fēng)格:HTML5創(chuàng)意畫(huà)板的設(shè)計(jì)教程
- Div中height:100%無(wú)效的解決辦法
- 網(wǎng)頁(yè)前端-網(wǎng)頁(yè)切圖命名規(guī)范
- 為網(wǎng)頁(yè)設(shè)計(jì)師而生的14個(gè)文本編輯器
這些是最新的
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏
最熱門(mén)的教程