移動應(yīng)用引導(dǎo)設(shè)計賞析

最近工作有調(diào)動希坚,正好也遇上家里事兒多痢法,一晃眼居然一個月都沒有更新了狱窘。給自己施了點壓,以最快速度并且保證質(zhì)量的前提下譯出一篇财搁,各位看官久等了蘸炸。本文通過四個應(yīng)用的引導(dǎo)流程賞析,給大家設(shè)計引導(dǎo)提供了參考尖奔。

閱讀原文請戳傳送門

歡迎關(guān)注我的微信公眾號“開卷有譯”獲得新文章推送搭儒。本文為原創(chuàng)譯文,如需轉(zhuǎn)載請聯(lián)系作者提茁,注明出處微信公眾號“開卷有譯”或簡書原文地址淹禾。

-----------------我是分割線----------------

當(dāng)今移動應(yīng)用引導(dǎo)流程的設(shè)計可謂是環(huán)肥燕瘦。有些就如同創(chuàng)建賬戶或是登錄頁面一樣簡單茴扁,而更多的則是包含了應(yīng)用引導(dǎo)或是操作指南之類的內(nèi)容铃岔。無論你打算如何設(shè)計引導(dǎo)流程,看看別人是怎么做的總是有價值的峭火,并且也能從中獲得一些啟發(fā)毁习。

接下來我將給大家介紹4個不同應(yīng)用的引導(dǎo)設(shè)計——Days、Duolingo卖丸、Acorns和Authenpic蜓洪。

Days

Days是一個倒計時應(yīng)用,你可以通過它查看當(dāng)前距離某一個重大事件還有多少日子坯苹。打開應(yīng)用隆檀,首先映入眼簾的是一個干凈簡潔的歡迎頁,上面有應(yīng)用的Logo以及一段簡短的介紹。這是個非常好的設(shè)計恐仑,對于那些即使下載了這個應(yīng)用卻還仍然一知半解的用戶泉坐,他們就不用再去猜測了。

在這個頁面的底部裳仆,有個明確的引導(dǎo)操作指示用戶向下滑腕让,下滑后用戶將會看到應(yīng)用的引導(dǎo),而且這個引導(dǎo)還是交互式的:首先你會看到一個iPhone的屏幕中加載出一些預(yù)設(shè)好的事件歧斟,接著它引導(dǎo)你通過滑動屏幕來瀏覽纯丸。然后,其中一個事件會打開静袖,向你展示全屏顯示單個事件時是什么樣的觉鼻。這樣你對整個應(yīng)用就心里有數(shù)了。

接著它繼續(xù)引導(dǎo)你向上滑队橙,讓你了解即使在事件的詳情頁你也可以通過簡單操作跳到下一個事件坠陈。引導(dǎo)流程的最后一步是讓用戶去點擊分享按鈕,這個很顯然捐康,是一個社交營銷仇矾。最后,引導(dǎo)結(jié)束時解总,有一個大大地綠色按鈕出現(xiàn)贮匕,你可以通過點擊他開始使用Days。

這時花枫,你就身處應(yīng)用中刻盐,并且已經(jīng)非常清楚地知道應(yīng)用該如何使用了。不經(jīng)歷交互式引導(dǎo)用戶是無法到達(dá)這里的乌昔,所以對用戶來說這是個很好的開始,因為他們已經(jīng)對應(yīng)用有了足夠的了解壤追,就可以開始創(chuàng)建自己的事件倒計時了磕道。

Duolingo

Duolingo是個很有趣的應(yīng)用,用戶可以通過每天幾分鐘的小練習(xí)來學(xué)習(xí)一門語言行冰。打開應(yīng)用溺蕉,很自然地,你會看到一個簡單的問候頁面悼做,而不是讓你先創(chuàng)建賬號疯特。如果你已經(jīng)有賬號了,你只需登錄即可肛走;如果沒有的話漓雅,Duolingo將會帶你開啟一段美妙的初體驗。

