到了2016年,迭代很多次的而且盈利模式很成熟的APP。從設(shè)計(jì)的角度來(lái)分析,拼的不是設(shè)計(jì)技巧,視覺(jué)沖擊力、而是微交互。25學(xué)堂可以敢肯定的說(shuō),微交互將會(huì)成為移動(dòng)APP設(shè)計(jì)行業(yè)的年度熱門(mén)關(guān)鍵詞。
如果你需要拿出一些真正能打動(dòng)用戶心靈,產(chǎn)生情感聯(lián)系的東西,讓他們感受到應(yīng)用真正鮮活的一面。那微交互是你致勝的法寶!
什么是微交互呢?25學(xué)堂之前也跟大家分享過(guò)。
微交互是移動(dòng)終端同數(shù)碼設(shè)備進(jìn)行的基于任務(wù)的單個(gè)交互。值得注意的是,絕大多數(shù)的的這類(lèi)交互都是微小而不引人注意的,但是它會(huì)為你提供平滑、自然的感覺(jué)。
微交互可以幫助移動(dòng)APP產(chǎn)品:可以快速實(shí)現(xiàn)了以下三個(gè)特定功能:
? 快速溝通或有效反饋
? 操作結(jié)果可視化、數(shù)據(jù)化
? 幫助用戶操作屏幕上的元素,減少用戶直接操作的步數(shù)
其實(shí),25學(xué)堂在2015年的12月份已結(jié)開(kāi)始跟大家聊聊一些APP微交互的文章。
比如:1 、APP設(shè)計(jì)術(shù)語(yǔ)解讀:什么是APP空狀態(tài)界面設(shè)計(jì)
2、小白自學(xué)APP設(shè)計(jì):APP空狀態(tài)界面設(shè)計(jì)教程【一】
3、移動(dòng)APP空狀態(tài)界面設(shè)計(jì)入門(mén)教程【二】
4、APP設(shè)計(jì)視頻教程:如何快速設(shè)計(jì)產(chǎn)品列表頁(yè)
5、APP產(chǎn)品列表UI設(shè)計(jì)思維【移動(dòng)產(chǎn)品設(shè)計(jì)干貨】
6、APP設(shè)計(jì)課程:手機(jī)APP圖文列表設(shè)計(jì)【大圖一列】
這些文章都是值得大家在春節(jié)的寒假里面,去細(xì)細(xì)的品讀。
APP微交互到底表現(xiàn)在哪些方面呢?或者說(shuō),作為一名優(yōu)秀的APP設(shè)計(jì)師,應(yīng)該從哪些方面去優(yōu)化APP界面呢?
第二部分:APP微交互具體表現(xiàn)在以下9個(gè)方面:
? 關(guān)掉或打開(kāi)某元素
? 在任何數(shù)字媒介中進(jìn)行評(píng)論
? 改變一項(xiàng)設(shè)置和進(jìn)程
? 查看通知或消息
? 下拉屏幕來(lái)刷新內(nèi)容
? 與數(shù)據(jù)元素進(jìn)行交互,如查看天氣
? 完成任何單一任務(wù)
? 連接設(shè)備,例如多玩家游戲或使用你的筆記本電腦連接打印機(jī)
? 在網(wǎng)站上對(duì)圖片或視頻進(jìn)行分享或點(diǎn)贊
簡(jiǎn)單來(lái)說(shuō)微交互就是用戶的一個(gè)動(dòng)作觸發(fā)了設(shè)備的另外一個(gè)動(dòng)作。
每個(gè)APP交互設(shè)計(jì)動(dòng)作是建立在以用戶為中心的設(shè)計(jì)理念,數(shù)字工具的工作和功能反映用戶的實(shí)際操作。這也是讓APP交互設(shè)計(jì)可以符合人類(lèi)操作習(xí)慣的秘訣。
第三部分:重點(diǎn)了解APP微交互的四個(gè)大元素
1、觸發(fā)器:
啟動(dòng)微交互。舉個(gè)例子,我點(diǎn)擊了一個(gè)心型圖標(biāo)去點(diǎn)贊一個(gè)頁(yè)面。
常見(jiàn)的就是按鈕、圖標(biāo)、圖片等。從設(shè)計(jì)的角度,吸引用戶去點(diǎn)擊、觸發(fā)元素。
2、 規(guī)則:
在APP設(shè)計(jì)交互里發(fā)生了什么。用戶不能“看見(jiàn)”這些規(guī)則,但可以通過(guò)反饋(下一個(gè)頁(yè)面)明白這些規(guī)則。在這案例,點(diǎn)擊心型圖標(biāo)會(huì)增加這個(gè)頁(yè)面的內(nèi)容到用戶的信息流里。
其實(shí)指的是APP玩家法則或者說(shuō)是游戲規(guī)則。
這個(gè)過(guò)程,產(chǎn)品經(jīng)理跟APP設(shè)計(jì)師交流尤為重要,APP設(shè)計(jì)師需要徹底理解產(chǎn)品經(jīng)理的思維才能設(shè)計(jì)出好的交互設(shè)計(jì)規(guī)則。
3、反饋:
讓你明白在微交互里發(fā)生了什么。心型圖標(biāo)用顏色填充以及會(huì)跳動(dòng),伴隨著動(dòng)效漸變消失的“安全地加入信息流”消息通知用戶發(fā)生了什么。
25學(xué)堂可以大膽的說(shuō),目前很多APP的反饋?zhàn)畹恼娴暮懿睢2徽撌蔷W(wǎng)絡(luò)問(wèn)題、還是機(jī)器的問(wèn)題、反饋信息的給出方式 有點(diǎn)粗暴簡(jiǎn)單、甚至導(dǎo)致APP閃退。這塊的APP微交互優(yōu)化進(jìn)步的空間很大。
4、循環(huán)和模式:
決定微交互動(dòng)作的時(shí)長(zhǎng)和以及隨著時(shí)間如何重復(fù)和發(fā)展的。舉個(gè)例子,我們現(xiàn)在所描述的微交互,甚至可以提醒我們6個(gè)月前第一次點(diǎn)贊的頁(yè)面。比如2016年微信公開(kāi)課?微信力量?宣傳H5。
最后,25學(xué)堂告訴大家。移動(dòng)APP設(shè)計(jì)細(xì)節(jié)是微交互的核心。
APP設(shè)計(jì)微交互以及怎么處理細(xì)節(jié)將成就或破壞你的項(xiàng)目,APP交互是一個(gè)你不能忽略的重要設(shè)計(jì)元素。值得大家結(jié)合客戶端程序員一起去優(yōu)化的。
從APP產(chǎn)品發(fā)展過(guò)程來(lái)看,APP微交互是一項(xiàng)移動(dòng)產(chǎn)品優(yōu)化的過(guò)程的核心。同時(shí)也是驗(yàn)證APP設(shè)計(jì)師進(jìn)步、成長(zhǎng)的最重要的過(guò)程。同時(shí)APP微交互設(shè)計(jì)也是2016年的一個(gè)趨勢(shì)。
全站高品質(zhì)素材免費(fèi)下載!