為大家概括性地介紹5種流行移動(dòng)應(yīng)用中常見(jiàn)的界面設(shè)計(jì)模式以供大家在自己的項(xiàng)目中參考。這些設(shè)計(jì)模式有助于大家提高設(shè)計(jì)的可用性，讓界面變得更加直觀。文章將側(cè)重介紹能夠幫助大家進(jìn)行下列各方面設(shè)計(jì)的模式：

1. 社交分享
2. 通知
3. 彈窗
4. 內(nèi)容更新
5. 用戶(hù)互動(dòng)（滑動(dòng)、點(diǎn)擊等）

一、社交登陸

在這個(gè)社交網(wǎng)絡(luò)盛行的時(shí)代，我們是不是真的還需要用這種陳舊的方式提交個(gè)人資料？社交登陸這一設(shè)計(jì)模式完全可以讓用戶(hù)輕松快捷的登陸，從而取代注冊(cè)、填寫(xiě)表單之類(lèi)的麻煩工作。

用戶(hù)可以直接登陸自己的社交網(wǎng)絡(luò)賬號(hào)（Facebook、Twitter或者Google等），無(wú)需另外創(chuàng)建一個(gè)以后不太可能繼續(xù)使用的賬戶(hù)，這樣可以大大提高注冊(cè)效率。除此之外，這一設(shè)計(jì)模式還有下列好處：

• 使用現(xiàn)有社交網(wǎng)絡(luò)賬號(hào)登陸用戶(hù)就不用再多記一套用戶(hù)名密碼了。
• 用戶(hù)無(wú)需被迫在自己剛剛下載還不熟悉如何使用的應(yīng)用中輸入信息，從而簡(jiǎn)化注冊(cè)流程。
• 讓用戶(hù)通過(guò)現(xiàn)有社交網(wǎng)絡(luò)賬號(hào)注冊(cè)也許能讓你獲得一些有關(guān)他們的基本資料。這樣你就能更加有效的根據(jù)用戶(hù)的實(shí)際需求調(diào)整應(yīng)用。

注：在國(guó)內(nèi)這一設(shè)計(jì)演變成了：您可以使用QQ/微博合作帳號(hào)登錄，然后給你綁定，繼續(xù)回到注冊(cè)界面  – –

二、通知

通知功能可突出顯示近期的活動(dòng)和操作。我們每天要接觸大量的信息，但百忙之中卻沒(méi)有時(shí)間（或者不愿意把時(shí)間）花費(fèi)在手機(jī)上。我們都喜歡在盡可能短的時(shí)間內(nèi)完成要做的事，然后馬上知道是否有新的活動(dòng)或者情況能夠引起自己的關(guān)注。因此，對(duì)于通知設(shè)計(jì)模式的透徹理解和妥當(dāng)實(shí)施非常重要。

很多知名公司的移動(dòng)應(yīng)用采用了下列幾種不同的方法實(shí)施其通知設(shè)計(jì)：

• LinkedIn在有更新內(nèi)容的標(biāo)簽上放置標(biāo)有數(shù)字的徽標(biāo)。
• Twitter則在時(shí)間軸圖標(biāo)頂部放置一個(gè)小點(diǎn)指示有新活動(dòng)。
• Facebook使用一個(gè)會(huì)在應(yīng)用內(nèi)垂下的彈出條幅顯示新鮮事推送中的新內(nèi)容通知。

你可以模仿一下你最喜歡的解決辦法，試試這個(gè)辦法是否適合于你和你的用戶(hù)。

通知欄該怎么設(shè)計(jì)，具體方法右戳學(xué)習(xí)：《怕打擾用戶(hù)？來(lái)看看怎樣設(shè)計(jì)通知欄不會(huì)討人厭》

三、彈窗和層疊窗口

彈窗（也叫層疊窗口）是一種常用于互聯(lián)網(wǎng)廣告的方法。彈窗會(huì)在不創(chuàng)建新窗口的情況下遮蓋住主要內(nèi)容，無(wú)法使用攔阻軟件進(jìn)行攔截，因此用戶(hù)非看不可。一般來(lái)說(shuō)這種情況很讓用戶(hù)討厭，但在有些情況下，彈窗打斷用戶(hù)的使用反而能給用戶(hù)帶來(lái)幫助。例如，用戶(hù)可能會(huì)希望在不丟失當(dāng)前用戶(hù)界面的情況下查看某些信息。

下面是一些彈窗設(shè)計(jì)模式幫助解決問(wèn)題的案例：

• 在用戶(hù)在應(yīng)用中執(zhí)行特定操作或達(dá)到特定時(shí)點(diǎn)時(shí)彈出并顯示與特定操作或場(chǎng)景相關(guān)的信息/控制方法。
• 應(yīng)用中原來(lái)的內(nèi)容或場(chǎng)景仍然在背景中顯示，但彈窗可以讓用戶(hù)選擇是否要了解接下來(lái)要出現(xiàn)的內(nèi)容。
• 彈窗可以吸引用戶(hù)的注意力并在必要時(shí)提供重要通知。在使用完成后，用戶(hù)可以點(diǎn)擊或滑動(dòng)屏關(guān)閉彈窗返回先前活動(dòng)狀態(tài)。

四、下拉刷新

在習(xí)慣了使用Facebook、Twitter或Google等社交網(wǎng)站后，我們都會(huì)很自然的使用下拉手勢(shì)進(jìn)行內(nèi)容更新。第一個(gè)使用這個(gè)設(shè)計(jì)模式的公司是Apple，在此之后這一設(shè)計(jì)就廣為流行開(kāi)來(lái)了。

當(dāng)用戶(hù)需要顯示一列非靜態(tài)，但不能自動(dòng)刷新的內(nèi)容時(shí)，就可以適用下拉刷新模式。下拉刷新時(shí)，屏幕會(huì)滾動(dòng)到頂部，刷新完成后新內(nèi)容將從頂部開(kāi)始顯示。這種設(shè)計(jì)模式可以節(jié)約空間（不需要使用按鈕）而且簡(jiǎn)單易懂。這種方式還不僅局限于更新內(nèi)容，其還可以用于在一系列短信、圖片或資料更新中加載早先的內(nèi)容。

五、用戶(hù)交互（滑動(dòng)、點(diǎn)擊等）

除了下拉刷新手勢(shì)外，滑動(dòng)也是智能手機(jī)上最為常用的手勢(shì)之一。很多應(yīng)用都允許用戶(hù)在文章上左右滑動(dòng)來(lái)了解詳細(xì)信息或執(zhí)行其他操作。與依賴(lài)于點(diǎn)擊鼠標(biāo)的傳統(tǒng)web應(yīng)用相比，這一方法充滿(mǎn)創(chuàng)新意義。

在Android和iOS上有大量采用了滑動(dòng)、點(diǎn)擊及其他特定用戶(hù)交互方式的移動(dòng)應(yīng)用，你可以在自己的項(xiàng)目過(guò)程中予以參考。每個(gè)應(yīng)用對(duì)于自己的用戶(hù)來(lái)說(shuō)都有不同的意義和價(jià)值。你應(yīng)當(dāng)在畫(huà)線框圖的過(guò)程中做好規(guī)劃再投入設(shè)計(jì)或開(kāi)發(fā)流程。在測(cè)試過(guò)程中花點(diǎn)時(shí)間思考用戶(hù)的反饋、建議和批評(píng)。

文章來(lái)源：優(yōu)設(shè)   作者:程遠(yuǎn)



分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)