在設(shè)計移動端APP的時候，最重要的一點是確保界面和交互足夠有用又清晰直觀。如果這兩個基本的特征都無法達成，用戶是沒有足夠的理由來使用它的，更不用說額外的價值體現(xiàn)了。不過，在確保可用性的前提下，學習曲線太過陡峭，用戶的留存率則不會太高，畢竟學習成本擺在那兒放著。良好的UI設(shè)計，通常會幫助用戶解決問題，確?？捎眯院鸵子眯?，而這些經(jīng)過設(shè)計師反復(fù)打磨和驗證過后的相對經(jīng)典的設(shè)計最佳實踐，則被視作為設(shè)計模式。設(shè)計模式的好處在于，它經(jīng)過了驗證，并且具備突出的特性。了解如今所流行的設(shè)計模式，能夠讓你的APP在投放市場之后獲得更多的支持，擁有更強的競爭力。廣州網(wǎng)站建設(shè)公司
今天的文章會著重介紹移動端APP導(dǎo)航的設(shè)計模式。無論你所設(shè)計的APP是什么樣的類型，或多或少都繞不開導(dǎo)航設(shè)計。作為APP中最常用也是最重要的模塊，導(dǎo)航甚至可能直接影響到用戶會不會喜愛你的APP。1、產(chǎn)品演示和教程引導(dǎo)
可用性是APP是否取得成功的關(guān)鍵性影響因素。但是有的應(yīng)用當中本身就包含著相對復(fù)雜的功能和多樣的內(nèi)容，這個時候，通過產(chǎn)品演示和教程引導(dǎo)來告知用戶如何使用這一產(chǎn)品，是一個頗為有效的方式。Secret 和 Youtube 這兩個應(yīng)用就面對著這樣的局面，在新用戶打開界面之后，設(shè)計師將關(guān)鍵性的UI控件標注出來，通過交互式的引導(dǎo)來幫助用戶熟悉這些功能。而 Carousel 和 Duolingo 則采用了展示性的幻燈片來幫助用戶體驗其中的核心功能。當APP中部分功能對于用戶而言不夠明顯的時候，可以采用這種教程和引導(dǎo)模式來幫助用戶，在簡化APP的復(fù)雜性和易用性上有明顯的效果。這種設(shè)計模式的另外一個優(yōu)勢在于，能夠幫助開發(fā)者和設(shè)計師搜集到更多有效的用戶數(shù)據(jù)，進而找到更加便捷的交互，提升用戶體驗。
2、基于內(nèi)容的導(dǎo)航
無論你的APP當中包含著怎樣的內(nèi)容，你總希望整體的用戶體驗是順暢的，內(nèi)容足夠清晰?；趦?nèi)容的導(dǎo)航指的并非是系統(tǒng)性的導(dǎo)航，而是在瀏覽過程中，讓概覽模式和詳情模式下無縫轉(zhuǎn)換的一種導(dǎo)航模式。以 Tinder 這款應(yīng)用為例，在用戶的個人頁當中，你首先看到的是概覽模式，其中用戶的圖片占據(jù)著絕大多數(shù)的區(qū)域，再點擊一下之后，圖片縮小，你可以看到更多和用戶相關(guān)的信息，著是詳情模式。各有側(cè)重的兩種模式滿足不同的需求，無縫地切換引領(lǐng)用戶到不同的內(nèi)容。
3、滑塊
在Uber 當中，你常常會看到三到四種不同的乘車服務(wù)，設(shè)計師并沒有采用四個不同的界面來進行呈現(xiàn)，而是設(shè)計了一個可供用戶來回撥動的滑塊，用戶只需要左右滑動就能夠快速切換不同的服務(wù)。這也是一種經(jīng)典的移動端導(dǎo)航設(shè)計，只需要使用手指輕輕掃動，就能無縫切換。最關(guān)鍵的是，這種模式是非常直觀的，學習成本幾乎為零。
4、彈出框
并不是所有的彈出框都是“壞”設(shè)計。有的時候，為了讓用戶和界面之間更好的交互，彈出框是最佳的解決方案。當有最新的推送信息出現(xiàn)，用戶在瀏覽當前頁面而不想跳出的時候，使用彈出框來呈現(xiàn)臨時介入的信息，是一個兩全其美的方案。不過，這種彈出框所遵循的設(shè)計模式是這樣的：用戶執(zhí)行特定的操作或者到達應(yīng)用的特定位置的時候出現(xiàn)彈出式窗口，顯示與當前操作/位置相關(guān)的信息。
彈出框位于前景，而用戶所瀏覽的原始內(nèi)容則在背景中依然存在，關(guān)閉彈出框之后，用戶可以繼續(xù)查看之前未看完的內(nèi)容。彈出框是一種足夠引人矚目的控件，在用戶真正需要的時候提供幫助，如果濫用則會非常惱人。與此同時，彈出框的關(guān)閉也必須足夠便捷，最好是輕掃或者點擊就能輕松關(guān)閉。
TED的官方應(yīng)用當中，就采用了這樣的設(shè)計模式。當用戶在瀏覽內(nèi)容列表的時候，可以以淡入淡出的形式彈出視頻信息，用戶可以臨時查看這些視頻內(nèi)容，關(guān)閉之后繼續(xù)查看信息流不受影響。
5、側(cè)邊欄和抽屜控件
同電視和桌面端的電腦相比，手機的屏幕尺寸太小了。所以，在這些小屏幕上進行設(shè)計的最大的問題，始終是如何在有限的區(qū)域內(nèi)有效而優(yōu)雅地放置更多的內(nèi)容。為了避免在屏幕上混雜大量的信息，設(shè)計師們常常是選擇側(cè)邊欄、下拉框和抽屜控件來承載更多的內(nèi)容。而我們最常見的，是如今幾乎無處不在的漢堡菜單、滑出菜單的箭頭和側(cè)邊欄，其中大都承載了更多的選項和更深層級的內(nèi)容。通過這樣的信息收納方式，讓主界面上可以更好的顯示關(guān)鍵的信息。