首先,你需要選擇一種語言邻吞。應(yīng)用針對說英語的用戶提供了9種語言组题,說其他語言的則有更多可以選擇(例如只懂荷蘭語的用戶也許會要學(xué)波蘭語)。選定之后抱冷,應(yīng)用就詢問你是否要進(jìn)行一個分級測試崔列,這個測試能檢測你的語言能力,從而避免你在已經(jīng)知道的知識上浪費時間旺遮。如果你一無所知的話就直接從最基礎(chǔ)的課程開始赵讯。

對于菜鳥而言,Duolingo也不玩任何的小把戲耿眉,直接讓你開始上第一課了边翼。只有當(dāng)你完成了第一關(guān)后,應(yīng)用才會推薦你注冊賬號來保存進(jìn)度跷敬。這樣的注冊流程設(shè)計很有趣而且特別好讯私,你已經(jīng)取得一定進(jìn)展并且花了精力在上面了,如果不注冊把進(jìn)度保存下來反而是浪費時間了西傀。而此時斤寇,用戶也對應(yīng)用有了大致的了解,他們似乎更容易轉(zhuǎn)化成注冊用戶因為他們已經(jīng)體驗過了拥褂。

Acorns

Acorns是個自動投資的手機應(yīng)用娘锁。他會將你平時花銷的找零進(jìn)行投資從而獲得長久的收益。打開應(yīng)用后的四屏介紹了這個應(yīng)用的功能饺鹃,大致可以讓你知道Acorns是如何工作的莫秆。引導(dǎo)頁用引人入勝的動畫以及少量的文字展現(xiàn)了該應(yīng)用進(jìn)行投資的不同步驟。

最后一頁是個注冊登錄頁悔详。這也是個很典型的做法镊屎。然而,當(dāng)你準(zhǔn)備要創(chuàng)建一個賬戶茄螃,開始填入郵箱和密碼時缝驳,界面發(fā)生了一些些變化,以騰出空間顯示密碼要求归苍。不僅是這樣用狱,應(yīng)用還會告訴你那些要求你的密碼已經(jīng)滿足,那些還沒有達(dá)到拼弃。這個體驗非常的好夏伊,有以下兩個原因。

第一吻氧,它讓這個流程變得更加輕松溺忧,顯示出具體的密碼需求讓你清楚地知道還有哪些沒有滿足咏连,這樣你一次就能夠成功地設(shè)置好密碼。根本不需要猜砸狞,“需要一個特殊字母嘛捻勉?還是數(shù)字就好?”

第二刀森,也是更為重要的就是Acorn顯示出它的透明性踱启。這是第一次讓用戶感覺到應(yīng)用是很關(guān)心用戶的,并且愿意與用戶一起攜手走過每一步的研底。它并沒有讓任何事情懸而未決埠偿,哪怕像創(chuàng)建密碼這樣一件小事,都是確保你馬上做出正確地選擇榜晦。

當(dāng)你成功創(chuàng)建了賬號冠蒋,你就完成了Acorns第一階段的引導(dǎo)。接下來就是設(shè)置投資賬戶和綁定銀行卡了乾胶。和之前一樣抖剿,這次的引導(dǎo)也是帶著用戶一步步設(shè)置的。這其實是個很長的流程识窿,但是Acorns并不會讓你覺得那么難以忍受斩郎,因為它將事情都說的很清楚并且讓你可以輕松完成。這是他們品牌形象的重要部分喻频,得以在引導(dǎo)流程的設(shè)計中展現(xiàn)出來缩宜。

Authenpic

如果你喜歡驚喜喜歡拍照,這個應(yīng)用就是為你量身定做的甥温。它就像老式的膠片機锻煌。你可以用它拍24張照片,但是不能預(yù)覽姻蚓,也不能重拍宋梧。如果你想看看自己拍得如何,你需要購買然后可以收到打印出來的相片狰挡。

這是個很有趣的應(yīng)用捂龄,讓我們回歸真實。不讓放棄重拍并且制造驚喜會讓事情變得很有趣圆兵。當(dāng)你首次打開應(yīng)用的時候跺讯,你會看到Facebook第三方登錄的按鈕枢贿,這使得注冊登錄流程變得更加簡單殉农。

如果你沒有facebook賬戶,就也可以用傳統(tǒng)的方法來創(chuàng)建一個Authenpic賬戶局荚。當(dāng)你完成注冊之后超凳,你將會看到一個快速引導(dǎo)愈污。

