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