• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 4個優秀案例中學習引導頁設計方法—- 其他教程




    教學主題: 4個優秀案例中學習引導頁設計方法

    大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

    今天的這個教學主題是: 4個優秀案例中學習引導頁設計方法

    這教學的重點為這幾點 [ 設計,方法,引導,學習,案例,優秀,應用,用戶,一個,流程, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    當今移動應用引導流程的設計可謂是環肥燕瘦。有些就如同創建賬戶或是登錄頁面一樣簡單,而更多的則是包含了應用引導或是操作指南之類的內容。無論你打算如何設計引導流程,看看別人是怎麼做的總是有價值的,並且也能從中獲得一些啟發。

    當今移動應用引導流程的設計可謂是環肥燕瘦。有些就如同創建賬戶或是登錄頁面一樣簡單,而更多的則是包含了應用引導或是操作指南之類的內容。無論你打算如何設計引導流程,看看別人是怎麼做的總是有價值的,並且也能從中獲得一些啟發。

    本文譯者微信號開卷有譯,歡迎關注呦。

    接下來我將給大家介紹4個不同應用的引導設計——Days、Duolingo、Acorns和Authenpic。

    Days

    Days是一個倒計時應用,你可以通過它查看當前距離某一個重大事件還有多少日子。打開應用,首先映入眼帘的是一個乾淨簡潔的歡迎頁,上面有應用的Logo以及一段簡短的介紹。這是個非常好的設計,對於那些即使下載了這個應用卻還仍然一知半解的用戶,他們就不用再去猜測了。

    在這個頁面的底部,有個明確的引導操作指示用戶向下滑,下滑後用戶將會看到應用的引導,而且這個引導還是交互式的:首先你會看到一個iPhone的屏幕中加載出一些預設好的事件,接着它引導你通過滑動屏幕來瀏覽。然後,其中一個事件會打開,向你展示全屏顯示單個事件時是什麼樣的。這樣你對整個應用就心裡有數了。

    4個優秀案例中學習引導頁設計方法

    接着它繼續引導你向上滑,讓你了解即使在事件的詳情頁你也可以通過簡單操作跳到下一個事件。引導流程的最後一步是讓用戶去點擊分享按鈕,這個很顯然,是一個社交營銷。最後,引導結束時,有一個大大地綠色按鈕出現,你可以通過點擊他開始使用Days。

    4個優秀案例中學習引導頁設計方法

    這時,你就身處應用中,並且已經非常清楚地知道應用該如何使用了。不經歷交互式引導用戶是無法到達這裡的,所以對用戶來說這是個很好的開始,因為他們已經對應用有了足夠的了解,就可以開始創建自己的事件倒計時了。

    Duolingo

    Duolingo是個很有趣的應用,用戶可以通過每天幾分鐘的小練習來學習一門語言。打開應用,很自然地,你會看到一個簡單的問候頁面,而不是讓你先創建賬號。如果你已經有賬號了,你只需登錄即可;如果沒有的話,Duolingo將會帶你開啟一段美妙的初體驗。

    4個優秀案例中學習引導頁設計方法

    首先,你需要選擇一種語言。應用針對說英語的用戶提供了9種語言,說其他語言的則有更多可以選擇(例如只懂荷蘭語的用戶也許會要學波蘭語)。選定之後,應用就詢問你是否要進行一個分級測試,這個測試能檢測你的語言能力,從而避免你在已經知道的知識上浪費時間。如果你一無所知的話就直接從最基礎的課程開始。

    4個優秀案例中學習引導頁設計方法

    對於菜鳥而言,Duolingo也不玩任何的小把戲,直接讓你開始上第一課了。只有當你完成了第一關后,應用才會推薦你註冊賬號來保存進度。這樣的註冊流程設計很有趣而且特別好,你已經取得一定進展並且花了精力在上面了,如果不註冊把進度保存下來反而是浪費時間了。而此時,用戶也對應用有了大致的了解,他們似乎更容易轉化成註冊用戶因為他們已經體驗過了。

    Acorns

    Acorns是個自動投資的手機應用。他會將你平時花銷的找零進行投資從而獲得長久的收益。打開應用后的四屏介紹了這個應用的功能,大致可以讓你知道Acorns是如何工作的。引導頁用引人入勝的動畫以及少量的文字展現了該應用進行投資的不同步驟。

    4個優秀案例中學習引導頁設計方法

    最後一頁是個註冊登錄頁。這也是個很典型的做法。然而,當你準備要創建一個賬戶,開始填入郵箱和密碼時,界面發生了一些些變化,以騰出空間顯示密碼要求。不僅是這樣,應用還會告訴你那些要求你的密碼已經滿足,那些還沒有達到。這個體驗非常的好,有以下兩個原因。

    第一,它讓這個流程變得更加輕鬆,顯示出具體的密碼需求讓你清楚地知道還有哪些沒有滿足,這樣你一次就能夠成功地設置好密碼。根本不需要猜,“需要一個特殊字母嘛?還是數字就好?”

    第二,也是更為重要的就是Acorn顯示出它的透明性。這是第一次讓用戶感覺到應用是很關心用戶的,並且願意與用戶一起攜手走過每一步的。它並沒有讓任何事情懸而未決,哪怕像創建密碼這樣一件小事,都是確保你馬上做出正確地選擇。

    4個優秀案例中學習引導頁設計方法

    當你成功創建了賬號,你就完成了Acorns第一階段的引導。接下來就是設置投資賬戶和綁定銀行卡了。和之前一樣,這次的引導也是帶着用戶一步步設置的。這其實是個很長的流程,但是Acorns並不會讓你覺得那麼難以忍受,因為它將事情都說的很清楚並且讓你可以輕鬆完成。這是他們品牌形象的重要部分,得以在引導流程的設計中展現出來。

    Authenpic

    如果你喜歡驚喜喜歡拍照,這個應用就是為你量身定做的。它就像老式的膠片機。你可以用它拍24張照片,但是不能預覽,也不能重拍。如果你想看看自己拍得如何,你需要購買然後可以收到打印出來的相片。

    這是個很有趣的應用,讓我們回歸真實。不讓放棄重拍並且製造驚喜會讓事情變得很有趣。當你首次打開應用的時候,你會看到Facebook第三方登錄的按鈕,這使得註冊登錄流程變得更加簡單。

    4個優秀案例中學習引導頁設計方法

    如果你沒有facebook賬戶,就也可以用傳統的方法來創建一個Authenpic賬戶。當你完成註冊之後,你將會看到一個快速引導。

    首先你會看到綠色的大按鈕,這是開啟你“膠片”之旅的開關。接着你會看到一段文字來確認你,也就是用戶,明白這個應用的規則:你不能預覽或是重拍。接下來,你就可以開始拍照了。

    一旦你同意你就會看到界面在給你介紹一些不同的東西,比如你還剩多少張照片可拍,拍下一張照的按鈕在哪。這是一個超級簡潔的應用,也有一個簡潔的引導流程。

    這些對你的應用意味這什麼?

    引導在應用設計中是個非常重要的流程,因為他是用戶第一次打開應用會看到的東西,也會第一次帶你了解這個應用。引導流程幾乎都會根據應用而相應變化的,所以我希望通過這篇文章讓大家明白有許多不同的方法都可以用來設計引導流程。一旦引導中信息足夠清楚並且有用,你就已經邁出成功的第一步了。

    看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 4個優秀案例中學習引導頁設計方法 這教學會喜歡

    文章標題: 骨子愛創意- 4個優秀案例中學習引導頁設計方法–轉載請註明來源處

    本教學分類為平面理論教程中的 其他教程相關教學

    文章相關關鍵字為: 設計,方法,引導,學習,案例,優秀,應用,用戶,一個,流程,

    本文永久連結 :4個優秀案例中學習引導頁設計方法

    本文轉載自 :VIA