首先你會看到綠色的大按鈕,這是開啟你“膠片”之旅的開關(guān)轮傍。接著你會看到一段文字來確認(rèn)你暂雹,也就是用戶,明白這個應(yīng)用的規(guī)則:你不能預(yù)覽或是重拍创夜。接下來杭跪,你就可以開始拍照了。

一旦你同意你就會看到界面在給你介紹一些不同的東西驰吓,比如你還剩多少張照片可拍涧尿,拍下一張照的按鈕在哪。這是一個超級簡潔的應(yīng)用檬贰,也有一個簡潔的引導(dǎo)流程姑廉。

這些對你的應(yīng)用意味這什么?

引導(dǎo)在應(yīng)用設(shè)計中是個非常重要的流程翁涤,因為他是用戶第一次打開應(yīng)用會看到的東西桥言,也會第一次帶你了解這個應(yīng)用。引導(dǎo)流程幾乎都會根據(jù)應(yīng)用而相應(yīng)變化的葵礼,所以我希望通過這篇文章讓大家明白有許多不同的方法都可以用來設(shè)計引導(dǎo)流程号阿。一旦引導(dǎo)中信息足夠清楚并且有用,你就已經(jīng)邁出成功的第一步了章咧。

-----------------我是分割線----------------

本文為原創(chuàng)譯文倦西,如需轉(zhuǎn)載請聯(lián)系作者,注明出處微信公眾號“開卷有譯”或簡書原文地址赁严。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末扰柠,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子疼约,更是在濱河造成了極大的恐慌卤档,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件程剥,死亡現(xiàn)場離奇詭異劝枣,居然都是意外死亡,警方通過查閱死者的電腦和手機织鲸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進(jìn)店門舔腾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人搂擦,你說我怎么就攤上這事稳诚。” “怎么了瀑踢?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵扳还,是天一觀的道長才避。 經(jīng)常有香客問我,道長氨距,這世上最難降的妖魔是什么桑逝? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮俏让,結(jié)果婚禮上楞遏,老公的妹妹穿的比我還像新娘。我一直安慰自己首昔,他們只是感情好橱健,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著沙廉,像睡著了一般拘荡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上撬陵,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天珊皿,我揣著相機與錄音,去河邊找鬼巨税。 笑死锨侯,一個胖子當(dāng)著我的面吹牛对竣,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼刁岸,長吁一口氣:“原來是場噩夢啊……” “哼虎锚!你這毒婦竟也來了覆糟?” 一聲冷哼從身側(cè)響起猛遍,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎驰后,沒想到半個月后肆资,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡灶芝,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年郑原,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夜涕。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡犯犁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出女器,到底是詐尸還是另有隱情酸役,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布晓避,位于F島的核電站簇捍,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏俏拱。R本人自食惡果不足惜暑塑,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望锅必。 院中可真熱鬧事格,春花似錦、人聲如沸搞隐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽劣纲。三九已至逢捺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間癞季,已是汗流浹背劫瞳。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留绷柒,地道東北人志于。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像废睦,于是被迫代替她去往敵國和親伺绽。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理嗜湃,服務(wù)發(fā)現(xiàn)奈应,斷路器,智...
    卡卡羅2017閱讀 134,651評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,072評論 25 707
  • 如今购披,移動應(yīng)用對首次使用的用戶呈現(xiàn)歡迎頁已經(jīng)越來越普遍了钥组。這樣做的目的就是向用戶介紹并展示我們的應(yīng)用。本文給移動應(yīng)...
    TerryFan閱讀 4,131評論 1 25
  • 這周看了一本書——《移動應(yīng)用UI設(shè)計模式》今瀑,與0-1歲產(chǎn)品經(jīng)理分享: 其實全書就是把移動應(yīng)用的表皮撕碎了來講程梦,從用...
    拾零閱讀 1,412評論 1 9
  • 有時候人就是這么奇怪,受了天大的委屈都不會吭聲橘荠,但聽到安慰的話卻泣不成聲屿附。說的大概就是我吧。 高一...
    Joby_z閱讀 583評論 0 0