張經(jīng)理 / 18665606093
Email / service@2000new.com
掃一掃添加顧問
我們?cè)谑褂肁pp或者網(wǎng)站設(shè)計(jì)的時(shí)候,經(jīng)常會(huì)遇到需要一步步完成的界面來(lái)引導(dǎo)我們完成某項(xiàng)任務(wù)。這個(gè)界面就是所謂的“引導(dǎo)界面”。
在設(shè)計(jì)過程中,要不要使用向?qū)Ы缑妫渴欠窨梢宰鳛橐粋€(gè)不美觀界面的“補(bǔ)丁”?看完這篇文章,你就知道答案了。
1.什么是開機(jī)界面?
在開機(jī)界面,用戶會(huì)遇到一系列的步驟或情況。如果這些步驟或條件沒有完成,他們將無(wú)法完成任務(wù)(如開始使用產(chǎn)品)。
這種模式最早出現(xiàn)在線下——,比如大家熟知的支持各種家電的紙質(zhì)說(shuō)明書。直到最近幾十年才在網(wǎng)上使用(比如軟件安裝向?qū)Ы缑?。
傳統(tǒng)的桌面軟件應(yīng)用程序或硬件安裝都有上圖中的設(shè)置和指導(dǎo)界面。開機(jī)界面越來(lái)越普及,要從Windows 95開始。
引導(dǎo)界面具有以下優(yōu)點(diǎn):
1.簡(jiǎn)化任務(wù)
把一個(gè)復(fù)雜的任務(wù)拆分成有序的任務(wù)流,你會(huì)發(fā)現(xiàn)之前的復(fù)雜任務(wù)并沒有那么復(fù)雜。
很多人覺得開機(jī)界面比較麻煩,但是在開機(jī)界面普及之前,我們需要自己復(fù)制文件,編輯配置文件,設(shè)置控制目錄,最后檢查軟件是否能正常運(yùn)行。
但是引導(dǎo)界面出現(xiàn)后,上面提到的復(fù)雜條件就轉(zhuǎn)化成了簡(jiǎn)單易懂的步驟。引導(dǎo)界面效果明顯。——的技術(shù)支持成本和培訓(xùn)成本大大降低。
2.減輕決策負(fù)擔(dān),讓人輕松愉快
在缺乏必要的背景知識(shí)的情況下,引導(dǎo)界面的優(yōu)勢(shì)就顯現(xiàn)出來(lái)了。從此就很容易完成任務(wù):人們只需要遵循預(yù)先設(shè)計(jì)好的需要一步一步完成的路徑。
我不會(huì)給你時(shí)間思考。我會(huì)告訴你下一步做什么。超級(jí)簡(jiǎn)單。
2.開機(jī)界面什么時(shí)候適合用?
引導(dǎo)界面在以下情況下特別有用:
1.人們想要完成一個(gè)多步驟的任務(wù)
如果你在設(shè)計(jì)一個(gè)任務(wù)界面,它的步驟其實(shí)是多的,復(fù)雜的,無(wú)法簡(jiǎn)化的。通過引導(dǎo)界面,可以讓看似復(fù)雜的任務(wù)變得更加容易。同時(shí)整個(gè)過程會(huì)很清晰。
2.人們必須按照特定的順序完成任務(wù)
在這種情況下,通過降低學(xué)習(xí)曲線,引導(dǎo)界面可以幫助人們完成一項(xiàng)任務(wù)。如果要求任務(wù)按部就班的完成,人就不太可能漏掉重要的環(huán)節(jié),從而降低出錯(cuò)率。
臉書通過引導(dǎo)界面來(lái)設(shè)置應(yīng)用程序。它可以確保所有步驟按正確的順序完成。
3.有時(shí)指南界面是無(wú)用的
使用這種模式時(shí)要小心。將一個(gè)任務(wù)分成多個(gè)步驟并不意味著它可以提供更友好的用戶體驗(yàn)。例如:1.任務(wù)本身并不復(fù)雜
如果非要用引導(dǎo)界面,說(shuō)明任務(wù)真的很復(fù)雜。如果能簡(jiǎn)化任務(wù),比如簡(jiǎn)單的表單或者幾個(gè)按鈕點(diǎn)擊就能完成的事情,指導(dǎo)界面意義不大。
2.人太高端了
即使對(duì)于復(fù)雜的任務(wù),加入向?qū)Ы缑嬉膊皇窃O(shè)計(jì)最佳用戶界面的唯一途徑。令很多高級(jí)用戶沮喪的是,導(dǎo)航界面非常死板,有很多限制。很多人不知道每一步到底代表了什么,不知道每一步完成后會(huì)有什么變化。
所以說(shuō)引導(dǎo)界面是在“幫助”我們解決已經(jīng)知道該怎么做的事情也就不足為奇了。這更適合支持獨(dú)立創(chuàng)作(比如做美術(shù)或者寫代碼)的軟件。
提示:我們應(yīng)該讓人們選擇他們想要完成任務(wù)的方式。比如在Dropbox的安裝界面,我們可以自由選擇不同的設(shè)置類型。如果選擇高級(jí)模式,人們可以自定義軟件的安裝路徑、同步盤的位置等等。
3.當(dāng)你想告訴別人信息的時(shí)候,
不要通過引導(dǎo)界面呈現(xiàn)概念。人們?cè)诓僮髦改辖缑鏁r(shí),很少閱讀輔助文字。他們關(guān)心的只是完成核心任務(wù)。
四.指導(dǎo)界面的最佳實(shí)踐
在設(shè)計(jì)下一個(gè)引導(dǎo)接口時(shí),您可能需要注意以下幾點(diǎn),否則可能會(huì)浪費(fèi):
1.盡量減少安裝步驟
設(shè)計(jì)一個(gè)指南界面最困難的部分是在單個(gè)界面的內(nèi)容和界面總數(shù)之間找到一個(gè)平衡。如果開機(jī)界面只有2步,有點(diǎn)搞笑,但是10步的開機(jī)界面太多了。
理想情況下,引導(dǎo)界面應(yīng)該只有3到5個(gè)步驟。最好提前進(jìn)行可用性測(cè)試,確保引導(dǎo)界面的步驟數(shù)在可接受的范圍內(nèi)。
2.確保指南界面的目的明確
在向?qū)Ы缑娴拿恳徊剑藗兌夹枰宄刂澜缑娴哪康摹V笇?dǎo)界面應(yīng)該為您提供足夠的信息來(lái)幫助您做出決策。如果目的模糊,人感覺不到方向。基于此,有兩個(gè)方面值得注意:
第一步,簡(jiǎn)單明確目的。
每個(gè)環(huán)節(jié)的標(biāo)簽都要非常清晰明了。
反向演示:在Homesite家庭保險(xiǎn)網(wǎng)站上,其開機(jī)界面首頁(yè)沒有明確標(biāo)明安裝目的。如果用戶通過其他網(wǎng)站的鏈接跳轉(zhuǎn)到這個(gè)頁(yè)面,我猜他們會(huì)看起來(lái)很震驚。
3.移除冗余接口元素
額外的鏈接和內(nèi)容往往會(huì)分散用戶的注意力。通過移除這些元素,用戶可以專注于任務(wù)本身,并增加成功完成任務(wù)的概率。4.明確顯示進(jìn)度
有了明確的進(jìn)度信息,人們就可以知道任務(wù)何時(shí)可以完成。要設(shè)計(jì)非常友好的引導(dǎo)界面,不要忽略以下幾點(diǎn):
依次標(biāo)記每一步
顯示任務(wù)流的方向(通常是從左到右,或從上到下)
突出顯示當(dāng)前步驟并顯示剩余步驟的數(shù)量
完成某個(gè)步驟后,嵌入該步驟已成功完成的提示
最后一步完成后的相關(guān)提示
反向演示:在上面的例子中,每一步都是一個(gè)沒有上下文的獨(dú)立界面,用戶無(wú)法確認(rèn)前面的信息,也無(wú)法預(yù)測(cè)后面的信息。
在步驟名稱的右邊,清楚地顯示步驟數(shù)。此外,界面頂部還顯示了整個(gè)步驟的流程。原始資料來(lái)源:Raj Shrestha
5.添加“取消”按鈕
有時(shí)候進(jìn)入引導(dǎo)界面后,人們會(huì)因?yàn)楦鞣N原因而決定退出。為了防止想退出又找不到“出路”的用戶發(fā)瘋,只需在界面上添加“取消”按鈕即可。
6.每一步都可以取消
給用戶一條出路,在每一步界面中添加撤銷功能。如果人們可以重復(fù)前面的步驟,修改之前輸入的信息,他們會(huì)非常高興。
不然你得讓他們從頭再來(lái)。不過話說(shuō)回來(lái),如果只是因?yàn)橐粋€(gè)小小的改變,那就真的死定了。
7.對(duì)所選項(xiàng)目進(jìn)行審核,以便人們?cè)俅未_認(rèn)
建議在指南界面的最后提供整個(gè)流程的選擇項(xiàng),方便你復(fù)習(xí)。這使他們可以再次確認(rèn)他們已經(jīng)輸入了信息,這樣他們就可以放心地按下“完成”按鈕。
總結(jié)
雖然導(dǎo)游界面要設(shè)計(jì)的通俗易懂,但是設(shè)計(jì)師和開發(fā)者都知道背后的道理:設(shè)計(jì)一個(gè)好的導(dǎo)游界面并不容易。
除了一系列的規(guī)劃、實(shí)驗(yàn)和重新修改,整個(gè)設(shè)計(jì)過程可能會(huì)出現(xiàn)意想不到的問題。通過這篇文章,希望能幫助你設(shè)計(jì)出更好的導(dǎo)游界面。