你了解這5項(xiàng)最常用的交互模式嗎?
我將為大家概括性地介紹5種流行移動(dòng)應(yīng)用中常見的界面設(shè)計(jì)模式以供大家在自己的項(xiàng)目中參考。這些設(shè)計(jì)模式有助于大家提高設(shè)計(jì)的可用性,讓界面變得更加直觀。文章將側(cè)重介紹能夠幫助大家進(jìn)行下列各方面設(shè)計(jì)的模式:
- 社交分享
- 通知
- 彈窗
- 內(nèi)容更新
- 用戶互動(dòng)(滑動(dòng)、點(diǎn)擊等)
一、社交登陸
在這個(gè)社交網(wǎng)絡(luò)盛行的時(shí)代,我們是不是真的還需要用這種陳舊的方式提交個(gè)人資料?社交登陸這一設(shè)計(jì)模式完全可以讓用戶輕松快捷的登陸,從而取代注冊、填寫表單之類的麻煩工作。
用戶可以直接登陸自己的社交網(wǎng)絡(luò)賬號(hào)(Facebook、Twitter或者Google等),無需另外創(chuàng)建一個(gè)以后不太可能繼續(xù)使用的賬戶,這樣可以大大提高注冊效率。除此之外,這一設(shè)計(jì)模式還有下列好處:
- 使用現(xiàn)有社交網(wǎng)絡(luò)賬號(hào)登陸用戶就不用再多記一套用戶名密碼了。
- 用戶無需被迫在自己剛剛下載還不熟悉如何使用的應(yīng)用中輸入信息,從而簡化注冊流程。
- 讓用戶通過現(xiàn)有社交網(wǎng)絡(luò)賬號(hào)注冊也許能讓你獲得一些有關(guān)他們的基本資料。這樣你就能更加有效的根據(jù)用戶的實(shí)際需求調(diào)整應(yīng)用。
注:在國內(nèi)這一設(shè)計(jì)演變成了:您可以使用QQ/微博合作帳號(hào)登錄,然后給你綁定,繼續(xù)回到注冊界面 ?– –
二、通知
通知功能可突出顯示近期的活動(dòng)和操作。我們每天要接觸大量的信息,但百忙之中卻沒有時(shí)間(或者不愿意把時(shí)間)花費(fèi)在手機(jī)上。我們都喜歡在盡可能短的 時(shí)間內(nèi)完成要做的事,然后馬上知道是否有新的活動(dòng)或者情況能夠引起自己的關(guān)注。因此,對于通知設(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è)辦法是否適合于你和你的用戶。
三、彈窗和層疊窗口
彈窗(也叫層疊窗口)是一種常用于互聯(lián)網(wǎng)廣告的方法。彈窗會(huì)在不創(chuàng)建新窗口的情況下遮蓋住主要內(nèi)容,無法使用攔阻軟件進(jìn)行攔截,因此用戶非看不可。 一般來說這種情況很讓用戶討厭,但在有些情況下,彈窗打斷用戶的使用反而能給用戶帶來幫助。例如,用戶可能會(huì)希望在不丟失當(dāng)前用戶界面的情況下查看某些信 息。
下面是一些彈窗設(shè)計(jì)模式幫助解決問題的案例:
- 在用戶在應(yīng)用中執(zhí)行特定操作或達(dá)到特定時(shí)點(diǎn)時(shí)彈出并顯示與特定操作或場景相關(guān)的信息/控制方法。
- 應(yīng)用中原來的內(nèi)容或場景仍然在背景中顯示,但彈窗可以讓用戶選擇是否要了解接下來要出現(xiàn)的內(nèi)容。
- 彈窗可以吸引用戶的注意力并在必要時(shí)提供重要通知。在使用完成后,用戶可以點(diǎn)擊或滑動(dòng)屏關(guān)閉彈窗返回先前活動(dòng)狀態(tài)。
四、下拉刷新
在習(xí)慣了使用Facebook、Twitter或Google等社交網(wǎng)站后,我們都會(huì)很自然的使用下拉手勢進(jìn)行內(nèi)容更新。第一個(gè)使用這個(gè)設(shè)計(jì)模式的公司是Apple,在此之后這一設(shè)計(jì)就廣為流行開來了。
當(dāng)用戶需要顯示一列非靜態(tài),但不能自動(dòng)刷新的內(nèi)容時(shí),就可以適用下拉刷新模式。下拉刷新時(shí),屏幕會(huì)滾動(dòng)到頂部,刷新完成后新內(nèi)容將從頂部開始顯示。 這種設(shè)計(jì)模式可以節(jié)約空間(不需要使用按鈕)而且簡單易懂。這種方式還不僅局限于更新內(nèi)容,其還可以用于在一系列短信、圖片或資料更新中加載早先的內(nèi)容。
五、用戶交互(滑動(dòng)、點(diǎn)擊等)
除了下拉刷新手勢外,滑動(dòng)也是智能手機(jī)上最為常用的手勢之一。很多應(yīng)用都允許用戶在文章上左右滑動(dòng)來了解詳細(xì)信息或執(zhí)行其他操作。與依賴于點(diǎn)擊鼠標(biāo)的傳統(tǒng)web應(yīng)用相比,這一方法充滿創(chuàng)新意義。
在Android和iOS上有大量采用了滑動(dòng)、點(diǎn)擊及其他特定用戶交互方式的移動(dòng)應(yīng)用,你可以在自己的項(xiàng)目過程中予以參考。每個(gè)應(yīng)用對于自己的用戶 來說都有不同的意義和價(jià)值。你應(yīng)當(dāng)在畫線框圖的過程中做好規(guī)劃再投入設(shè)計(jì)或開發(fā)流程。在測試過程中花點(diǎn)時(shí)間思考用戶的反饋、建議和批評。
結(jié)束語
在本文中,我們一起看了5種移動(dòng)端應(yīng)用界面的設(shè)計(jì)模式,希望能給你帶來靈感。
原文地址:sitepoint
譯文地址:http://uec.nq.com/works/136
譯者:蔣燦
標(biāo)題都有錯(cuò)別字,叫我如何相信你說的內(nèi)容
log in:登錄
landingpage:著陸頁
錄≠陸
這5中交互方式在移動(dòng)端用的太廣泛了。。
good,學(xué)習(xí)了。社交登錄的部分,包括web端有僅綁定也有直接可登錄的,但是在移動(dòng)端,繁雜的注冊流程略煩