2022-06-09 分類: 網(wǎng)站建設(shè)
這里主要介紹六種簡(jiǎn)單通用的方式——轉(zhuǎn)場(chǎng)、邀請(qǐng)、過渡、反饋、縮放、吸附。
原則一:轉(zhuǎn)場(chǎng)
由于手機(jī)屏幕空間有限,更多的內(nèi)容會(huì)被隱藏在屏幕后邊,或者屏幕的左邊、右邊、下邊,轉(zhuǎn)場(chǎng)動(dòng)效能幫助應(yīng)用營(yíng)造一種空間方位感。轉(zhuǎn)場(chǎng)動(dòng)效是目前應(yīng)用最多的動(dòng)效種類,畢竟iPhone、Andoird、Wp7都有提供一些官方的動(dòng)效的API,一些簡(jiǎn)單的動(dòng)效可以直接調(diào)用官方API來完成。Android官方動(dòng)效8個(gè),iPhone官方動(dòng)效19個(gè),WP7官方動(dòng)效6個(gè),具體幾個(gè)平臺(tái)的動(dòng)效有哪些差異,后續(xù)有機(jī)會(huì)分享。
原則二:邀請(qǐng)
直接提供邀請(qǐng),告知用戶可以做的事,效果最直觀,引導(dǎo)性最好。但是要注意操作邀請(qǐng)一定是需要突出的主要功能或任務(wù),不能什么功能都邀請(qǐng)用戶試用一下,要知道,大部分用戶只用到你應(yīng)用里的20%就算不錯(cuò)了。邀請(qǐng)不能過于強(qiáng)制,如非必要,中斷用戶正在執(zhí)行的操作是很不禮貌的行為。
原則三:過渡
當(dāng)應(yīng)用正在加載數(shù)據(jù)的時(shí)候,一定要給予過渡,讓用戶知道應(yīng)用正在努力工作,系統(tǒng)級(jí)的過渡分為兩種——進(jìn)度條和菊花轉(zhuǎn),進(jìn)度條是用在可預(yù)知完成進(jìn)度和剩余時(shí)間的情況下;菊花轉(zhuǎn)是用在無法預(yù)知剩余時(shí)間的情況下。iPhone上照片轉(zhuǎn)發(fā)郵件、郵件從收件箱移動(dòng)到垃圾郵件都有很好的過渡動(dòng)效,讓用戶知道當(dāng)前從一個(gè)應(yīng)用跳轉(zhuǎn)到另外一個(gè)應(yīng)用,知道從一個(gè)文件夾跳轉(zhuǎn)到另外一個(gè)文件夾,避免了迷路的麻煩。
不是所有情況下,都要清晰的告知用戶當(dāng)然任務(wù)的加載進(jìn)度的,比如iPhone自帶的短信應(yīng)用,發(fā)送短信的時(shí)候有一個(gè)進(jìn)度條,本意是好的,讓用戶知道短信發(fā)送的進(jìn)度。但是由于進(jìn)度條會(huì)給人造成一種明顯的等待感,而且用戶擔(dān)心離開當(dāng)前界面,短信就會(huì)發(fā)送失敗(用戶怎么知道同步和異步?),所以只能傻等在那里。其實(shí)完全可以讓短信后臺(tái)發(fā)送,只要保證發(fā)送失敗有辦法告知用戶就可以。同理,那些圖片分享應(yīng)用也是如此,后臺(tái)上傳就可以了。
原則四:反饋
當(dāng)任務(wù)成功或失敗之后,需要有辦法告知用戶。比如Reeder客戶端,就會(huì)在你點(diǎn)了Unread后,立刻彈層告訴你已標(biāo)為Unread,在你點(diǎn)了Statted后,立刻彈層告訴你,已經(jīng)Starred。反饋需要在合適的時(shí)間引起用戶的注意,簡(jiǎn)潔明了的傳達(dá)操作的結(jié)果,
如果是成功類的提醒,往往只是告知狀態(tài)就可以了,用戶無需執(zhí)行操作,反饋就可以自己消失。而如果是失敗類的反饋,則需要引起關(guān)注,可以相對(duì)強(qiáng)勢(shì)一些,反饋出現(xiàn)的位置可以考慮相關(guān)性,比如帳號(hào)錯(cuò)誤可以出現(xiàn)在帳號(hào)旁邊,密碼錯(cuò)誤可以出現(xiàn)在密碼旁邊,采用相對(duì)警示的顏色和設(shè)計(jì)風(fēng)格。
原則五:縮放
在一寸土一寸金的手機(jī)界面上耕耘,恨不得蓋個(gè)復(fù)式小洋樓,一行當(dāng)兩行用。其實(shí)不是不可以,只需要一個(gè)設(shè)計(jì)思想——盒子主義。每一個(gè)功能模塊都是一個(gè)盒子,在你不需要用到的時(shí)候,它只是一個(gè)盒子,上面貼著標(biāo)簽,你知道里面裝的是襪子,當(dāng)你需要的時(shí)候,你就可以打開盒子,露出里面很多很多雙襪子。
比如Bluga這個(gè)輸入框,當(dāng)你不需要輸入的時(shí)候,它看起來就是一個(gè)輸入的入口,但是當(dāng)你點(diǎn)擊的時(shí)候,輸入的輔助信息都出來了,更大的文字撰寫框、位置、圖片、發(fā)送按鈕,你可以打開盒子,編輯一條豐富的消息。
原則六:吸附
吸附是網(wǎng)格系統(tǒng)中一個(gè)很具有美學(xué)色彩的設(shè)計(jì),當(dāng)你拖拽著一個(gè)應(yīng)用切換位置的時(shí)候,這個(gè)應(yīng)用會(huì)被自動(dòng)吸附到對(duì)齊網(wǎng)格的位置,保證界面整潔利索(不像Nokia的某些手機(jī),Widget可以滿屏幕拖拽,跟我凌亂的桌面一樣);當(dāng)你拖拽一個(gè)應(yīng)用到另外一個(gè)應(yīng)用上的時(shí)候,就可以變成一個(gè)文件夾,這里也是通過文件夾的樣式和吸附的效果,讓用戶明白建立文件夾的交互的。
任何的動(dòng)效,都需要經(jīng)過場(chǎng)景和需求的思考, 在什么樣的特殊情景下,解決了什么樣的問題,不要為了動(dòng)而動(dòng),WP7的動(dòng)效,恐怕看久了都會(huì)膩吧。
除了界面本身的動(dòng)效之外,還需要包含震動(dòng)、聲音、手勢(shì)等等因素一起去考慮,好的動(dòng)效,配合著合適的音效、合理的手勢(shì),才是最自然的交互方式。
從今天開始,努力提升你的應(yīng)用的品質(zhì),讓它動(dòng)起來吧!
當(dāng)前題目:移動(dòng)應(yīng)用豐富動(dòng)效的六點(diǎn)原則
網(wǎng)頁地址:http://www.rwnh.cn/news/165269.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)、域名注冊(cè)、微信小程序、外貿(mào)建站、建站公司、電子商務(wù)
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容