- 相關(guān)推薦
網(wǎng)站設(shè)計(jì)：怎樣設(shè)計(jì)合理的用戶引導(dǎo)界面
移動(dòng)網(wǎng)站與傳統(tǒng)意義上的站點(diǎn)不同，由于手機(jī)或平板等移動(dòng)設(shè)備的屏幕空間有限，即使是擁有5.7英寸屏幕的Galaxy Note3也無(wú)法在一個(gè)屏幕內(nèi)展現(xiàn)所有頁(yè)面內(nèi)容。因此，網(wǎng)站開(kāi)發(fā)者就會(huì)嘗試設(shè)計(jì)出各種各樣將視圖疊加的方法。但是疊加的視圖必須由一個(gè)按鈕或者收拾來(lái)觸發(fā)才能顯示，這時(shí)就需要一定的學(xué)習(xí)成本。那么如何讓用戶快速掌握使用方法，并充分體驗(yàn)到設(shè)計(jì)的好處，這種情況下用戶引導(dǎo)界面設(shè)計(jì)的重要性就會(huì)體現(xiàn)出來(lái)。下面我們就列出了幾種較為合理的用戶引導(dǎo)界面。
1. 大段的文字介紹
一些移動(dòng)站點(diǎn)和手機(jī)APP應(yīng)用在界面無(wú)數(shù)據(jù)時(shí)會(huì)采取貼一長(zhǎng)段文字來(lái)介紹頁(yè)面的操作。從技術(shù)實(shí)現(xiàn)的角度來(lái)看，這樣的設(shè)計(jì)是最容易的，但是用戶體驗(yàn)卻不理想。眾所周知，用戶在移動(dòng)設(shè)備上幾乎沒(méi)有耐心去閱讀長(zhǎng)篇累牘的文章，這樣就會(huì)造成大量用戶的流失。因此，開(kāi)發(fā)者可以在等待界面中以彈窗的形式，簡(jiǎn)明扼要的彈出一些文字說(shuō)明，這樣能夠在保證通俗易懂的情況下，不浪費(fèi)用戶的時(shí)間。
2. 通過(guò)類似PageControl的空間將應(yīng)用的新增功能及介紹展示給用戶
很多手機(jī)應(yīng)用都是采用這種方式作為用戶引導(dǎo)界面，但是這種形式的用戶引導(dǎo)界面也存在一定的不足之處。首先，在很多應(yīng)用中，這種用戶引導(dǎo)界面只會(huì)出現(xiàn)一次，當(dāng)用戶快速劃過(guò)屏幕進(jìn)入應(yīng)用之后卻發(fā)現(xiàn)不會(huì)操作，卻發(fā)現(xiàn)無(wú)法回頭查看。其次，在某些重要更新后，可能會(huì)添加了許多新功能，這時(shí)用戶在瀏覽到后面的頁(yè)面時(shí)，很容易忘記先前頁(yè)面中的內(nèi)容。因此，在這種模式下，用戶需要花費(fèi)一定的時(shí)間來(lái)學(xué)習(xí)之后才能使用。
3. 先期自動(dòng)導(dǎo)入部分事例數(shù)據(jù)
一個(gè)很好的例子就是課程表管理軟件iStudiez，這項(xiàng)應(yīng)用先期可以導(dǎo)入很多開(kāi)發(fā)者建立的課程，在完成數(shù)據(jù)導(dǎo)入后，日程看起來(lái)就不是一張空白的表格，就會(huì)讓整個(gè)界面頓時(shí)美化了不少。盡管這樣的設(shè)計(jì)能夠很好地美化界面，但是在指引用戶使用方面并沒(méi)有發(fā)揮很大的作用。因此，嚴(yán)格來(lái)說(shuō)，這類設(shè)計(jì)是一個(gè)很好的填充空白界面的方式。
4. 在特定界面的操作指導(dǎo)
與其他界面引導(dǎo)方式相比，這種引導(dǎo)方式的優(yōu)勢(shì)在于它需要在一定的特定情景下才會(huì)觸發(fā)引導(dǎo)。當(dāng)用戶第一次進(jìn)入一個(gè)全新界面時(shí)會(huì)彈出引導(dǎo)，這樣就能讓用戶明確每一個(gè)界面按鈕的意義。但是在設(shè)計(jì)這種引導(dǎo)方式時(shí)，要盡量避免強(qiáng)制引導(dǎo)用戶操作。一些應(yīng)用可能會(huì)強(qiáng)迫用戶執(zhí)行某些操作才能進(jìn)入下一步，或者會(huì)重復(fù)出現(xiàn)某些提示，這時(shí)就不利于用戶體驗(yàn)。
【網(wǎng)站設(shè)計(jì)：怎樣設(shè)計(jì)合理的用戶引導(dǎo)界面】相關(guān)文章：
網(wǎng)站界面設(shè)計(jì)師和網(wǎng)站美工有區(qū)別嗎？07-11
網(wǎng)站設(shè)計(jì)的總結(jié)01-31
請(qǐng)問(wèn)怎樣的互聯(lián)網(wǎng)金融網(wǎng)站讓用戶信任?07-10
怎樣網(wǎng)頁(yè)設(shè)計(jì)03-30
網(wǎng)站設(shè)計(jì)的開(kāi)題報(bào)告07-23
網(wǎng)站設(shè)計(jì)開(kāi)題報(bào)告01-17
電商App，怎樣設(shè)計(jì)快速返回第一層級(jí)的界面？07-10