設(shè)計(jì)趨勢(shì)!2015移動(dòng)設(shè)計(jì)趨勢(shì),怎么設(shè)計(jì)移動(dòng)應(yīng)用的新手引導(dǎo)更好?
鑒于這些往往是用戶進(jìn)行交互的第一組屏幕,他們還設(shè)置了用戶的應(yīng)用程序的預(yù)期。因此 ,在其中起著至關(guān)重要的是那些參與開(kāi)發(fā)APP的人——產(chǎn)品經(jīng)理、設(shè)計(jì)師、開(kāi)發(fā)人員——會(huì)花時(shí)間評(píng)估APP的引導(dǎo)頁(yè)面是否必要,如果是必要的,那么就要很好的實(shí)現(xiàn)它。
在這篇文章中,我們將提供一些好的建議以及資源,常見(jiàn)的設(shè)計(jì)方法來(lái)幫助你提升新手引導(dǎo)頁(yè)面的用戶體驗(yàn)。
?是否要提供引導(dǎo)頁(yè)面
?近年來(lái),我們看到很多討論引導(dǎo)頁(yè)面在移動(dòng)應(yīng)用的有效性。對(duì)引導(dǎo)頁(yè)面一個(gè)流行的討論是,應(yīng)用程序是否需要?是否存在根本性的缺陷?是否具備簡(jiǎn)單和用戶友好性的基本元素?
數(shù)字設(shè)計(jì)有很多規(guī)則和實(shí)例,這些東西都是很好的。這些規(guī)則保證了設(shè)計(jì)人員和開(kāi)發(fā)人員在開(kāi)發(fā)產(chǎn)品時(shí)無(wú)需自己摸索方向。更重要的是,他們保證了用戶在使用一款新的APP時(shí)避免了不必要的壓力;相反,他們可以放心知道編輯功能將由一個(gè)鉛筆圖標(biāo)表示,“大拇指”圖標(biāo)則表示“點(diǎn)贊“。所以,規(guī)則對(duì)設(shè)計(jì)師有很多的指導(dǎo)作用。
但事實(shí)是,每款A(yù)PP都是獨(dú)特的,如何去使用,以及和人使用,這些差異在一定情況下使指導(dǎo)造就了可靠,務(wù)實(shí),用戶友好的特性,讓我們一起來(lái)觀察一下案例。
如果你開(kāi)發(fā)的APP交互方式與大部分用戶之前接觸的交互方式有所不同—尤其是手勢(shì)操作,那指導(dǎo)頁(yè)面就起著重要的作用。手勢(shì)操作類型的APP,目前仍處于實(shí)驗(yàn)和探索階段,比如,開(kāi)發(fā)者需要指導(dǎo)用戶如何與App進(jìn)行交互,清楚地展示每個(gè)手勢(shì)及其相應(yīng)的功能。例如,時(shí)鐘軟件Timely,在屏幕指定的位置可以通過(guò)上下滑動(dòng)來(lái)增減時(shí)間。
Timely通過(guò)預(yù)先告訴用戶手勢(shì)來(lái)達(dá)到預(yù)期結(jié)果
案例2:空白陳述
如果一款A(yù)PP沒(méi)有多余的文字陳述,則會(huì)讓用戶通過(guò)一個(gè)或多個(gè)步驟用文字去填充它,指導(dǎo)頁(yè)面也適用這種方式。盡管引導(dǎo)過(guò)程僅僅是一個(gè)步驟,卻能讓用戶對(duì)他們所做的事感到放心,不用擔(dān)心點(diǎn)錯(cuò)東西。
Feedly向用戶展示了如何去檢索第一部分內(nèi)容
案例3:系列產(chǎn)品
如果你的APP是系列產(chǎn)品,也就是說(shuō)有桌面端和網(wǎng)頁(yè)端,那么引導(dǎo)頁(yè)將能對(duì)提升用戶的體驗(yàn)起到非常重要的作用,尤其是你的手機(jī)端APP沒(méi)有其他版本的全部功能。這點(diǎn)在復(fù)雜的商業(yè)APP中尤為重要,許多這樣的APP扮演者眾多用戶角色,包括每一個(gè)特定的訪問(wèn)權(quán)限和安全機(jī)制。
通常網(wǎng)頁(yè)端和桌面端都支持全部的功能,例如如創(chuàng)建,查看,編輯和刪除內(nèi)容,然而移動(dòng)端將限制這些功能,只能進(jìn)行查看。在許多案例中,一個(gè)簡(jiǎn)單的陳述將可以幫助用戶更好地使用他們的APP。
案例4:個(gè)人信息
如果你的APP依賴于個(gè)人信息,如年齡,性別,體重,婚姻狀況等,那么收集和儲(chǔ)存這些信息在引導(dǎo)頁(yè)上。一步一步地引導(dǎo)用戶目的是讓他們可以清晰地了解你所要展示的內(nèi)容,并且確保用戶可以隨時(shí)改變他們的個(gè)人信息(通常是在設(shè)置頁(yè)面)
Fitbit告訴用戶個(gè)人信息的重要性
盡管你的APP沒(méi)有符合以上案例,你的用戶通過(guò)引導(dǎo)頁(yè)的指導(dǎo)仍然可以適應(yīng)。記住一點(diǎn),用戶與產(chǎn)品的互動(dòng)至少要讓他們明白產(chǎn)品的好處。你可以將這些信息在引導(dǎo)頁(yè)上展示,后面我們將會(huì)討論功能引導(dǎo)頁(yè)的作用。
當(dāng)然,我們的職責(zé)就是設(shè)計(jì)出直觀,易于使用的產(chǎn)品。然而我們不應(yīng)該忽略引導(dǎo)頁(yè)對(duì)用戶所提供的價(jià)值,這將使體驗(yàn)變得更有趣。
使用那種引導(dǎo)方式?
這是最常見(jiàn)的三種方式:
1. 優(yōu)勢(shì)指向引導(dǎo)
2. 功能指向引導(dǎo)
3. 逐步引導(dǎo)
我們一起來(lái)看看每一種方式使用時(shí)的一些法則
這不言自明,將APP的最好的地方展現(xiàn)給用戶,依據(jù)以下一種或多種方式與用戶進(jìn)行交流:
1. 這款A(yù)PP的用途是什么?
2. 用戶如何將它們整合到生活中?
3. 用戶為什么要將它們整合到生活中?
Evernote Food清晰地向用戶展現(xiàn)使用這款A(yù)PP的好處
當(dāng)使用這種方式時(shí)需考慮以下幾種準(zhǔn)則:
1.顯示三條信息為最合適
這個(gè)數(shù)字并不是基于科學(xué)理論,而是因?yàn)橹攸c(diǎn)是要讓用戶快速了解這款A(yù)PP,“三條”最為合適(不包括屏幕標(biāo)題)。這種方式可以讓用戶對(duì)這款A(yù)PP快速上手而不會(huì)因?yàn)樾畔⒌姆彪s而感到疲累。
2.應(yīng)用“一個(gè)滑動(dòng)手勢(shì),一個(gè)概念”的規(guī)則。
回想一下你所保留的大部分所要陳述的信息,一個(gè)清晰的滑動(dòng)手勢(shì),集中信息可能更讓人記得牢。同樣是應(yīng)用引導(dǎo)頁(yè)面。“一個(gè)滑動(dòng)手勢(shì),一個(gè)概念”規(guī)則將有助于用戶集中和消化信息的每個(gè)細(xì)節(jié)。向用戶傳達(dá)太多的消息將會(huì)增添他們對(duì)你所要傳達(dá)的重要信息的視覺(jué)疲憊。
不要過(guò)分去炫耀你的APP有多酷,應(yīng)該關(guān)注用戶的數(shù)據(jù)和提醒自己用戶的真正需求和所有可能要面臨的問(wèn)題。然后,尋找可以解決的方法通過(guò)引導(dǎo)回答他們。
語(yǔ)言一致性Evernote Food,前面有提過(guò),使用動(dòng)詞來(lái)達(dá)到快速吸引和交流的效果。這種方法是有效的,高效和簡(jiǎn)潔。如果你能濃縮成幾個(gè)高效能的動(dòng)詞或者形容詞,那么一兩個(gè)句子就足夠了。必須堅(jiān)持用這種方法。一句有效、一致的表達(dá),無(wú)論實(shí)在視覺(jué)上還是專業(yè)術(shù)語(yǔ)上都能吸引用戶和提高用戶的體驗(yàn)。
NYT Now使用簡(jiǎn)潔,明了的陳述展現(xiàn)它的好處和價(jià)值
登陸,注冊(cè)前先引導(dǎo)因?yàn)橐龑?dǎo)頁(yè)面意味著對(duì)整款A(yù)PP的全局觀覽,所以把它放在注冊(cè)和訂閱服務(wù)頁(yè)面的前面。一旦他們決定訂閱,那用戶已經(jīng)做好體驗(yàn)這款A(yù)PP的準(zhǔn)備,提醒他們這款A(yù)PP的好處就變得無(wú)關(guān)緊要了。
保持簡(jiǎn)潔
也許你會(huì)疑惑,引導(dǎo)頁(yè)面是否真的必要。究竟是否應(yīng)該在應(yīng)用商店里提及這些?無(wú)需這樣做,應(yīng)用商店的描述只是APP的類型,大小。而引導(dǎo)頁(yè)面必須簡(jiǎn)短,因此,焦點(diǎn)必須是重要的內(nèi)容。除此之外,很多人跳過(guò)應(yīng)用商店的描述,直接去下載體驗(yàn)。所以,在用戶首次打開(kāi)APP時(shí),一個(gè)簡(jiǎn)單的說(shuō)明能幫助用戶整體上了解APP的功能。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- Photoshop初級(jí)教程-命令的技巧
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法