在設計移動端APP的時候,最重要的一點是確保界面和交互足夠有用又清晰直觀。如果這兩個基本的特征都無法達成,用戶是沒有足夠的理由來使用它的,更不用說額外的價值體現了。不過,在確保可用性的前提下,學習曲線太過陡峭,用戶的留存率則不會太高,畢竟學習成本擺在那兒放著。良好的UI設計,通常會幫助用戶解決問題,確保可用性和易用性,而這些經過設計師反復打磨和驗證過后的相對經典的設計最佳實踐,則被視作為設計模式。設計模式的好處在于,它經過了驗證,并且具備突出的特性。了解如今所流行的設計模式,能夠讓你的APP在投放市場之后獲得更多的支持,擁有更強的競爭力。
今天的文章會著重介紹移動端APP導航的設計模式。無論你所設計的APP是什么樣的類型,或多或少都繞不開導航設計。作為APP中最常用也是最重要的模塊,導航甚至可能直接影響到用戶會不會喜愛你的APP。
1、產品演示和教程引導
可用性是APP是否取得成功的關鍵性影響因素。但是有的應用當中本身就包含著相對復雜的功能和多樣的內容,這個時候,通過產品演示和教程引導來告知用戶如何使用這一產品,是一個頗為有效的方式。Secret 和 Youtube 這兩個應用就面對著這樣的局面,在新用戶打開界面之后,設計師將關鍵性的UI控件標注出來,通過交互式的引導來幫助用戶熟悉這些功能。而 Carousel 和 Duolingo 則采用了展示性的幻燈片來幫助用戶體驗其中的核心功能。當APP中部分功能對于用戶而言不夠明顯的時候,可以采用這種教程和引導模式來幫助用戶,在簡化APP的復雜性和易用性上有明顯的效果。這種設計模式的另外一個優勢在于,能夠幫助開發者和設計師搜集到更多有效的用戶數據,進而找到更加便捷的交互,提升用戶體驗。
2、基于內容的導航
無論你的APP當中包含著怎樣的內容,你總希望整體的用戶體驗是順暢的,內容足夠清晰。基于內容的導航指的并非是系統性的導航,而是在瀏覽過程中,讓概覽模式和詳情模式下無縫轉換的一種導航模式。以 Tinder 這款應用為例,在用戶的個人頁當中,你首先看到的是概覽模式,其中用戶的圖片占據著絕大多數的區域,再點擊一下之后,圖片縮小,你可以看到更多和用戶相關的信息,著是詳情模式。各有側重的兩種模式滿足不同的需求,無縫地切換引領用戶到不同的內容。