2022-06-14 分類: 網(wǎng)站建設(shè)
當(dāng)今移動(dòng)應(yīng)用引導(dǎo)流程的設(shè)計(jì)可謂是環(huán)肥燕瘦。有些就如同創(chuàng)建賬戶或是登錄頁(yè)面一樣簡(jiǎn)單,而更多的則是包含了應(yīng)用引導(dǎo)或是操作指南之類的內(nèi)容。無(wú)論你打算如何設(shè)計(jì)引導(dǎo)流程,看看別人是怎么做的總是有價(jià)值的,并且也能從中獲得一些啟發(fā)。
接下來(lái)我將給大家介紹4個(gè)不同應(yīng)用的引導(dǎo)設(shè)計(jì)——Days、Duolingo、Acorns和Authenpic。
Days
Days是一個(gè)倒計(jì)時(shí)應(yīng)用,你可以通過(guò)它查看當(dāng)前距離某一個(gè)重大事件還有多少日子。打開(kāi)應(yīng)用,首先映入眼簾的是一個(gè)干凈簡(jiǎn)潔的歡迎頁(yè),上面有應(yīng)用的Logo以及一段簡(jiǎn)短的介紹。這是個(gè)非常好的設(shè)計(jì),對(duì)于那些即使下載了這個(gè)應(yīng)用卻還仍然一知半解的用戶,他們就不用再去猜測(cè)了。
在這個(gè)頁(yè)面的底部,有個(gè)明確的引導(dǎo)操作指示用戶向下滑,下滑后用戶將會(huì)看到應(yīng)用的引導(dǎo),而且這個(gè)引導(dǎo)還是交互式的:首先你會(huì)看到一個(gè)iPhone的屏幕中加載出一些預(yù)設(shè)好的事件,接著它引導(dǎo)你通過(guò)滑動(dòng)屏幕來(lái)瀏覽。然后,其中一個(gè)事件會(huì)打開(kāi),向你展示全屏顯示單個(gè)事件時(shí)是什么樣的。這樣你對(duì)整個(gè)應(yīng)用就心里有數(shù)了。
接著它繼續(xù)引導(dǎo)你向上滑,讓你了解即使在事件的詳情頁(yè)你也可以通過(guò)簡(jiǎn)單操作跳到下一個(gè)事件。引導(dǎo)流程的最后一步是讓用戶去點(diǎn)擊分享按鈕,這個(gè)很顯然,是一個(gè)社交營(yíng)銷。最后,引導(dǎo)結(jié)束時(shí),有一個(gè)大大地綠色按鈕出現(xiàn),你可以通過(guò)點(diǎn)擊他開(kāi)始使用Days。
這時(shí),你就身處應(yīng)用中,并且已經(jīng)非常清楚地知道應(yīng)用該如何使用了。不經(jīng)歷交互式引導(dǎo)用戶是無(wú)法到達(dá)這里的,所以對(duì)用戶來(lái)說(shuō)這是個(gè)很好的開(kāi)始,因?yàn)樗麄円呀?jīng)對(duì)應(yīng)用有了足夠的了解,就可以開(kāi)始創(chuàng)建自己的事件倒計(jì)時(shí)了。
Duolingo
Duolingo是個(gè)很有趣的應(yīng)用,用戶可以通過(guò)每天幾分鐘的小練習(xí)來(lái)學(xué)習(xí)一門(mén)語(yǔ)言。打開(kāi)應(yīng)用,很自然地,你會(huì)看到一個(gè)簡(jiǎn)單的問(wèn)候頁(yè)面,而不是讓你先創(chuàng)建賬號(hào)。如果你已經(jīng)有賬號(hào)了,你只需登錄即可;如果沒(méi)有的話,Duolingo將會(huì)帶你開(kāi)啟一段美妙的初體驗(yàn)。
首先,你需要選擇一種語(yǔ)言。應(yīng)用針對(duì)說(shuō)英語(yǔ)的用戶提供了9種語(yǔ)言,說(shuō)其他語(yǔ)言的則有更多可以選擇(例如只懂荷蘭語(yǔ)的用戶也許會(huì)要學(xué)波蘭語(yǔ))。選定之后,應(yīng)用就詢問(wèn)你是否要進(jìn)行一個(gè)分級(jí)測(cè)試,這個(gè)測(cè)試能檢測(cè)你的語(yǔ)言能力,從而避免你在已經(jīng)知道的知識(shí)上浪費(fèi)時(shí)間。如果你一無(wú)所知的話就直接從最基礎(chǔ)的課程開(kāi)始。
對(duì)于菜鳥(niǎo)而言,Duolingo也不玩任何的小把戲,直接讓你開(kāi)始上第一課了。只有當(dāng)你完成了第一關(guān)后,應(yīng)用才會(huì)推薦你注冊(cè)賬號(hào)來(lái)保存進(jìn)度。這樣的注冊(cè)流程設(shè)計(jì)很有趣而且特別好,你已經(jīng)取得一定進(jìn)展并且花了精力在上面了,如果不注冊(cè)把進(jìn)度保存下來(lái)反而是浪費(fèi)時(shí)間了。而此時(shí),用戶也對(duì)應(yīng)用有了大致的了解,他們似乎更容易轉(zhuǎn)化成注冊(cè)用戶因?yàn)樗麄円呀?jīng)體驗(yàn)過(guò)了。
Acorns
Acorns是個(gè)自動(dòng)投資的手機(jī)應(yīng)用。他會(huì)將你平時(shí)花銷的找零進(jìn)行投資從而獲得長(zhǎng)久的收益。打開(kāi)應(yīng)用后的四屏介紹了這個(gè)應(yīng)用的功能,大致可以讓你知道Acorns是如何工作的。引導(dǎo)頁(yè)用引人入勝的動(dòng)畫(huà)以及少量的文字展現(xiàn)了該應(yīng)用進(jìn)行投資的不同步驟。
最后一頁(yè)是個(gè)注冊(cè)登錄頁(yè)。這也是個(gè)很典型的做法。然而,當(dāng)你準(zhǔn)備要?jiǎng)?chuàng)建一個(gè)賬戶,開(kāi)始填入郵箱和密碼時(shí),界面發(fā)生了一些些變化,以騰出空間顯示密碼要求。不僅是這樣,應(yīng)用還會(huì)告訴你那些要求你的密碼已經(jīng)滿足,那些還沒(méi)有達(dá)到。這個(gè)體驗(yàn)非常的好,有以下兩個(gè)原因。
第一,它讓這個(gè)流程變得更加輕松,顯示出具體的密碼需求讓你清楚地知道還有哪些沒(méi)有滿足,這樣你一次就能夠成功地設(shè)置好密碼。根本不需要猜,“需要一個(gè)特殊字母嘛?還是數(shù)字就好?”
第二,也是更為重要的就是Acorn顯示出它的透明性。這是第一次讓用戶感覺(jué)到應(yīng)用是很關(guān)心用戶的,并且愿意與用戶一起攜手走過(guò)每一步的。它并沒(méi)有讓任何事情懸而未決,哪怕像創(chuàng)建密碼這樣一件小事,都是確保你馬上做出正確地選擇。
當(dāng)你成功創(chuàng)建了賬號(hào),你就完成了Acorns第一階段的引導(dǎo)。接下來(lái)就是設(shè)置投資賬戶和綁定銀行卡了。和之前一樣,這次的引導(dǎo)也是帶著用戶一步步設(shè)置的。這其實(shí)是個(gè)很長(zhǎng)的流程,但是Acorns并不會(huì)讓你覺(jué)得那么難以忍受,因?yàn)樗鼘⑹虑槎颊f(shuō)的很清楚并且讓你可以輕松完成。這是他們品牌形象的重要部分,得以在引導(dǎo)流程的設(shè)計(jì)中展現(xiàn)出來(lái)。
Authenpic
如果你喜歡驚喜喜歡拍照,這個(gè)應(yīng)用就是為你量身定做的。它就像老式的膠片機(jī)。你可以用它拍24張照片,但是不能預(yù)覽,也不能重拍。如果你想看看自己拍得如何,你需要購(gòu)買然后可以收到打印出來(lái)的相片。
這是個(gè)很有趣的應(yīng)用,讓我們回歸真實(shí)。不讓放棄重拍并且制造驚喜會(huì)讓事情變得很有趣。當(dāng)你首次打開(kāi)應(yīng)用的時(shí)候,你會(huì)看到Facebook第三方登錄的按鈕,這使得注冊(cè)登錄流程變得更加簡(jiǎn)單。
如果你沒(méi)有facebook賬戶,就也可以用傳統(tǒng)的方法來(lái)創(chuàng)建一個(gè)Authenpic賬戶。當(dāng)你完成注冊(cè)之后,你將會(huì)看到一個(gè)快速引導(dǎo)。
首先你會(huì)看到綠色的大按鈕,這是開(kāi)啟你“膠片”之旅的開(kāi)關(guān)。接著你會(huì)看到一段文字來(lái)確認(rèn)你,也就是用戶,明白這個(gè)應(yīng)用的規(guī)則:你不能預(yù)覽或是重拍。接下來(lái),你就可以開(kāi)始拍照了。
一旦你同意你就會(huì)看到界面在給你介紹一些不同的東西,比如你還剩多少?gòu)堈掌膳模南乱粡堈盏陌粹o在哪。這是一個(gè)超級(jí)簡(jiǎn)潔的應(yīng)用,也有一個(gè)簡(jiǎn)潔的引導(dǎo)流程。
這些對(duì)你的應(yīng)用意味這什么?
引導(dǎo)在應(yīng)用設(shè)計(jì)中是個(gè)非常重要的流程,因?yàn)樗怯脩舻谝淮未蜷_(kāi)應(yīng)用會(huì)看到的東西,也會(huì)第一次帶你了解這個(gè)應(yīng)用。引導(dǎo)流程幾乎都會(huì)根據(jù)應(yīng)用而相應(yīng)變化的,所以我希望通過(guò)這篇文章讓大家明白有許多不同的方法都可以用來(lái)設(shè)計(jì)引導(dǎo)流程。一旦引導(dǎo)中信息足夠清楚并且有用,你就已經(jīng)邁出成功的第一步了。
當(dāng)前文章:移動(dòng)應(yīng)用引導(dǎo)設(shè)計(jì)賞析
當(dāng)前鏈接:http://www.rwnh.cn/news/167120.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)、網(wǎng)站收錄、虛擬主機(jī)、云服務(wù)器、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容