免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

移動(dòng)設(shè)計(jì)中不可或缺的交互

2022-05-27    分類: 網(wǎng)站建設(shè)

小編推薦:在這篇文章中,來(lái)自UXPin(一款在線界面設(shè)計(jì)應(yīng)用)的克里斯·班克(Chris Bank)介紹了移動(dòng)應(yīng)用交互的重要性,以及它在設(shè)計(jì)模式上的影響力。更多的細(xì)節(jié)可以閱讀UXPin的免費(fèi)電子書《Mobile UI Design Patterns 2014》,書中有超過(guò)50個(gè)熱門移動(dòng)應(yīng)用的案例。

手勢(shì)

還記得瀏覽網(wǎng)頁(yè)時(shí),只能通過(guò)點(diǎn)擊、滑動(dòng)、滾動(dòng)和鍵盤快捷鍵來(lái)交互的日子嗎?雖然如今它們不再是唯一的交互方式,但它們的確主宰了瀏覽網(wǎng)頁(yè)時(shí)的用戶體驗(yàn)。

從另一方面來(lái)看,移動(dòng)領(lǐng)域已經(jīng)隨著新設(shè)計(jì)模式的實(shí)現(xiàn)迅速擴(kuò)大。也因?yàn)橛布蛙浖某掷m(xù)發(fā)展,移動(dòng)應(yīng)用設(shè)計(jì)也隨著史無(wú)前例的人機(jī)交互模式逐步發(fā)展成為現(xiàn)實(shí)。新的手勢(shì)為解決方案提供了可能性,也因?yàn)轫憫?yīng)式設(shè)計(jì)的進(jìn)步,網(wǎng)頁(yè)和移動(dòng)端設(shè)計(jì)同步化加劇,使得應(yīng)用程序能夠適用于各種形狀和尺寸的設(shè)備。同時(shí),這也對(duì)網(wǎng)頁(yè)體驗(yàn)的設(shè)計(jì)產(chǎn)生了重大的影響。

我們來(lái)看看安卓現(xiàn)有的手勢(shì),你的直覺(jué)認(rèn)為像日歷,信息或者相冊(cè)這樣的模型會(huì)有多少種交互方式?

網(wǎng)址點(diǎn)此


再來(lái)看一看蘋果珍藏的多點(diǎn)觸控專利手勢(shì),相信你的腦袋里一定會(huì)充斥著各種能夠設(shè)計(jì)的解決方法。下面給出的示例來(lái)自2010年的專利備案,已經(jīng)有很多都被實(shí)現(xiàn)了,蘋果公司的專利手勢(shì)文檔中一定遠(yuǎn)超這些示例。你可以把它當(dāng)作是“少數(shù)派報(bào)告”未來(lái)的一種預(yù)見吧。

網(wǎng)址點(diǎn)此


安卓系統(tǒng),蘋果系統(tǒng)和其他移動(dòng)平臺(tái)還會(huì)繼續(xù)增加各種各樣的手勢(shì),自然地實(shí)現(xiàn)應(yīng)用中特殊的行為和導(dǎo)航。這不僅僅是去除屏幕上的按鈕來(lái)保持屏幕的真實(shí)形態(tài),更重要的是讓體驗(yàn)變得直觀有趣。再將這些手勢(shì)和多樣的動(dòng)畫結(jié)合起來(lái),總有一天你就能夠把用戶界面設(shè)計(jì)模式應(yīng)用到你的移動(dòng)應(yīng)用中。


動(dòng)畫

在移動(dòng)終端使用手勢(shì)讓用戶覺(jué)得使用很自然,響應(yīng)也很真實(shí)。而動(dòng)畫扮演很重要的角色,放飛用戶的幻想?yún)s又把他們限制在用戶界面內(nèi)。

除了有形的動(dòng)畫,他們還經(jīng)常使用自然的法則和規(guī)律。定時(shí),速率,彈力,圖像和顏色過(guò)渡,滾動(dòng),以及各種設(shè)定。這些法則讓用戶覺(jué)得設(shè)計(jì)師的手段無(wú)窮無(wú)盡,充滿了驚喜。

