小編推薦：本文是關(guān)于比較經(jīng)典的幾種交互模式的注意事項和講解(其實就是時間比較早的文章啦)，適合入門級的交互設(shè)計師和產(chǎn)品經(jīng)理。

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

　　· 社交分享

　　· 通知

　　· 彈窗

　　· 內(nèi)容更新

　　· 用戶互動(滑動、點擊等)

社交登陸

　　在《3條建議幫助讓自己的應(yīng)用不再惹人煩》這篇文章中，我們以某個游戲為例(這個游戲會在用戶每次啟動時詢問是否要登陸Facebook，無法關(guān)閉提示)提到了意外的事件和情況有多么煩人。Facebook的流行讓我又想到了另外一種在需要注冊服務(wù)或填寫表單時可能出現(xiàn)的惱人情況。

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

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

　　·使用現(xiàn)有社交網(wǎng)絡(luò)賬號登陸用戶就不用再多記一套用戶名密碼了。

　　·用戶無需被迫在自己剛剛下載還不熟悉如何使用的應(yīng)用中輸入信息，從而簡化注冊流程。

　　·讓用戶通過現(xiàn)有社交網(wǎng)絡(luò)賬號注冊也許能讓你獲得一些有關(guān)他們的基本資料。這樣你就能更加有效的根據(jù)用戶的實際需求調(diào)整應(yīng)用。

通知

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

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

　　· LinkedIn在有更新內(nèi)容的標(biāo)簽上放置標(biāo)有數(shù)字的徽標(biāo)。

　　· Twitter則在時間軸圖標(biāo)頂部放置一個小點指示有新活動。

　　· Facebook使用一個會在應(yīng)用內(nèi)垂下的彈出條幅顯示新鮮事推送中的新內(nèi)容通知。

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

彈窗和層疊窗口

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

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

　　· 在用戶在應(yīng)用中執(zhí)行特定操作或達(dá)到特定時點時彈出并顯示與特定操作或場景相關(guān)的信息/控制方法。

　　· 應(yīng)用中原來的內(nèi)容或場景仍然在背景中顯示，但彈窗可以讓用戶選擇是否要了解接下來要出現(xiàn)的內(nèi)容。

　　· 彈窗可以吸引用戶的注意力并在必要時提供重要通知。在使用完成后，用戶可以點擊或滑動屏幕關(guān)閉彈窗返回先前活動狀態(tài)。

內(nèi)容更新：下拉刷新

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

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

用戶交互(滑動、點擊等)

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

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

結(jié)束語

　　在本文中，我們一起看了5種移動端應(yīng)用界面的設(shè)計模式，希望能給你帶來靈感。如果你想對其他主要設(shè)計模式有更深入的了解，建議你下載UXPin的免費電子書《移動端UI設(shè)計模式2014：當(dāng)今熱門應(yīng)用深入觀察》，這篇簡單明了的指南對龐大的移動端設(shè)計模式領(lǐng)域進(jìn)行了深入的探討分析。

網(wǎng)站標(biāo)題：產(chǎn)品經(jīng)理必讀：5項提高產(chǎn)品設(shè)計的交互模式
URL網(wǎng)址：http://jinyejixie.com/news46/160646.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站制作、全網(wǎng)營銷推廣、面包屑導(dǎo)航、用戶體驗、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)