之前的文章里探討過界面的易操作性障簿，提到的主要是視覺層面的思考，今天這篇想總結(jié)一下對(duì)于新手用戶泞莉，可以通過哪些設(shè)計(jì)策略來幫助他們進(jìn)行操作馍管。
主要有6個(gè)策略：
-引導(dǎo)頁(yè)
-覆蓋層和提示窗口
-模板
-輸入或操作區(qū)域提示
-向?qū)?/b>
-幫助與反饋
1、引導(dǎo)頁(yè)
引導(dǎo)頁(yè)的使用在PC端常見于安裝軟件的過程中茁影，在安裝時(shí)宙帝，可以在進(jìn)度條的上方看見滾動(dòng)播放的產(chǎn)品介紹，每一頁(yè)都會(huì)針對(duì)某一個(gè)產(chǎn)品的特性進(jìn)行宣傳募闲，讓用戶在使用產(chǎn)品前步脓，對(duì)產(chǎn)品的功能有一個(gè)大致的了解。
如今移動(dòng)端的設(shè)計(jì)浩螺，同樣運(yùn)用了這個(gè)方式靴患，但作用不僅限于產(chǎn)品的介紹，同時(shí)還涉及了品牌文化的宣傳要出、烘托氛圍以及鼓勵(lì)用戶打開相關(guān)配置的作用鸳君。比如產(chǎn)品的介紹，設(shè)計(jì)這種引導(dǎo)頁(yè)時(shí)患蹂，因?yàn)閷?dǎo)覽頁(yè)面的數(shù)量不能太多相嵌，挑選的特性應(yīng)該是這個(gè)產(chǎn)品的核心特點(diǎn)。能使用圖片說明的情況下况脆，優(yōu)先使用圖片饭宾，因?yàn)閳D片能夠涵蓋的信息量是要比文字大很多的。
曾看過一位設(shè)計(jì)師總結(jié)這類引導(dǎo)頁(yè)的設(shè)計(jì)方法格了，方法還算通用看铆，稱為3X3法，就是用三個(gè)頁(yè)面解釋三個(gè)問題：what盛末、why以及how弹惦。
What?—你的產(chǎn)品是干什么的否淤？
Why?—你的產(chǎn)品能帶給用戶什么？
How?—是怎么來達(dá)到這個(gè)目標(biāo)的棠隐？
上圖中的例子就來自于這位設(shè)計(jì)師文中列舉的案例啰扛。
而烘托氛圍的比如airbnb的這個(gè)例子，讓用戶體會(huì)到溫馨的感覺嗡贺，對(duì)于這個(gè)產(chǎn)品有了更多感性的認(rèn)識(shí)隐解。
最后一點(diǎn)鼓勵(lì)用戶打開相關(guān)配置的作用沟饥，這個(gè)在工具類產(chǎn)品中使用比較多囊颅，因?yàn)閷?duì)于很多工具類產(chǎn)品复颈，是否獲得通知提醒或則定位的權(quán)限對(duì)于這個(gè)產(chǎn)品的體驗(yàn)有非常大的影響。比如之前看過一篇hopper設(shè)計(jì)師寫的思考亲澡，hopper是一款實(shí)時(shí)分析機(jī)票價(jià)格钦扭、告訴用戶何時(shí)購(gòu)票最為劃算的軟件。所以通知對(duì)于觀望功能極其重要谷扣，如果用戶不允許Hopper發(fā)送通知土全，他們就無法在價(jià)格達(dá)到低價(jià)區(qū)間時(shí)收到購(gòu)票建議信息，觀望功能就會(huì)失去使用價(jià)值会涎。因此設(shè)計(jì)師將引導(dǎo)頁(yè)設(shè)計(jì)成了如下的樣式裹匙，用戶打開通知功能的幾率大大增加。
如果想要查找更多關(guān)于引導(dǎo)頁(yè)的設(shè)計(jì)概页，可以在dribble或則pinterest上搜walkthrough。
2练慕、覆蓋層和提示窗口
覆蓋層式的設(shè)計(jì)是專門針對(duì)于移動(dòng)端而產(chǎn)生的惰匙，如下圖
移動(dòng)端的屏幕空間十分寶貴，所以采用覆蓋層的方式可以節(jié)約空間铃将，在用戶第一次使用某個(gè)界面時(shí)项鬼，通過覆蓋層展示關(guān)鍵的幾個(gè)工具的使用說明，幫助用戶快速的上手使用劲阎。
這種方式需要注意解釋的功能數(shù)量不能過多绘盟，以免用戶因?yàn)樾畔⑦^載而導(dǎo)致事半功倍。同時(shí)給予用戶隨時(shí)跳出的權(quán)利，一般的做法是點(diǎn)擊任意位置即可跳出龄毡。
而提示窗口的使用其實(shí)和覆蓋層類似吠卷，當(dāng)用戶第一次打開了某個(gè)頁(yè)面或則某個(gè)功能時(shí)，彈出提示窗口沦零，告訴用戶當(dāng)前頁(yè)面的使用方法祭隔。比如enlight，這是一款非常強(qiáng)大的照片處理軟件路操，提供的功能很多疾渴，所以提供適當(dāng)?shù)膸椭鞘种匾摹Ｈ缦聢D所示寻拂，enlight在用戶第一次使用某個(gè)功能時(shí)會(huì)彈出提示窗口程奠，通過gif圖片的形式告知用戶這個(gè)功能可以達(dá)成怎樣的效果丈牢。
3己沛、模板
模板就好比服裝店里的塑膠模特們慌核，店員們將精心搭配好的服裝穿在模特身上，展示給購(gòu)物者看申尼，不知道如何搭配的購(gòu)物者垮卓，可以通過這些搭配的模板來選購(gòu)。當(dāng)然對(duì)于早已有著自己的搭配風(fēng)格的購(gòu)物者而言师幕，這些模板是可以忽略的粟按，這就好比高級(jí)用戶，他們?cè)缫阎廊绾问褂媚愕漠a(chǎn)品霹粥，并且還能將產(chǎn)品的功能利用到很多不常見的地方灭将。
模板的案例比如我們經(jīng)常使用的word，新建一個(gè)文檔時(shí)后控，word會(huì)提供很多模板庙曙。
還有像clear這類效率類軟件，為了讓用戶更快的了解到產(chǎn)品可以做些什么浩淘，在剛使用的時(shí)候也提供了很多例子捌朴，如下圖所示。
4张抄、輸入或操作區(qū)域提示
除了上面說的各種一次性的幫助方式以外砂蔽，這一條的特點(diǎn)是具有持續(xù)性，伴隨著各種輸入和操作過程中署惯。在PC端中左驾，有一種形式十分常見，就是當(dāng)鼠標(biāo)移動(dòng)到相應(yīng)的控件上時(shí)，懸停后會(huì)出現(xiàn)相關(guān)的解釋性文字什荣，但在移動(dòng)端由于交互方式的限制這種方式無法實(shí)現(xiàn)矾缓。所以采用的是靜止的文字提示，提示用戶操作當(dāng)前區(qū)域需要注意的地方稻爬。比如上面的例子中的搜索框以及評(píng)價(jià)框中的提示性文字嗜闻，當(dāng)輸入了文字以后，提示性文字就消失桅锄。
操作區(qū)域的提示友瘤，典型的例子比如ios中的系統(tǒng)設(shè)置翠肘，如上圖，在每一個(gè)操作區(qū)域旁邊都用提示性文字解釋了這項(xiàng)操作將會(huì)導(dǎo)致什么樣的結(jié)果辫秧，給不熟悉的用戶可以預(yù)知操作的后果束倍。
5、向?qū)?/h3>
向?qū)В╳izard）是微軟發(fā)明的一個(gè)習(xí)慣用法盟戏，在PC端就十分的常見绪妹，通過一系列的對(duì)話框逐步引導(dǎo)用戶了解產(chǎn)品。移植到移動(dòng)端柿究，向?qū)У氖褂米兊酶佑嗅槍?duì)性邮旷，比如社交產(chǎn)品中，為了用戶與用戶之間更好的了解蝇摸，引導(dǎo)用戶填寫完整個(gè)人信息婶肩，如下圖。
而像有的內(nèi)容類產(chǎn)品中，為了針對(duì)于不同用戶的個(gè)性化需求蜂嗽，在第一次使用產(chǎn)品時(shí)會(huì)引導(dǎo)用戶關(guān)注不同類型的人物或則標(biāo)簽苗膝。讓用戶可以更快的融入到產(chǎn)品中，發(fā)現(xiàn)更多好玩有趣的東西植旧，而不會(huì)因?yàn)槌醮芜M(jìn)入因?yàn)闆]有內(nèi)容源而失望離去辱揭。
6病附、幫助與反饋
幫助與反饋在PC端的軟件中问窃，往往都會(huì)提供一個(gè)幫助手冊(cè)，里面詳細(xì)的介紹了相關(guān)的問題和解決方法完沪，當(dāng)然也可以通過搜索的方式找到合適的解決辦法域庇。而移動(dòng)端的產(chǎn)品通常沒有PC端的那么復(fù)雜嵌戈，一般不會(huì)提供詳細(xì)的幫助手冊(cè)，但會(huì)提供一個(gè)反饋的通道听皿，用戶可以通過反饋通道快速的反映相關(guān)的問題熟呛。比如知乎就做的比較深入，不僅提供文字反饋尉姨，而且可以通過搖一搖的方式庵朝，截屏發(fā)送反饋，方便開發(fā)團(tuán)隊(duì)更好的改進(jìn)產(chǎn)品又厉。如下圖九府。