多種動(dòng)畫和手勢(shì)的結(jié)合不僅增加了體驗(yàn)的樂(lè)趣性,也為用戶提供了寶貴的視覺(jué)反饋。這里只做簡(jiǎn)要說(shuō)明,之后我們會(huì)在博客設(shè)計(jì)庫(kù)上做深入探討。


Captivate上可以看到有名的移動(dòng)應(yīng)用動(dòng)畫。


如果你想看許多沒(méi)有裝飾的過(guò)渡,Dan Silver或許能給你靈感。


交互基礎(chǔ)示例

Pinterest,當(dāng)今時(shí)代最具有成效的擬真交互電子商務(wù)公司之一,其移動(dòng)應(yīng)用中的“可被發(fā)現(xiàn)的控制”模式令其大放異彩。下面,我要詳細(xì)地說(shuō)明這種模式要解決的問(wèn)題,以及如何好地運(yùn)用動(dòng)畫和手勢(shì)。


用戶的問(wèn)題

用戶想要在不中斷體驗(yàn)的前提下和內(nèi)容交互。


Pinterest的解決方案

Pinterest通過(guò)移除主要顯示區(qū)域中幾乎所有多余的信息和操作按鈕來(lái)避免典型的電子商務(wù)或者信息網(wǎng)站的那種復(fù)雜體驗(yàn)。這種接近極簡(jiǎn)的主義讓用戶通過(guò)觀察,拖動(dòng),滑動(dòng),觸摸等方式去做最緊要的事,沒(méi)有干擾,也不會(huì)分散注意力。

如期望的一樣,當(dāng)用戶點(diǎn)擊圖片時(shí),可以詳細(xì)了解吸引他們的圖片的更多信息。不僅如此,還可以進(jìn)行其他的一些操作,如鎖定,發(fā)送,或者是隨心所欲的編輯圖片。沒(méi)有特殊聲明的話圖片可以隨意使用。可是,如果長(zhǎng)按圖片,他們會(huì)發(fā)現(xiàn)從手指觸摸的地方冒出了具有同樣功能的3個(gè)氣泡。當(dāng)用戶想去點(diǎn)擊氣泡時(shí),手指離開屏幕它們又會(huì)消失。多次嘗試這個(gè)過(guò)程后,用戶很快學(xué)會(huì)需要將手指一直放在屏幕上,通過(guò)拖動(dòng)手指到某個(gè)氣泡按鈕上來(lái)操作。這樣做了過(guò)后,手指懸停的氣泡會(huì)快速漸變成紅色,告知用戶這個(gè)按鈕被選擇了。一旦用戶手指離開屏幕,這個(gè)動(dòng)作就生效了。

可見的控制按鈕配上娛樂(lè)性十足的動(dòng)畫,再加上符合直覺(jué)的手勢(shì)控制,整個(gè)體驗(yàn)過(guò)程都會(huì)輕松愉快。類似Pinterest或者其他站點(diǎn)的功能,“可被發(fā)現(xiàn)的控制”設(shè)計(jì)模式,讓內(nèi)容更加切實(shí),讓人著迷。


乘上交互的浪潮

現(xiàn)在是移動(dòng)設(shè)計(jì)令人振奮的時(shí)刻,移動(dòng)應(yīng)用中運(yùn)用手勢(shì)和動(dòng)畫已成爆炸之勢(shì)發(fā)展。想要了解更多關(guān)于著名公司是怎樣將手勢(shì)和動(dòng)畫融入已經(jīng)存在和新的設(shè)計(jì)模式中,請(qǐng)閱讀UXPin的免費(fèi)電子書《Mobile UI Design Patterns 2014》。使用你需要的模式,剩下就不用理會(huì)了,但一定要保證將他們調(diào)整到適合于你自己的問(wèn)題,最重要的是適合你的用戶。

分享名稱:移動(dòng)設(shè)計(jì)中不可或缺的交互
標(biāo)題來(lái)源:http://m.newbst.com/news22/159772.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、ChatGPT定制網(wǎng)站、網(wǎng)站設(shè)計(jì)公司網(wǎng)站營(yíng)銷、搜索引擎優(yōu)化

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)